Converted user and website settings.

src/app/(main)/reports/ReportsDataTable.tsx

@@ -1,6 +1,6 @@
 import { useReports } from '@/components/hooks';
 import { ReportsTable } from './ReportsTable';
-import { DataTable } from '@/components/common/DataTable';
+import { DataGrid } from '@/components/common/DataGrid';
 import { ReactNode } from 'react';
 
 export function ReportsDataTable({
@@ -15,8 +15,8 @@ export function ReportsDataTable({
   const queryResult = useReports({ websiteId, teamId });
 
   return (
-    <DataTable queryResult={queryResult} renderEmpty={() => children}>
+    <DataGrid queryResult={queryResult} renderEmpty={() => children}>
       {({ data }) => <ReportsTable data={data} showDomain={!websiteId} />}
-    </DataTable>
+    </DataGrid>
   );
 }

src/app/(main)/reports/[reportId]/page.tsx

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