fix: some 🐛

src/PageManager.tsx

@@ -1,5 +1,4 @@
 import Sidebar from '@/components/Sidebar'
-import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@/components/ui/resizable'
 import { Separator } from '@/components/ui/separator'
 import { cn } from '@/lib/utils'
 import NoteListPage from '@/pages/primary/NoteListPage'
@@ -268,11 +267,12 @@ export function PageManager({ maxStackSize = 5 }: { maxStackSize?: number }) {
         <div className="flex h-screen overflow-hidden">
           <Sidebar />
           <Separator orientation="vertical" />
-          <ResizablePanelGroup direction="horizontal">
-            <ResizablePanel minSize={30}>
+          <div className="grid grid-cols-2 w-full">
+            <div className="flex">
               {primaryPages.map(({ name, element }) => (
                 <div
                   key={name}
+                  className="w-full"
                   style={{
                     display: currentPrimaryPage === name ? 'block' : 'none'
                   }}
@@ -280,9 +280,9 @@ export function PageManager({ maxStackSize = 5 }: { maxStackSize?: number }) {
                   {element}
                 </div>
               ))}
-            </ResizablePanel>
-            <ResizableHandle />
-            <ResizablePanel minSize={30}>
+              <Separator orientation="vertical" className="z-50" />
+            </div>
+            <div>
               {secondaryStack.length ? (
                 secondaryStack.map((item, index) => (
                   <div
@@ -295,8 +295,8 @@ export function PageManager({ maxStackSize = 5 }: { maxStackSize?: number }) {
               ) : (
                 <HomePage />
               )}
-            </ResizablePanel>
-          </ResizablePanelGroup>
+            </div>
+          </div>
         </div>
       </SecondaryPageContext.Provider>
     </PrimaryPageContext.Provider>