WIP admin layout updates

Author: connorabbas

resources/js/Layouts/Admin/Partials/DrawerMenu.vue renamed to resources/js/Components/Layout/Admin/DrawerMenu.vue

@@ -0,0 +1,7 @@
+<template>
+    <div class="w-full border-t dynamic-border">
+        <div class="flex flex-col items-center justify-center text-center dynamic-bg py-6 px-3">
+            <p>Your Company - {{ new Date().getFullYear() }}</p>
+        </div>
+    </div>
+</template>

resources/js/Components/Layout/Admin/Footer.vue

@@ -1,10 +1,10 @@
 <script setup>
 import { ref, useTemplateRef, onMounted } from 'vue';
 import LinksBreadcrumb from '@/Components/PrimeVue/LinksBreadcrumb.vue';
-import MobileSidebarNavDrawer from './Partials/MobileSidebarNavDrawer.vue';
-import TopNav from './Partials/TopNav.vue';
-import Footer from './Partials/Footer.vue';
-import SideMenuItems from './Partials/SideMenuItems.vue';
+import MobileSidebarNavDrawer from '@/Components/Layout/Admin/MobileSidebarNavDrawer.vue';
+import TopNav from '@/Components/Layout/Admin/TopNav.vue';
+import Footer from '@/Components/Layout/Admin/Footer.vue';
+import SideMenuItems from '@/Components/Layout/Admin/SideMenuItems.vue';
 
 defineProps({
     pageTitle: {
@@ -62,7 +62,7 @@ onMounted(() => {
             <TopNav @open-nav="navDrawerOpen = true" />
         </header>
 
-        <main class="flex-1">
+        <div class="flex-1">
             <!-- Desktop Sidebar -->
             <aside :class="[
                 'w-[18rem] inset-0 hidden lg:block fixed overflow-y-auto overflow-x-hidden dynamic-bg border-r dynamic-border',
@@ -125,17 +125,17 @@ onMounted(() => {
                 </section>
 
                 <!-- Page Content -->
-                <section
+                <main
                     id="page-content"
                     class="grow"
                 >
                     <slot />
-                </section>
+                </main>
 
                 <footer>
                     <Footer />
                 </footer>
             </div>
-        </main>
+        </div>
     </div>
 </template>

resources/js/Layouts/Admin/Partials/MobileSidebarNavDrawer.vue renamed to resources/js/Components/Layout/Admin/MobileSidebarNavDrawer.vue

@@ -158,9 +158,9 @@ const {
                                         v-tooltip.top="'Show User Actions'"
                                         type="button"
                                         severity="secondary"
-                                        text
-                                        rounded
                                         icon="pi pi-ellipsis-v"
+                                        rounded
+                                        text
                                         @click="toggleUserContextMenu($event, data)"
                                     />
                                 </template>