refactor: remove black background

apps/nextjs/src/app/[locale]/manage/tools/docker/DockerTable.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import type { ButtonProps, MantineColor } from "@mantine/core";
-import { Avatar, Badge, Box, Button, Group, Stack, Text, Title } from "@mantine/core";
+import { Avatar, Badge, Box, Button, Group, Text } from "@mantine/core";
 import { IconPlayerPlay, IconPlayerStop, IconRotateClockwise, IconTrash } from "@tabler/icons-react";
 import type { MRT_ColumnDef } from "mantine-react-table";
 import { MantineReactTable, useMantineReactTable } from "mantine-react-table";
@@ -101,11 +101,10 @@ export function DockerTable({ containers, timestamp }: RouterOutputs["docker"]["
     columns: createColumns(t),
   });
   return (
-    <Stack>
-      <Title order={3}>{tDocker("title")}</Title>
+    <>
       <Text>{tDocker("table.updated", { when: relativeTime })}</Text>
       <MantineReactTable table={table} />
-    </Stack>
+    </>
   );
 }
 

apps/nextjs/src/app/[locale]/manage/tools/docker/page.tsx

@@ -1,15 +1,18 @@
-import { Box } from "@mantine/core";
+import { Stack, Title } from "@mantine/core";
 
 import { api } from "@homarr/api/server";
+import { getScopedI18n } from "@homarr/translation/server";
 
 import { DockerTable } from "./DockerTable";
 
 export default async function DockerPage() {
   const { containers, timestamp } = await api.docker.getContainers();
+  const tDocker = await getScopedI18n("docker");
+
   return (
-    <Box style={{ borderRadius: 6 }} p="md" bg="black">
-      <h2>Welcome to docker !</h2>
+    <Stack>
+      <Title order={1}>{tDocker("title")}</Title>
       <DockerTable containers={containers} timestamp={timestamp} />
-    </Box>
+    </Stack>
   );
 }