ui(help): add roadmap help page

Author: gustavotoyota

apps/client/src/pages/home/Help/Help.vue

@@ -34,6 +34,12 @@
           </router-link>
         </li>
 
+        <li>
+          <router-link :to="{ name: 'help/roadmap' }">
+            Is there a roadmap?
+          </router-link>
+        </li>
+
         <li>
           <router-link :to="{ name: 'help/creating-group' }">
             How to create a group?

apps/client/src/pages/home/Help/Pages/Roadmap.vue

@@ -0,0 +1,26 @@
+<template>
+  <div style="font-size: 28px; font-weight: bold">{{ title }}</div>
+
+  <Gap style="height: 36px" />
+
+  <div>
+    Yes, it is available at:
+
+    <div>
+      <a
+        href="https://deepnotes.app/pages/voEG2WDb5e2x1Ep6hjwVp"
+        target="_blank"
+      >
+        https://deepnotes.app/pages/voEG2WDb5e2x1Ep6hjwVp
+      </a>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+const title = 'Is there a roadmap?';
+
+useMeta(() => ({
+  title: `${title} - Help - DeepNotes`,
+}));
+</script>

apps/client/src/router/routes.ts

@@ -200,6 +200,17 @@ const routes: RouteRecordRaw[] = [
           },
         ],
       },
+      {
+        path: 'roadmap',
+        component: () => import('src/pages/home/Help/HelpLayout.vue'),
+        children: [
+          {
+            path: '',
+            name: 'help/roadmap',
+            component: () => import('src/pages/home/Help/Pages/Roadmap.vue'),
+          },
+        ],
+      },
     ],
   },