mobile/profile: add invisible rectangle around QMLProfile

This way we can clip the profile to it's designated size.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>

mobile-widgets/qml/DiveDetailsView.qml

@@ -218,14 +218,17 @@ Item {
 		rowSpacing: Kirigami.Units.smallSpacing * 2
 		columnSpacing: Kirigami.Units.smallSpacing
 
-		QMLProfile {
-			id: qmlProfile
-			visible: !noDive
+		Rectangle {
 			Layout.fillWidth: true
 			Layout.preferredHeight: Layout.minimumHeight
 			Layout.minimumHeight: width * 0.75
 			Layout.columnSpan: 3
-			clip: false
+			clip: true
+
+			QMLProfile {
+				id: qmlProfile
+				visible: !noDive
+				anchors.fill: parent
 				Rectangle {
 					color: "transparent"
 					opacity: 0.6
@@ -234,6 +237,7 @@ Item {
 					anchors.fill: parent
 				}
 			}
+		}
 		Controls.Label {
 			id: noProfile
 			visible: noDive