fix: adjust default sizes of ResizablePanels in Layout component for improved usability

This commit modifies the default sizes of the ResizablePanels in the Layout component's right panel, enhancing the visibility and usability of the NoteList and NoteEditor. The changes ensure a better user experience when interacting with the note-taking interface.

Author: milisp

src/components/layout/index.tsx

@@ -94,20 +94,20 @@ export function Layout() {
 
             {/* Right Panel - Editor or Notepad */}
             {rightView && (
-              <Panel defaultSize={mainView ? 30 : 100} minSize={20} className="overflow-hidden">
+              <Panel defaultSize={mainView ? 70 : 100} minSize={20} className="overflow-hidden">
                 {rightView === "notepad" ? (
                   <ResizablePanelGroup direction="horizontal" className="h-full w-full overflow-hidden">
                     {showNoteList && (
                       <>
-                        <ResizablePanel defaultSize={25} minSize={15} maxSize={40} className="min-w-0 overflow-hidden">
+                        <ResizablePanel id="notepad-list" order={1} defaultSize={30} minSize={0} className="min-w-0 overflow-hidden">
                           <div className="h-full w-full overflow-auto">
                             <NoteList />
                           </div>
                         </ResizablePanel>
                         <ResizableHandle withHandle />
                       </>
                     )}
-                    <ResizablePanel defaultSize={showNoteList ? 75 : 100} minSize={50} className="min-w-0 overflow-hidden">
+                    <ResizablePanel id="notepad-editor" order={showNoteList ? 2 : 1} defaultSize={showNoteList ? 70 : 100} minSize={50} className="min-w-0 overflow-hidden">
                       <NoteEditor />
                     </ResizablePanel>
                   </ResizablePanelGroup>