fix&update dependancies

src/App.vue

@@ -25,8 +25,8 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
-  color: $thdblue;
 }
+
 @include media-breakpoint-down(md) {
   .header-img {
     display: none;

src/assets/app.js

-import "../../node_modules/bootstrap/dist/js/bootstrap";
+import '../../node_modules/bootstrap/dist/js/bootstrap'

src/router.js

 import { createWebHistory, createRouter } from 'vue-router'
 import Home from './views/Home.vue'
 import About from './views/About.vue'
+import SickForm from './views/SickForm.vue'
 
 const routes = [
   {
@@ -12,6 +13,11 @@ const routes = [
     path: '/about',
     name: 'About',
     component: About
+  },
+  {
+    path: '/SickForm',
+    name: 'SickForm',
+    component: SickForm
   }
 ]