fix: increase z-index for header and sidebar components

Author: dominicDeCoco-bravo

adminforth/spa/src/App.vue

@@ -2,7 +2,7 @@
   <div>
     <nav 
       v-if="loggedIn && routerIsReady && loginRedirectCheckIsReady && defaultLayout"
-      class="fixed h-14 top-0 z-20 w-full border-b shadow-sm bg-lightNavbar shadow-headerShadow dark:bg-darkNavbar dark:border-darkSidebarDevider"
+      class="fixed h-14 top-0 z-30 w-full border-b shadow-sm bg-lightNavbar shadow-headerShadow dark:bg-darkNavbar dark:border-darkSidebarDevider"
     >
       <div class="af-header px-3 lg:px-5 lg:pl-3 flex items-center justify-between h-full w-full" >
           <div class="flex items-center justify-start rtl:justify-end">

adminforth/spa/src/components/Sidebar.vue

@@ -4,7 +4,7 @@
     @mouseover="!isTogglingSidebar && (isSidebarHovering = true)" 
     @mouseleave="!isTogglingSidebar && (isSidebarHovering = false)"
     id="logo-lightSidebar" 
-    class="sidebar-container fixed border-none top-0 left-0 z-30 h-screen transition-all duration-300 ease-in-out bg-lightSidebar dark:bg-darkSidebar border-r border-lightSidebarBorder sm:translate-x-0 dark:border-darkSidebarBorder"
+    class="sidebar-container fixed border-none top-0 left-0 z-40 h-screen transition-all duration-300 ease-in-out bg-lightSidebar dark:bg-darkSidebar border-r border-lightSidebarBorder sm:translate-x-0 dark:border-darkSidebarBorder"
     :class="{ 
       '-translate-x-full': !sideBarOpen, 
       'transform-none': sideBarOpen,