Converted user and website settings.

src/app/(main)/teams/[teamId]/settings/members/TeamMembersDataTable.tsx

@@ -1,4 +1,4 @@
-import { DataTable } from '@/components/common/DataTable';
+import { DataGrid } from '@/components/common/DataGrid';
 import { TeamMembersTable } from './TeamMembersTable';
 import { useTeamMembers } from '@/components/hooks';
 
@@ -12,8 +12,8 @@ export function TeamMembersDataTable({
   const queryResult = useTeamMembers(teamId);
 
   return (
-    <DataTable queryResult={queryResult}>
+    <DataGrid queryResult={queryResult}>
       {({ data }) => <TeamMembersTable data={data} teamId={teamId} allowEdit={allowEdit} />}
-    </DataTable>
+    </DataGrid>
   );
 }

src/app/(main)/teams/[teamId]/settings/team/page.tsx

@@ -1,7 +1,7 @@
 import { Metadata } from 'next';
 import { TeamPage } from './TeamPage';
 
-export default async function ({ params }: { params: { teamId: string } }) {
+export default async function ({ params }: { params: Promise<{ teamId: string }> }) {
   const { teamId } = await params;
 
   return <TeamPage teamId={teamId} />;

src/app/(main)/teams/[teamId]/settings/websites/TeamWebsitesDataTable.tsx

@@ -1,4 +1,4 @@
-import { DataTable } from '@/components/common/DataTable';
+import { DataGrid } from '@/components/common/DataGrid';
 import { useTeamWebsites } from '@/components/hooks';
 import { TeamWebsitesTable } from './TeamWebsitesTable';
 
@@ -12,8 +12,8 @@ export function TeamWebsitesDataTable({
   const queryResult = useTeamWebsites(teamId);
 
   return (
-    <DataTable queryResult={queryResult}>
+    <DataGrid queryResult={queryResult}>
       {({ data }) => <TeamWebsitesTable data={data} teamId={teamId} allowEdit={allowEdit} />}
-    </DataTable>
+    </DataGrid>
   );
 }

src/app/(main)/teams/[teamId]/settings/websites/page.tsx

@@ -1,7 +1,7 @@
 import { TeamWebsitesPage } from './TeamWebsitesPage';
 import { Metadata } from 'next';
 
-export default async function ({ params }: { params: { teamId: string } }) {
+export default async function ({ params }: { params: Promise<{ teamId: string }> }) {
   const { teamId } = await params;
 
   return <TeamWebsitesPage teamId={teamId} />;