feat(community): add option to see community rules

Fixes #16826

Adds the option to see the community rules in the community context menu on the left.

Also adapts a few things according to designs

ui/app/AppLayouts/Communities/popups/CommunityRulesPopup.qml

@@ -0,0 +1,63 @@
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import QtQml.Models 2.15
+
+import StatusQ.Core 0.1
+import StatusQ.Components 0.1
+import StatusQ.Controls 0.1
+import StatusQ.Popups.Dialog 0.1
+
+StatusDialog {
+    id: root
+
+    required property string name
+    required property string introMessage
+    required property string image
+    required property string color
+
+
+    implicitWidth: 640 // design
+    title: qsTr("%1 community rules").arg(root.name)
+
+    onClosed: destroy()
+
+    contentItem: StatusScrollView {
+        id: scrollView
+        contentWidth: availableWidth
+        padding: 0
+
+        ColumnLayout {
+            width: scrollView.availableWidth
+            spacing: 24
+
+            StatusSmartIdenticon {
+                Layout.alignment: Qt.AlignHCenter
+                name: asset.isImage ? "" : root.name
+                asset.isImage: root.image !== ""
+                asset.name: root.image
+                asset.isLetterIdenticon: !asset.isImage
+                asset.color: root.color
+                asset.charactersLen: 1
+                asset.useAcronymForLetterIdenticon: false
+                asset.width: 64
+                asset.height: 64
+            }
+
+            StatusBaseText {
+                text: root.introMessage
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                wrapMode: Text.WordWrap
+            }
+        }
+    }
+
+    footer: StatusDialogFooter {
+        rightButtons: ObjectModel {
+            StatusButton {
+                text: qsTr("Done")
+                onClicked: root.close()
+            }
+        }
+    }
+}

ui/app/AppLayouts/Communities/popups/qmldir

@@ -1,6 +1,7 @@
 AlertPopup 1.0 AlertPopup.qml
 BurnTokensPopup 1.0 BurnTokensPopup.qml
 CommunityProfilePopup 1.0 CommunityProfilePopup.qml
+CommunityRulesPopup 1.0 CommunityRulesPopup.qml
 CreateCategoryPopup 1.0 CreateCategoryPopup.qml
 CreateChannelPopup 1.0 CreateChannelPopup.qml
 CreateCommunityPopup 1.0 CreateCommunityPopup.qml

ui/app/mainui/AppMain.qml

@@ -1009,11 +1009,17 @@ Item {
                         }
 
                         StatusAction {
-                            text: qsTr("View Community")
-                            icon.name: "group-chat"
+                            text: qsTr("Community Info")
+                            icon.name: "info"
                             onTriggered: popups.openCommunityProfilePopup(appMain.rootStore, model, communityContextMenu.chatCommunitySectionModule)
                         }
 
+                        StatusAction {
+                            text: qsTr("Community Rules")
+                            icon.name: "text"
+                            onTriggered: popups.openCommunityRulesPopup(model.name, model.introMessage, model.image, model.color)
+                        }
+
                         StatusMenuSeparator {}
 
                         MuteChatMenuItem {

ui/app/mainui/Popups.qml

@@ -206,6 +206,10 @@ QtObject {
         openPopup(communityProfilePopup, { store: store, community: community, communitySectionModule: communitySectionModule})
     }
 
+    function openCommunityRulesPopup(name, introMessage, image, color) {
+        openPopup(communityRulesPopup, { name, introMessage, image, color })
+    }
+
     function openMarkAsIDVerifiedPopup(publicKey, cb) {
         const contactDetails = Utils.getContactDetailsAsJson(
                                  publicKey, true, true, true)
@@ -631,6 +635,14 @@ QtObject {
             }
         },
 
+        Component {
+            id: communityRulesPopup
+
+            CommunityRulesPopup {
+                onClosed: destroy()
+            }
+        },
+
         Component {
             id: pinnedMessagesPopup