feat(mobile): declutter mobile views with contextual FAB, filter sheet, and clean outliner

frontend/src/features/lists/SharedListsView.tsx

@@ -77,7 +77,7 @@ export function deduplicateItems(items: ListItem[]): ListItem[] {
 }
 
 export const SharedListsView: React.FC<SharedListsViewProps> = ({ onRefreshGlobal, currentUser }) => {
-  const { setGroups } = useMobileActions();
+  const { setGroups, setPrimaryAction } = useMobileActions();
   const [lists, setLists] = useState<SharedList[]>([]);
   const [activeListId, setActiveListId] = useState<string>('');
 
@@ -714,6 +714,13 @@ export const SharedListsView: React.FC<SharedListsViewProps> = ({ onRefreshGloba
 
   // Register context-sensitive mobile menu groups behind the MindSift logo
   useEffect(() => {
+    setPrimaryAction(() => {
+      setTimeout(() => {
+        inputRef.current?.focus();
+        inputRef.current?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+      }, 60);
+    });
+
     setGroups([
       {
         id: 'lists-actions',
@@ -786,7 +793,7 @@ export const SharedListsView: React.FC<SharedListsViewProps> = ({ onRefreshGloba
         }),
       },
     ]);
-  }, [lists, activeList, completedItems.length, setGroups]);
+  }, [lists, activeList, completedItems.length, setGroups, setPrimaryAction]);
 
   return (
     <div className="w-full space-y-3">