fix: fix appearance container to not have hover state and better height

ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/CompactMessage.qml

@@ -22,6 +22,7 @@ Item {
             + (dateGroupLbl.visible ? dateGroupLbl.height + dateGroupLbl.anchors.topMargin : 0)
 
     MouseArea {
+        enabled: !placeholderMessage
         anchors.fill: messageContainer
         acceptedButtons: Qt.LeftButton | Qt.RightButton
         onClicked:  messageMouseArea.clicked(mouse)
@@ -235,6 +236,7 @@ Item {
 
     // TODO find a way for this to not eat link hovers
     MouseArea {
+        enabled: !placeholderMessage
         anchors.fill: root
         acceptedButtons: Qt.NoButton
         hoverEnabled: true

ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/MessageMouseArea.qml

@@ -3,6 +3,7 @@ import "../../../../../shared"
 import "../../../../../imports"
 
 MouseArea {
+    enabled: !placeholderMessage
     cursorShape: chatText.hoveredLink ? Qt.PointingHandCursor : undefined
     acceptedButtons: Qt.RightButton | Qt.LeftButton
     z: 50

ui/app/AppLayouts/Profile/Sections/AppearanceContainer.qml

@@ -67,12 +67,13 @@ ScrollView {
             anchors.leftMargin: -Style.current.padding
             anchors.right: parent.right
             anchors.rightMargin: -Style.current.padding
-            height: 220
+            height: paceholderMessage.height + Style.current.padding*4
             radius: Style.current.radius
             border.color: Style.current.border
             color: Style.current.transparent
 
             Message {
+                id: paceholderMessage
                 anchors.top: parent.top
                 anchors.topMargin: Style.current.padding*2
                 anchors.left: parent.left