Refactored website components. New layout.

src/app/(main)/settings/SettingsLayout.tsx

@@ -5,6 +5,7 @@ import { useLoginQuery, useMessages, useNavigation } from '@/components/hooks';
 import { SideMenu } from '@/components/common/SideMenu';
 import { PageHeader } from '@/components/common/PageHeader';
 import { Panel } from '@/components/common/Panel';
+import { PageBody } from '@/components/common/PageBody';
 
 export function SettingsLayout({ children }: { children: ReactNode }) {
   const { user } = useLoginQuery();
@@ -33,17 +34,18 @@ export function SettingsLayout({ children }: { children: ReactNode }) {
   const value = items.find(({ url }) => pathname.includes(url))?.id;
 
   return (
-    <Column gap="6">
-      <PageHeader title={formatMessage(labels.settings)} />
-
-      <Grid columns="160px 1fr" gap="6">
-        <Column marginTop="6">
-          <SideMenu items={items} selectedKey={value} />
-        </Column>
-        <Column>
-          <Panel>{children}</Panel>
-        </Column>
-      </Grid>
-    </Column>
+    <PageBody>
+      <Column gap="6">
+        <PageHeader title={formatMessage(labels.settings)} />
+        <Grid columns="160px 1fr" gap>
+          <Column>
+            <SideMenu items={items} selectedKey={value} />
+          </Column>
+          <Column>
+            <Panel>{children}</Panel>
+          </Column>
+        </Grid>
+      </Column>
+    </PageBody>
   );
 }

src/app/(main)/settings/websites/WebsitesTable.tsx

@@ -31,7 +31,7 @@ export function WebsitesTable({
   return (
     <DataTable data={data}>
       <DataColumn id="name" label={formatMessage(labels.name)}>
-        {(row: any) => <Link href={`/websites/${row.id}`}>{row.name}</Link>}
+        {(row: any) => <Link href={renderTeamUrl(`/websites/${row.id}`)}>{row.name}</Link>}
       </DataColumn>
       <DataColumn id="domain" label={formatMessage(labels.domain)} />
       {showActions && (