Fixed more pages.

src/app/(main)/websites/[websiteId]/page.tsx

@@ -1,3 +1,4 @@
+'use client';
 import WebsiteDetails from './WebsiteDetails';
 
 export default function WebsitePage({ params: { websiteId } }) {

src/app/(main)/websites/[websiteId]/realtime/WebsiteRealtimePage.tsx

@@ -0,0 +1,6 @@
+'use client';
+import Realtime from './Realtime';
+
+export default function WebsiteRealtimePage({ websiteId }) {
+  return <Realtime websiteId={websiteId} />;
+}

src/app/(main)/websites/[websiteId]/realtime/page.tsx

@@ -1,9 +1,5 @@
-import Realtime from './Realtime';
+import WebsiteRealtimePage from './WebsiteRealtimePage';
 
-export default function WebsiteRealtimePage({ params: { websiteId } }) {
+export default function ({ params: { websiteId } }) {
-  if (!websiteId) {
+  return <WebsiteRealtimePage websiteId={websiteId} />;
-    return null;
-  }
-
-  return <Realtime websiteId={websiteId} />;
 }

src/app/(main)/websites/[websiteId]/reports/WebsiteReportsPage.tsx

@@ -1,10 +1,11 @@
+'use client';
 import Link from 'next/link';
 import { Button, Flexbox, Icon, Icons, Text } from 'react-basics';
 import { useMessages } from 'components/hooks';
 import WebsiteHeader from '../WebsiteHeader';
 import ReportsDataTable from 'app/(main)/reports/ReportsDataTable';
 
-export function WebsiteReports({ websiteId }) {
+export function WebsiteReportsPage({ websiteId }) {
   const { formatMessage, labels } = useMessages();
 
   return (
@@ -25,4 +26,4 @@ export function WebsiteReports({ websiteId }) {
   );
 }
 
-export default WebsiteReports;
+export default WebsiteReportsPage;

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

@@ -1,9 +1,5 @@
-import WebsiteReports from './WebsiteReports';
+import WebsiteReportsPage from './WebsiteReportsPage';
 
 export default function WebsiteReportsPage({ params: { websiteId } }) {
-  if (!websiteId) {
+  return <WebsiteReportsPage websiteId={websiteId} />;
-    return null;
-  }
-
-  return <WebsiteReports websiteId={websiteId} />;
 }