fix margins, teams button, and remove boards

src/app/(main)/SideNav.tsx

@@ -8,14 +8,7 @@ import {
   SidebarProps,
   ThemeButton,
 } from '@umami/react-zen';
-import {
+import { Globe, Link as LinkIcon, Logo, Pixel, PanelLeft } from '@/components/icons';
-  Globe,
-  LayoutDashboard,
-  Link as LinkIcon,
-  Logo,
-  Pixel,
-  PanelLeft,
-} from '@/components/icons';
 import { useMessages, useNavigation, useGlobalState } from '@/components/hooks';
 import { TeamsButton } from '@/components/input/TeamsButton';
 import { PanelButton } from '@/components/input/PanelButton';
@@ -30,12 +23,6 @@ export function SideNav(props: SidebarProps) {
   const hasNav = !!(websiteId || pathname.startsWith('/admin') || pathname.includes('/settings'));
 
   const links = [
-    {
-      id: 'boards',
-      label: formatMessage(labels.boards),
-      path: '/boards',
-      icon: <LayoutDashboard />,
-    },
     {
       id: 'websites',
       label: formatMessage(labels.websites),

src/app/(main)/admin/teams/AdminTeamsPage.tsx

@@ -9,7 +9,7 @@ export function AdminTeamsPage() {
   const { formatMessage, labels } = useMessages();
 
   return (
-    <Column gap="6">
+    <Column gap="6" margin="2">
       <PageHeader title={formatMessage(labels.teams)} />
       <Panel>
         <AdminTeamsDataTable />

src/app/(main)/admin/users/UsersPage.tsx

@@ -12,7 +12,7 @@ export function UsersPage() {
   const handleSave = () => {};
 
   return (
-    <Column gap="6">
+    <Column gap="6" margin="2">
       <PageHeader title={formatMessage(labels.users)}>
         <UserAddButton onSave={handleSave} />
       </PageHeader>

src/app/(main)/admin/websites/AdminWebsitesPage.tsx

@@ -9,7 +9,7 @@ export function AdminWebsitesPage() {
   const { formatMessage, labels } = useMessages();
 
   return (
-    <Column gap="6">
+    <Column gap="6" margin="2">
       <PageHeader title={formatMessage(labels.websites)} />
       <Panel>
         <AdminWebsitesDataTable />

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

@@ -8,7 +8,7 @@ import { Panel } from '@/components/common/Panel';
 export function WebsiteSettingsPage({ websiteId }: { websiteId: string }) {
   return (
     <WebsiteProvider websiteId={websiteId}>
-      <Column gap="6">
+      <Column gap="6" margin="2">
         <WebsiteSettingsHeader />
         <Panel>
           <WebsiteSettings websiteId={websiteId} />

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

@@ -10,7 +10,7 @@ export function WebsiteLayout({ websiteId, children }: { websiteId: string; chil
   return (
     <WebsiteProvider websiteId={websiteId}>
       <Grid columns="auto 1fr" width="100%" height="100%">
-        <Column height="100%" border="right" backgroundColor marginRight="2">
+        <Column height="100%" border="right" backgroundColor>
           <WebsiteNav websiteId={websiteId} />
         </Column>
         <PageBody gap>

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

@@ -26,7 +26,7 @@ export function WebsitePage({ websiteId }: { websiteId: string }) {
   };
 
   return (
-    <Column gap>
+    <Column gap marginLeft="2">
       <WebsiteControls websiteId={websiteId} />
       <WebsiteMetricsBar websiteId={websiteId} showChange={true} />
       <Panel minHeight="520px">

src/components/input/TeamsButton.tsx

@@ -33,10 +33,6 @@ export function TeamsButton({ showText = true, onAction }: TeamsButtonProps) {
     return <Loading icon="dots" size="sm" placement="center" />;
   }
 
-  if (!data?.count) {
-    return null;
-  }
-
   return (
     <MenuTrigger>
       <Pressable>