Revert "feat: complete automatic mobile board UX"

This reverts commit 7959c20d88.

apps/nextjs/src/app/[locale]/boards/(content)/_prefetch-policy.spec.ts

@@ -4,18 +4,14 @@ import { shouldPrefetchWidgetForRequest } from "./_prefetch-policy";
 
 describe("shouldPrefetchWidgetForRequest", () => {
   test.each(["mobile", "tablet"])("defers downloads for %s requests", (deviceType) => {
-    expect(shouldPrefetchWidgetForRequest("downloads", deviceType, true)).toBe(false);
+    expect(shouldPrefetchWidgetForRequest("downloads", deviceType)).toBe(false);
   });
 
   test("keeps downloads prefetched for desktop requests", () => {
-    expect(shouldPrefetchWidgetForRequest("downloads", undefined, true)).toBe(true);
-  });
-
-  test("keeps downloads prefetched for legacy responsive mobile boards", () => {
-    expect(shouldPrefetchWidgetForRequest("downloads", "mobile", false)).toBe(true);
+    expect(shouldPrefetchWidgetForRequest("downloads", undefined)).toBe(true);
   });
 
   test.each(["app", "bookmarks"] as const)("keeps eager %s data prefetched on mobile", (kind) => {
-    expect(shouldPrefetchWidgetForRequest(kind, "mobile", true)).toBe(true);
+    expect(shouldPrefetchWidgetForRequest(kind, "mobile")).toBe(true);
   });
 });

apps/nextjs/src/app/[locale]/boards/(content)/_prefetch-policy.ts

@@ -1,11 +1,7 @@
 import type { WidgetKind } from "@homarr/definitions";
 
-export const shouldPrefetchWidgetForRequest = (
-  kind: WidgetKind,
-  deviceType: string | undefined,
-  enableAutomaticMobileLayout: boolean,
-) => {
+export const shouldPrefetchWidgetForRequest = (kind: WidgetKind, deviceType: string | undefined) => {
   const isMobileDevice = deviceType === "mobile" || deviceType === "tablet";
 
-  return kind !== "downloads" || !isMobileDevice || !enableAutomaticMobileLayout;
+  return kind !== "downloads" || !isMobileDevice;
 };

apps/nextjs/src/app/[locale]/boards/_board-switcher-logo.tsx

@@ -48,22 +48,13 @@ export const BoardSwitcherLogo = () => {
         <ScrollArea.Autosize mah={320}>
           {boards.map((availableBoard) => {
             const isCurrent = availableBoard.id === board.id;
-            if (isCurrent) {
-              return (
-                <Menu.Item key={availableBoard.id} leftSection={<IconCheck size={20} />} aria-current="page" disabled>
-                  <Text truncate title={availableBoard.name}>
-                    {availableBoard.name}
-                  </Text>
-                </Menu.Item>
-              );
-            }
-
             return (
               <Menu.Item
                 key={availableBoard.id}
                 component={Link}
                 href={`/boards/${availableBoard.name}`}
-                leftSection={<IconLayoutBoard size={20} />}
+                leftSection={isCurrent ? <IconCheck size={20} /> : <IconLayoutBoard size={20} />}
+                aria-current={isCurrent ? "page" : undefined}
               >
                 <Text truncate title={availableBoard.name}>
                   {availableBoard.name}

apps/nextjs/src/app/[locale]/layout.tsx

@@ -115,7 +115,6 @@ export default async function Layout(props: {
           board: {
             homeBoardId: serverSettings.board.homeBoardId,
             mobileHomeBoardId: serverSettings.board.mobileHomeBoardId,
-            enableAutomaticMobileLayout: serverSettings.board.enableAutomaticMobileLayout,
             enableStatusByDefault: serverSettings.board.enableStatusByDefault,
             forceDisableStatus: serverSettings.board.forceDisableStatus,
           },