Add documentation link to settings menu

And make mirage x.y.z label no longer open the github page

src/gui/MainPane/TopBar.qml

@@ -17,7 +17,6 @@ Rectangle {
         HButton {
             backgroundColor: "transparent"
             icon.name: "settings"
-            toolTip.text: qsTr("Settings")
             onClicked: settingsMenu.open()
 
             Layout.fillHeight: true
@@ -28,7 +27,7 @@ Rectangle {
 
                 HMenuItem {
                     icon.name: "more-settings"
-                    text: qsTr("Open config folder")
+                    text: qsTr("Open configuration folder")
                     onTriggered:
                         py.callCoro("get_config_dir", [], Qt.openUrlExternally)
                 }
@@ -40,6 +39,14 @@ Rectangle {
                         py.callCoro("get_theme_dir", [], Qt.openUrlExternally)
                 }
 
+                HMenuItem {
+                    icon.name: "documentation"
+                    text: qsTr("Online documentation")
+                    onTriggered: Qt.openUrlExternally(
+                        "https://github.com/mirukana/mirage/tree/master/docs"
+                    )
+                }
+
                 HMenuItem {
                     icon.name: "debug"
                     text: qsTr("Developer console")
@@ -48,16 +55,12 @@ Rectangle {
             }
         }
 
-        HButton {
+        HLabel {
-            backgroundColor: "transparent"
+            horizontalAlignment: HLabel.AlignHCenter
-
+            verticalAlignment: HLabel.AlignVCenter
+            color: theme.mainPane.topBar.nameVersionLabel
             text: qsTr("%1 %2")
                   .arg(Qt.application.displayName).arg(Qt.application.version)
-            label.color: theme.mainPane.topBar.nameVersionLabel
-            toolTip.text: qsTr("Double click to open project repository")
-
-            onDoubleClicked:
-                Qt.openUrlExternally("https://github.com/mirukana/mirage")
 
             Layout.fillWidth: true
             Layout.fillHeight: true

src/icons/thin/documentation.svg

@@ -0,0 +1,3 @@
+<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="m4 22v-20h16v11.543c0 4.107-6 2.457-6 2.457s1.518 6-2.638 6zm18-7.614v-14.386h-20v24h10.189c3.163 0 9.811-7.223 9.811-9.614zm-5-1.386h-10v-1h10zm0-4h-10v1h10zm0-3h-10v1h10z"/>
+</svg>