fix: prevent duplicate admin scrollbars

src/layout/AdminLayout/AdminLayout.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="h-screen flex flex-col lg:flex-row transition-colors duration-300"
+    class="flex h-screen overflow-hidden flex-col transition-colors duration-300 lg:flex-row"
     :class="[isDarkMode ? 'bg-gray-900' : 'bg-gray-50']"
   >
     <!-- Sidebar -->
@@ -82,7 +82,7 @@
     </aside>
 
     <!-- Main Content -->
-    <div class="flex-1 flex flex-col h-full">
+    <div class="flex h-full min-h-0 flex-1 flex-col">
       <!-- Header -->
       <header
         class="shadow-md border-b transition-colors duration-300 h-16"
@@ -97,7 +97,7 @@
 
       <!-- Content -->
       <main
-        class="overflow-y-auto transition-colors duration-300 custom-scrollbar"
+        class="min-h-0 flex-1 overflow-y-auto transition-colors duration-300 custom-scrollbar"
         :class="[isDarkMode ? 'bg-gray-900' : 'bg-gray-50']"
       >
         <router-view />

src/views/manage/DashboardView.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="p-6 overflow-y-auto custom-scrollbar">
+  <div class="p-6">
     <div class="mb-6 flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between">
       <div>
         <p class="text-sm" :class="[mutedTextClass]">FileCodeBox Admin</p>

src/views/manage/FileManageView.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="p-6 overflow-y-auto custom-scrollbar">
+  <div class="p-6">
     <div class="mb-6 flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between">
       <div>
         <h2 class="text-2xl font-bold" :class="[primaryTextClass]">

src/views/manage/SystemSettingsView.vue

@@ -29,7 +29,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="p-6 h-screen overflow-y-auto custom-scrollbar">
+  <div class="p-6">
     <div
       class="sticky top-0 z-20 -mx-6 -mt-6 mb-6 border-b px-6 py-4 backdrop-blur"
       :class="[isDarkMode ? 'border-gray-700 bg-gray-900/85' : 'border-gray-200 bg-gray-50/90']"