* navbar with protected routes

feature: #3

src/views/AboutView.vue

@@ -1,15 +1,17 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-    <font-awesome-icon icon="fa-solid fa-user-secret" />
-  </div>
-</template>
-<style>
-@media (min-width: 1024px) {
-  .about {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
+<script setup>
+import Navbar from "../components/Navbar.vue";
+</script>
+<script>
+export default {
+  mounted() {
+  }
+}
+</script>
+<template>
+  <Navbar/><!-- Causes rerendering each time todo: possible use in App.vue-->
+  <div class="about">
+    <h1>This is a About page</h1>
+  </div>
+</template>
+<style>
+</style>