refactor navbar

src/router/index.js

@@ -84,7 +84,7 @@ const routes = [
   {
     path: "/notifications",
     name: "notifications",
-    component: () => import("../views/NavigationViews/NotificationView.vue"),
+    component: () => import("../components/BaseComponents/NotificationsForm.vue"),
     beforeEnter: guardRoute,
   },
   {

src/views/NavigationViews/NavBarView.vue

-<template>
-  <div>
-    <Navbar />
-  </div>
-</template>
-
-<script>
-import Navbar from "@/components/NavigationComponents/NavBar";
-export default {
-  name: "NavBarView",
-  components: {
-    Navbar,
-  },
-};
-</script>
-
-<style scoped></style>

src/views/NavigationViews/NotificationView.vue

-<template>
-  <div>
-    <NotificationsForm />
-  </div>
-</template>
-
-<script>
-import NotificationsForm from "@/components/NavigationComponents/NotificationsForm";
-
-export default {
-  name: "NotificationView.vue",
-  components: {
-    NotificationsForm,
-  },
-};
-</script>
-
-<style scoped></style>