Fixed page layout and edit delivery

src/layouts/BlankLayout.vue

@@ -0,0 +1,10 @@
+<template>
+  <!-- This will render the page component directly without any wrappers -->
+  <router-view />
+</template>
+
+<script>
+export default {
+  name: 'BlankLayout'
+}
+</script>

src/layouts/DefaultLayout.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="drawer lg:drawer-open">
+    <input id="my-drawer-2" type="checkbox" class="drawer-toggle" />
+
+    <!--
+      DRAWER CONTENT: Main page content area.
+      FIX: Added `relative` so the absolutely positioned search results are contained within it.
+    -->
+    <div class="drawer-content flex flex-col relative">
+      <HeaderAuth />
+      <main class="flex-1 p-4 md:p-8 bg-base-200">
+        <router-view />
+      </main>
+
+      <!-- The SearchResults component now lives here and will appear as an overlay -->
+      <SearchResults v-if="searchStore.showResults" />
+
+      <notifications position="top center" />
+    </div>
+
+    <!-- DRAWER SIDE: This is your main navigation sidebar. It is no longer conditional. -->
+    <div class="drawer-side">
+      <label for="my-drawer-2" class="drawer-overlay"></label>
+      <SideBar />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useSearchStore } from '../stores/search';
+import HeaderAuth from './headers/headerauth.vue';
+import SideBar from './sidebar/sidebar.vue';
+// Make sure this path and component name are correct
+import SearchResults from '../components/SearchResults.vue';
+
+const searchStore = useSearchStore();
+</script>