Revert "feat: refine mobile dashboard experience"

This reverts commit 315520beca.

packages/widgets/src/custom-api/jsx-interactive-components.tsx

@@ -2,19 +2,15 @@
 
 import type { ReactNode } from "react";
 import { Children, isValidElement, useEffect, useRef, useState } from "react";
-import { ActionIcon, Badge, Collapse, Group, Stack, Tabs, Text, UnstyledButton, useDirection } from "@mantine/core";
+import { ActionIcon, Badge, Collapse, Group, Stack, Tabs, Text, UnstyledButton } from "@mantine/core";
 import { IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp } from "@tabler/icons-react";
 
-import { useScopedI18n } from "@homarr/translation/client";
-
 interface PaginatedListProps {
   children: ReactNode;
   pageSize?: number;
 }
 
 export function PaginatedList({ children, pageSize = 6 }: PaginatedListProps) {
-  const tCommon = useScopedI18n("common");
-  const { dir } = useDirection();
   const items = Children.toArray(children);
   const totalPages = Math.max(1, Math.ceil(items.length / pageSize));
   const [page, setPage] = useState(0);
@@ -30,8 +26,6 @@ export function PaginatedList({ children, pageSize = 6 }: PaginatedListProps) {
   const clampedPage = Math.min(page, totalPages - 1);
   const start = clampedPage * pageSize;
   const visible = items.slice(start, start + pageSize);
-  const PreviousIcon = dir === "rtl" ? IconChevronRight : IconChevronLeft;
-  const NextIcon = dir === "rtl" ? IconChevronLeft : IconChevronRight;
 
   return (
     <Stack gap="xs">
@@ -40,24 +34,22 @@ export function PaginatedList({ children, pageSize = 6 }: PaginatedListProps) {
         <Group justify="center" gap="xs">
           <ActionIcon
             variant="subtle"
-            size={44}
+            size="sm"
             disabled={clampedPage === 0}
-            aria-label={tCommon("action.previous")}
             onClick={() => setPage((p) => Math.max(0, p - 1))}
           >
-            <PreviousIcon size={14} />
+            <IconChevronLeft size={14} />
           </ActionIcon>
           <Text size="xs" c="dimmed">
             {clampedPage + 1} / {totalPages}
           </Text>
           <ActionIcon
             variant="subtle"
-            size={44}
+            size="sm"
             disabled={clampedPage >= totalPages - 1}
-            aria-label={tCommon("action.next")}
             onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}
           >
-            <NextIcon size={14} />
+            <IconChevronRight size={14} />
           </ActionIcon>
         </Group>
       )}