fix(CommunitiesPortal): display banner in community portal cards

Closes #7417

ui/StatusQ/src/StatusQ/Components/StatusCommunityCard.qml

@@ -186,6 +186,9 @@ Rectangle {
             anchors.fill: parent
             radius: d.bannerRadius
             color: root.loaded ? root.communityColor : d.loadingColor2
+
+            // hide when image is loaded to avoid glitches on the edge
+            visible: image.status !== Image.Ready
         }
         Image {
             id: image
@@ -194,7 +197,7 @@ Rectangle {
             anchors.centerIn: parent
             fillMode: Image.PreserveAspectFit
             smooth: true
-            visible: !root.loaded || !root.banner
+            visible: false
         }
         OpacityMask {
             anchors.fill: image

ui/app/AppLayouts/CommunitiesPortal/views/CommunitiesGridView.qml

@@ -58,6 +58,7 @@ StatusScrollView {
             communityId: model.communityId
             loaded: model.available
             logo: model.icon
+            banner: model.banner
             name: model.name
             description: model.description
             members: model.members