fix: email verified check is in a newline in users table (#1218)

apps/nextjs/src/app/[locale]/manage/users/_components/user-list.tsx

@@ -2,7 +2,7 @@
 
 import { useMemo } from "react";
 import Link from "next/link";
-import { Anchor, Button, Group, Text, ThemeIcon, Title } from "@mantine/core";
+import { Anchor, Button, Group, Text, Title, Tooltip } from "@mantine/core";
 import { IconCheck } from "@tabler/icons-react";
 import type { MRT_ColumnDef } from "mantine-react-table";
 import { MantineReactTable } from "mantine-react-table";
@@ -30,7 +30,7 @@ export const UserListComponent = ({ initialUserList, credentialsProviderEnabled
       {
         accessorKey: "name",
         header: t("user.field.username.label"),
-        grow: 100,
+        grow: 1,
         Cell: ({ renderedCellValue, row }) => (
           <Group>
             <UserAvatar size="sm" user={row.original} />
@@ -43,13 +43,14 @@ export const UserListComponent = ({ initialUserList, credentialsProviderEnabled
       {
         accessorKey: "email",
         header: t("user.field.email.label"),
+        size: 300,
         Cell: ({ renderedCellValue, row }) => (
-          <Group>
+          <Group wrap="nowrap" gap="sm">
             {row.original.email ? renderedCellValue : <Text>-</Text>}
             {row.original.emailVerified && (
-              <ThemeIcon radius="xl" size="sm">
-                <IconCheck size="1rem" />
-              </ThemeIcon>
+              <Tooltip label={t("user.field.email.verified")} position="top">
+                <IconCheck color="var(--mantine-color-green-4)" size="1rem" />
+              </Tooltip>
             )}
           </Group>
         ),

packages/translation/src/lang/en.ts

@@ -24,6 +24,7 @@ export default {
     field: {
       email: {
         label: "E-Mail",
+        verified: "Verified",
       },
       username: {
         label: "Username",