commoncomponents: correct photo booth view geometry

Make sure that in wizard view, the spacing in the profile page is
correct.

Change-Id: I15cc9274b433532621495df4899578afb5efee92

src/commoncomponents/PhotoboothView.qml

@@ -16,6 +16,10 @@ ColumnLayout {
 
     property int boothWidth: 224
 
+    readonly property int size: boothWidth +
+                                buttonsRowLayout.height +
+                                JamiTheme.preferredMarginSize / 2
+
     signal imageAcquired
     signal imageCleared
 
@@ -49,6 +53,8 @@ ColumnLayout {
         }
     }
 
+    spacing: 0
+
     JamiFileDialog{
         id: importFromFileToAvatar_Dialog
 

src/wizardview/components/ProfilePage.qml

@@ -87,8 +87,8 @@ Rectangle {
             id: setAvatarWidget
 
             Layout.alignment: Qt.AlignCenter
-            Layout.preferredWidth: JamiTheme.preferredFieldHeight + boothWidth
-            Layout.preferredHeight: JamiTheme.preferredFieldHeight + boothWidth
+            Layout.preferredWidth: size
+            Layout.preferredHeight: size
 
             boothWidth: 200
         }