added about section for version, cleaned up about tab

src/components/about/about.js

@@ -1,3 +1,5 @@
+import { mapState } from 'pinia'
+
 import FeaturesPanel from '../features_panel/features_panel.vue'
 import InstanceSpecificPanel from '../instance_specific_panel/instance_specific_panel.vue'
 import MRFTransparencyPanel from '../mrf_transparency_panel/mrf_transparency_panel.vue'
@@ -7,6 +9,9 @@ import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_pane
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
+const pleromaFeCommitUrl =
+  'https://git.pleroma.social/pleroma/pleroma-fe/commit/'
+
 const About = {
   components: {
     InstanceSpecificPanel,
@@ -19,6 +24,10 @@ const About = {
     showFeaturesPanel() {
       return useInstanceStore().instanceIdentity.showFeaturesPanel
     },
+    frontendVersionLink() {
+      return pleromaFeCommitUrl + this.frontendVersion
+    },
+    ...mapState(useInstanceStore, ['backendVersion', 'backendRepository', 'frontendVersion']),
     showInstanceSpecificPanel() {
       return (
         useInstanceStore().instanceIdentity.showInstanceSpecificPanel &&