Fixed 'use client' usage.

src/app/(main)/settings/users/UserAddButton.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { Button, Icon, Text, Modal, Icons, ModalTrigger, useToasts } from 'react-basics';
 import UserAddForm from './UserAddForm';
 import { useMessages } from 'components/hooks';

src/app/(main)/settings/users/UserAddForm.tsx

@@ -1,4 +1,3 @@
-'use client';
 import {
   Dropdown,
   Item,

src/app/(main)/settings/users/UserDeleteButton.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
 import { useMessages, useLogin } from 'components/hooks';
 import UserDeleteForm from './UserDeleteForm';

src/app/(main)/settings/users/UserDeleteForm.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { useApi, useMessages } from 'components/hooks';
 import ConfirmationForm from 'components/common/ConfirmationForm';
 import { touch } from 'store/modified';

src/app/(main)/settings/users/UserEditForm.tsx

@@ -1,4 +1,3 @@
-'use client';
 import {
   Dropdown,
   Item,

src/app/(main)/settings/users/UsersDataTable.tsx

@@ -1,4 +1,3 @@
-'use client';
 import DataTable from 'components/common/DataTable';
 import { useUsers } from 'components/hooks';
 import UsersTable from './UsersTable';

src/app/(main)/settings/users/UsersHeader.tsx

@@ -1,4 +1,3 @@
-'use client';
 import PageHeader from 'components/layout/PageHeader';
 import { useMessages } from 'components/hooks';
 import UserAddButton from './UserAddButton';

src/app/(main)/settings/users/UsersPage.tsx

@@ -0,0 +1,12 @@
+'use client';
+import UsersDataTable from './UsersDataTable';
+import UsersHeader from './UsersHeader';
+
+export default function UsersPage() {
+  return (
+    <>
+      <UsersHeader />
+      <UsersDataTable />
+    </>
+  );
+}

src/app/(main)/settings/users/UsersTable.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { Text, Icon, Icons, GridTable, GridColumn, useBreakpoint } from 'react-basics';
 import { formatDistance } from 'date-fns';
 import { ROLES } from 'lib/constants';

src/app/(main)/settings/users/[userId]/UserPage.tsx

@@ -0,0 +1,6 @@
+'use client';
+import UserSettings from './UserSettings';
+
+export default function ({ userId }: { userId: string }) {
+  return <UserSettings userId={userId} />;
+}

src/app/(main)/settings/users/[userId]/UserSettings.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { Key, useState } from 'react';
 import { Item, Loading, Tabs } from 'react-basics';
 import Icons from 'components/icons';

src/app/(main)/settings/users/[userId]/UserWebsites.tsx

@@ -1,4 +1,3 @@
-'use client';
 import WebsitesTable from 'app/(main)/settings/websites/WebsitesTable';
 import DataTable from 'components/common/DataTable';
 import { useWebsites } from 'components/hooks';

src/app/(main)/settings/users/[userId]/page.tsx

@@ -1,5 +1,10 @@
-import UserSettings from './UserSettings';
+import UserPage from './UserPage';
+import { Metadata } from 'next';
 
 export default function ({ params: { userId } }) {
-  return <UserSettings userId={userId} />;
+  return <UserPage userId={userId} />;
 }
+
+export const metadata: Metadata = {
+  title: 'User Settings - Umami',
+};

src/app/(main)/settings/users/page.tsx

@@ -1,14 +1,8 @@
 import { Metadata } from 'next';
-import UsersDataTable from './UsersDataTable';
-import UsersHeader from './UsersHeader';
+import UsersPage from './UsersPage';
 
 export default function () {
-  return (
-    <>
-      <UsersHeader />
-      <UsersDataTable />
-    </>
-  );
+  return <UsersPage />;
 }
 export const metadata: Metadata = {
   title: 'Users | Umami',