update sidebar layout

src/layouts/admin/AdminLayout.astro

@@ -82,8 +82,9 @@ const adminTabs = [
 
 <BaseLayout title={title}>
   <ClientRouter />
-  <div class="flex flex-row max-h-[100vh]">
-    <ul class="menu bg-base-200 w-70 h-[100vh] flex">
+  <div class="flex flex-row max-h-[100vh] overflow-hidden">
+    <div class="bg-base-200 w-72 flex flex-col justify-between overflow-scroll">
+      <ul class="menu">
         {
           preTabs.map((tab) => (
             <li>
@@ -120,20 +121,25 @@ const adminTabs = [
               )
           )
         }
+      </ul>
+      <ul class="menu">
         {
           Astro.slots.has('actions') && (
-          <fieldset class="fieldset bg-base-300 border-base-100 rounded-box border p-2 -ml-1.5 -mr-1.5 mt-auto">
+            <fieldset class="fieldset bg-base-300 border-base-100 rounded-box border p-2">
               <slot name="actions" />
             </fieldset>
           )
         }
-      <li class:list={[Astro.slots.has('actions') ? null : 'mt-auto']}>
+        <div class="divider mx-1 my-0"></div>
+        <li>
           <button id="logout">
             <span class="iconify iconify-[heroicons--arrow-left-end-on-rectangle]"></span>
             <span>Ausloggen</span>
           </button>
         </li>
       </ul>
+    </div>
+
     <div class="w-full overflow-scroll relative">
       <slot />
     </div>