fix(file-manager): apply compact density to directory tree (#1478)

* fix(file-manager): apply compact density to directory tree

* test(css): exercise the configured PostCSS plugin chain

plugins/file-manager/src/frontend/FileManager.tsx

@@ -3469,6 +3469,7 @@ function FileManagerContent({
           >
             <div className="flex-1 flex flex-col overflow-hidden min-h-0 border border-border bg-card">
               <FileManagerSidebar
+                density={density}
                 currentHost={currentHost}
                 currentPath={currentPath}
                 onPathChange={navigateTo}

plugins/file-manager/src/frontend/FileManagerSidebar.tsx

@@ -79,6 +79,7 @@ export interface SidebarItem {
 }
 
 interface FileManagerSidebarProps {
+  density?: "comfortable" | "compact";
   currentHost: SSHHost;
   currentPath: string;
   onPathChange: (path: string) => void;
@@ -179,6 +180,7 @@ function StorageMeter({
 // ─── Component ─────────────────────────────────────────────────────────────────
 
 export function FileManagerSidebar({
+  density = "comfortable",
   currentHost,
   currentPath,
   onPathChange,
@@ -638,7 +640,12 @@ export function FileManagerSidebar({
    * the async fetch fills it in.
    */
   const renderFolderTreeItem = (item: SidebarItem): React.ReactNode => (
-    <FolderTree.Item key={item.id} id={item.id} label={item.name}>
+    <FolderTree.Item
+      key={item.id}
+      id={item.id}
+      label={item.name}
+      className={density === "compact" ? "py-0.5" : undefined}
+    >
       <FolderTree.Content>
         {item.children?.map((child) => renderFolderTreeItem(child))}
       </FolderTree.Content>