Reworked settings screens.

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

@@ -1,17 +1,22 @@
 'use client';
-import { useLoginQuery } from '@/components/hooks';
+import { useLoginQuery, useMessages } from '@/components/hooks';
 import { WebsitesDataTable } from './WebsitesDataTable';
-import { WebsitesHeader } from './WebsitesHeader';
 import { ROLES } from '@/lib/constants';
+import { WebsiteAddButton } from '@/app/(main)/settings/websites/WebsiteAddButton';
+import { SectionHeader } from '@/components/common/SectionHeader';
+import { Column } from '@umami/react-zen';
 
 export function WebsitesSettingsPage({ teamId }: { teamId: string }) {
   const { user } = useLoginQuery();
   const canCreate = user.role !== ROLES.viewOnly;
+  const { formatMessage, labels } = useMessages();
 
   return (
-    <>
-      <WebsitesHeader allowCreate={canCreate} />
+    <Column gap>
+      <SectionHeader title={formatMessage(labels.websites)}>
+        {canCreate && <WebsiteAddButton teamId={teamId} />}
+      </SectionHeader>
       <WebsitesDataTable teamId={teamId} />
-    </>
+    </Column>
   );
 }