refactor: remove HeaderBar component

src/App.vue

@@ -1,32 +1,10 @@
 <script setup lang="ts">
-import { reactive } from "vue";
-
 import { RouterView } from "vue-router";
 import SiteNavigation from "@/components/SiteNavigation.vue";
-import NavToggle from "@/components/NavToggle.vue";
-import HeaderBar from "@/components/HeaderBar.vue";
-
-interface State {
-  navActive: boolean;
-}
-
-const state: State = reactive({
-  navActive: false,
-});
-
-const toggleNav = (): void => {
-  state.navActive = !state.navActive;
-  document.body.classList.toggle("scroll-lock");
-};
 </script>
 
 <template>
-  <SiteNavigation :isActive="state.navActive" @selected="toggleNav" />
-
-  <HeaderBar>
-    <NavToggle @click.prevent="toggleNav" />
-    <template #heading>{{ $route.meta.title }}</template>
-  </HeaderBar>
+  <SiteNavigation />
 
   <main>
     <RouterView />