implemented navigation to the forms page

17th Website/src/components/FormsPage/forms.vue

@@ -0,0 +1,9 @@
+<script setup>
+
+
+</script>
+
+<template>
+  <h1>Here is a child component!</h1>
+
+</template>

17th Website/src/components/navigation/Navbar.vue

@@ -28,7 +28,7 @@ export default {
         <hr class="text-white">
         <navitem icon="carbon:home" link="/" @click="setActive('#home')" :active="activeButton === '#home'" />
         <navitem icon="carbon:events" link="/users" @click="setActive('#users')" :active="activeButton === '#users'"/>
-        <navitem icon="carbon:align-box-bottom-left" link="#" @click="setActive('#docs')"  :active="activeButton === '#docs'"/>
+        <navitem icon="carbon:align-box-bottom-left" link="/forms" @click="setActive('#docs')"  :active="activeButton === '#docs'"/>
         <navitem icon="carbon:tool-kit" link="#" @click="setActive('#tools')"  :active="activeButton === '#tools'"/>
     </div>
 </template>

17th Website/src/router.js

@@ -35,6 +35,11 @@ export default createRouter({
         path: '/users',
         name: 'Users',
         component: () => import('./views/users.vue'),
+    },
+    {
+      path: '/forms',
+      name: 'Forms',
+      component: () => import('./components/FormsPage/forms.vue')
     }
   ]
 })