Prioritize workspace on mobile

src/tailwind.css

@@ -156,12 +156,14 @@
   .picture-candidate img { @apply h-16 w-[72px] object-contain; }
   .picture-candidate span { @apply min-w-0 truncate; }
   @media (max-width: 980px) {
-    .catalog-screen { @apply block pl-0; }
+    .catalog-screen { @apply flex flex-col pl-0; }
     .sidebar-drawer { @apply w-[min(18rem,calc(100vw-1rem))] min-h-0; }
     .sidebar-drawer:not([aria-hidden="true"]) { @apply max-h-screen; }
     .sidebar-drawer[aria-hidden="true"] { @apply -translate-x-full; }
     .sidebar-open-button { @apply left-2 top-2; }
     .secondary-panel { @apply border-r-0 pt-0; }
+    .main-workspace { @apply order-1; }
+    .secondary-panel { @apply order-2; }
     .table-wrap { @apply max-h-[70vh]; }
   }