photoboothView: fix the white border in dark mode and the photo taken

Change-Id: I24556c668d92a11573a23bab2367a0a470d01750

src/commoncomponents/PhotoboothView.qml

@@ -141,7 +141,9 @@ ColumnLayout {
             AvatarImage {
                 id: avatarImg
 
-                anchors.fill: parent
+                anchors.centerIn: avatarLabelBackground
+                width: avatarLabelBackground.width + avatarImg.spinningAnimationWidth
+                height: avatarLabelBackground.height + avatarImg.spinningAnimationWidth
 
                 showPresenceIndicator: false
 

src/previewrenderer.cpp

@@ -137,9 +137,8 @@ QString
 PhotoboothPreviewRender::takePhoto(int size)
 {
     if (auto previewImage = lrcInstance_->renderer()->getPreviewFrame()) {
-        return Utils::byteArrayToBase64String(Utils::QImageToByteArray(
-            previewImage->copy()
-                .scaled(size, size, Qt::KeepAspectRatioByExpanding, Qt::SmoothTransformation)));
+        return Utils::byteArrayToBase64String(
+            Utils::QImageToByteArray(Utils::getCirclePhoto(previewImage->copy(), size)));
     }
     return {};
 }