feat(swimlane): add swimlane engine with first version on SharedWithMe section

added group by:

        - None (= ordered by folders/file name)
        - Type (Folder first, then Image, Vidao, Audio, Document, etc...)
        - Owner
        - Size (With logarithmic groups))
        - Shared date (with groups: today, last 7 days, last 30 days, then year)

static/js/app/navigation.js

@@ -12,7 +12,7 @@ import { recent } from '../features/library/recent.js';
 import { sharedView } from '../views/shared/sharedView.js';
 import { sharedWithMeView } from '../views/sharedWithMe/sharedWithMeView.js';
 import { loadFiles } from './filesView.js';
-import { setActionsBarMode } from './main.js';
+import { setActionsBarMode, setGroupByView, syncGroupByMenu } from './main.js';
 import { app, appElements } from './state.js';
 import { loadTrashItems } from './trashView.js';
 import { ui } from './ui.js';
@@ -214,6 +214,11 @@ function switchToSharedWithMeSection() {
     // Show actions-bar with view toggle (no upload / new-folder in this view)
     setActionsBarMode('sharedwithme');
 
+    // Populate the group-by dropdown with this section's dimensions.
+    // Must be called AFTER setActionsBarMode() so the selector elements exist.
+    setGroupByView(sharedWithMeView);
+    syncGroupByMenu(sharedWithMeView.groupByDefs);
+
     // Show the Owner column — names are resolved async after render.
     ui.setOwnerColumnVisible(true);
 
@@ -232,6 +237,8 @@ function switchToFilesSection() {
 
     // Set actions bar mode
     setActionsBarMode('files', true);
+    setGroupByView(null);
+    syncGroupByMenu([]);
 
     // Show owner column in the Files section
     ui.setOwnerColumnVisible(true);
@@ -266,6 +273,8 @@ function switchToFavoritesSection() {
 
     // Set actions bar mode
     setActionsBarMode('favorites');
+    setGroupByView(null);
+    syncGroupByMenu([]);
 
     // Show the Owner column — names are resolved async after render.
     ui.setOwnerColumnVisible(true);
@@ -304,6 +313,8 @@ function switchToRecentFilesSection() {
 
     // Set actions bar mode
     setActionsBarMode('recent');
+    setGroupByView(null);
+    syncGroupByMenu([]);
 
     // Hide breadcrumb (only shown in Files view)
     const breadcrumb = document.querySelector('.breadcrumb');
@@ -367,6 +378,8 @@ function switchToTrashSection() {
     toggleFileContainer(true);
 
     setActionsBarMode('trash');
+    setGroupByView(null);
+    syncGroupByMenu([]);
 
     //reset files view + remove any error
     ui.resetFilesList();
@@ -419,6 +432,8 @@ function switchToMusicSection() {
 function activateFilesUI() {
     setCurrentSection('files');
     setActionsBarMode('files', true);
+    setGroupByView(null);
+    syncGroupByMenu([]);
     const breadcrumb = document.querySelector('.breadcrumb');
     breadcrumb?.classList.remove('hidden');
     toggleFileContainer(true);