feat: Add terms and conditions page

src/App.vue

@@ -41,7 +41,10 @@ onMounted(async () => {
           </KeepAlive>
         </router-view>
       </div>
-      <footer v-if="route.name === 'home'" class="mt-auto">
+      <footer
+        v-if="route.name === 'home' || route.name === 'terms-and-conditions'"
+        class="mt-auto"
+      >
         <TheFooter />
       </footer>
       <div id="action-bar" />

src/components/TheFooter.vue

@@ -17,6 +17,12 @@ const snapshotTextLinks = [
     link: {
       name: 'network'
     }
+  },
+  {
+    text: 'terms',
+    link: {
+      name: 'terms-and-conditions'
+    }
   }
 ];
 

src/locales/default.json

@@ -1017,6 +1017,7 @@
     "about": "About",
     "blog": "Blog",
     "network-support": "Network support",
+    "terms": "Terms and conditions",
     "jobs": "Jobs",
     "faqs": "FAQs",
     "github": "GitHub",

src/router/index.ts

@@ -24,6 +24,7 @@ import SpaceTreasury from '@/views/SpaceTreasury.vue';
 import SpaceDelegates from '@/views/SpaceDelegates.vue';
 import SpaceDelegate from '@/views/SpaceDelegate.vue';
 import SpaceBoost from '@/views/SpaceBoost.vue';
+import TermsView from '@/views/TermsView.vue';
 
 // The frontend shows all spaces or just a single one, when being accessed
 // through that space's custom domain.
@@ -151,7 +152,12 @@ if (domain) {
         }
       }
     },
-    { path: '/network', name: 'network', component: Network }
+    { path: '/network', name: 'network', component: Network },
+    {
+      path: '/terms-and-conditions',
+      name: 'terms-and-conditions',
+      component: TermsView
+    }
   );
 }