Revert "feat: improve mobile board experience"

This reverts commit 7c0e98c55b.

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

@@ -1,57 +0,0 @@
-"use client";
-
-import { Group, Menu, ScrollArea, Text, UnstyledButton } from "@mantine/core";
-import { IconCheck, IconChevronDown, IconLayoutBoard } from "@tabler/icons-react";
-
-import { clientApi } from "@homarr/api/client";
-import { useRequiredBoard } from "@homarr/boards/context";
-import { useI18n } from "@homarr/translation/client";
-import { Link } from "@homarr/ui";
-
-import { BoardLogo } from "~/components/layout/logo/board-logo";
-
-export const BoardSwitcherLogo = () => {
-  const board = useRequiredBoard();
-  const { data: boards = [] } = clientApi.board.getAllBoards.useQuery();
-  const t = useI18n();
-
-  return (
-    <Menu position="bottom-start" width={280}>
-      <Menu.Target>
-        <UnstyledButton
-          aria-label={`${t("board.mobile.currentBoard")}: ${board.name}`}
-          maw="min(42vw, 20rem)"
-          mih={44}
-          px={4}
-        >
-          <Group gap="xs" wrap="nowrap">
-            <BoardLogo size={28} />
-            <Text fw={600} truncate>
-              {board.name}
-            </Text>
-            <IconChevronDown size={16} aria-hidden />
-          </Group>
-        </UnstyledButton>
-      </Menu.Target>
-      <Menu.Dropdown>
-        <Menu.Label>{t("board.mobile.currentBoard")}</Menu.Label>
-        <ScrollArea.Autosize mah={320}>
-          {boards.map((availableBoard) => {
-            const isCurrent = availableBoard.id === board.id;
-            return (
-              <Menu.Item
-                key={availableBoard.id}
-                component={Link}
-                href={`/boards/${availableBoard.name}`}
-                leftSection={isCurrent ? <IconCheck size={20} /> : <IconLayoutBoard size={20} />}
-                aria-current={isCurrent ? "page" : undefined}
-              >
-                {availableBoard.name}
-              </Menu.Item>
-            );
-          })}
-        </ScrollArea.Autosize>
-      </Menu.Dropdown>
-    </Menu>
-  );
-};

apps/nextjs/src/app/[locale]/boards/_header-actions.tsx

@@ -3,16 +3,14 @@
 import { IconLayoutBoard } from "@tabler/icons-react";
 
 import { useRequiredBoard } from "@homarr/boards/context";
-import { useI18n } from "@homarr/translation/client";
 
 import { HeaderButton } from "~/components/layout/header/button";
 
 export const BoardOtherHeaderActions = () => {
   const board = useRequiredBoard();
-  const t = useI18n();
 
   return (
-    <HeaderButton href={`/boards/${board.name}`} aria-label={t("common.userAvatar.menu.homeBoard")}>
+    <HeaderButton href={`/boards/${board.name}`}>
       <IconLayoutBoard stroke={1.5} />
     </HeaderButton>
   );

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

@@ -1,10 +0,0 @@
-import type { PropsWithChildren } from "react";
-import type { Viewport } from "next";
-
-export const viewport: Viewport = {
-  viewportFit: "cover",
-};
-
-export default function BoardsLayout({ children }: PropsWithChildren) {
-  return children;
-}