feat: show creator on board page (#440)

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

@@ -18,6 +18,7 @@ import { IconDotsVertical, IconLock, IconWorld } from "@tabler/icons-react";
 import type { RouterOutputs } from "@homarr/api";
 import { api } from "@homarr/api/server";
 import { getScopedI18n } from "@homarr/translation/server";
+import { UserAvatar } from "@homarr/ui";
 
 import { getBoardPermissions } from "~/components/board/permissions/server";
 import { BoardCardMenuDropdown } from "./_components/board-card-menu-dropdown";
@@ -37,7 +38,7 @@ export default async function ManageBoardsPage() {
 
       <Grid>
         {boards.map((board) => (
-          <GridCol span={{ xs: 12, md: 4 }} key={board.id}>
+          <GridCol span={{ base: 12, md: 6, xl: 4 }} key={board.id}>
             <BoardCard board={board} />
           </GridCol>
         ))}
@@ -68,6 +69,13 @@ const BoardCard = async ({ board }: BoardCardProps) => {
               {board.name}
             </Text>
           </Group>
+
+          {board.creator && (
+            <Group gap="xs">
+              <UserAvatar user={board.creator} size="sm" />
+              <Text>{board.creator?.name}</Text>
+            </Group>
+          )}
         </Group>
       </CardSection>