fix: Menu minimized quand Ipad

frontend/src/components/Layout.jsx

@@ -218,10 +218,19 @@ function IconPlusCircle() {
 }
 
 export default function Layout() {
-  const { sidebarCollapsed, toggleSidebar, displayMode, setDisplayMode } = useUi();
+  const { sidebarCollapsed, setSidebarCollapsed, toggleSidebar, displayMode, setDisplayMode } = useUi();
   const navigate = useNavigate();
   const [navIcons, setNavIcons] = useState({});
 
+  // Auto-collapse en mode portrait sur tablette (768–1200px)
+  useEffect(() => {
+    const mq = window.matchMedia('(orientation: portrait) and (max-width: 1200px)');
+    const handler = (e) => { if (e.matches) setSidebarCollapsed(true); };
+    if (mq.matches) setSidebarCollapsed(true);
+    mq.addEventListener('change', handler);
+    return () => mq.removeEventListener('change', handler);
+  }, [setSidebarCollapsed]);
+
   useEffect(() => {
     api.get('/icons').then(rows => {
       const m = {};