fix: ensure note list container retains flex display when selecting notes

src/components/EvercloneWorkspace.tsx

@@ -2276,13 +2276,13 @@ export default function EvercloneWorkspace() {
         <>
           {/* 2. MIDDLE NOTE LIST PANE */}
       <section
-        className={`w-full ${
-          mobilePane === 'editor' ? 'max-md:invisible max-md:absolute max-md:-left-[9999px] max-md:pointer-events-none' : 'flex'
+        className={`w-full flex flex-col ${
+          mobilePane === 'editor' ? 'max-md:invisible max-md:absolute max-md:-left-[9999px] max-md:pointer-events-none' : ''
         } ${
           listMode === 'cards'
             ? 'md:w-96 lg:w-[460px] xl:w-[500px]'
             : 'md:w-80 lg:w-96'
-        } h-full min-h-0 overflow-hidden border-r border-gray-200 bg-gray-50/50 flex-col shrink-0 transition-all duration-150 relative`}
+        } h-full min-h-0 overflow-hidden border-r border-gray-200 bg-gray-50/50 shrink-0 transition-all duration-150 relative`}
       >
         {/* List Header */}
         <div className="px-3 sm:px-4 py-2.5 border-b border-gray-200 bg-white space-y-2">
@@ -2819,7 +2819,7 @@ export default function EvercloneWorkspace() {
         </div>
 
         {/* Note List Body: Card Grid vs Virtualized Snippet / Compact List */}
-        <div ref={listParentRef} onScroll={handleListScroll} className="flex-1 min-h-0 overflow-y-scroll">
+        <div ref={listParentRef} onScroll={handleListScroll} className="flex-1 min-h-0 overflow-y-scroll [scrollbar-gutter:stable]">
           {loadingList && displayedNotes.length === 0 ? (
             <div className="p-8 text-center text-xs text-gray-400">Loading notes…</div>
           ) : displayedNotes.length === 0 ? (