New mobile menu.

src/components/common/SideMenu.tsx

@@ -57,7 +57,6 @@ export function SideMenu({
     <Column
       gap
       padding
-      width="240px"
       overflowY="auto"
       justifyContent="space-between"
       position="sticky"

src/components/input/MobileMenuButton.tsx

@@ -1,18 +0,0 @@
-import { Button, Icon, DialogTrigger, Dialog, Modal } from '@umami/react-zen';
-import { Menu } from '@/components/icons';
-import { ReactNode } from 'react';
-
-export function MobileMenuButton({ children }: { children: ReactNode }) {
-  return (
-    <DialogTrigger>
-      <Button>
-        <Icon>
-          <Menu />
-        </Icon>
-      </Button>
-      <Modal position="left" offset="20px">
-        <Dialog variant="sheet">{children}</Dialog>
-      </Modal>
-    </DialogTrigger>
-  );
-}

src/components/input/WebsiteSelect.tsx

@@ -1,6 +1,11 @@
 import { useState } from 'react';
 import { Select, SelectProps, ListItem, Text, Row } from '@umami/react-zen';
-import { useUserWebsitesQuery, useMessages, useLoginQuery, useWebsite } from '@/components/hooks';
+import {
+  useUserWebsitesQuery,
+  useMessages,
+  useLoginQuery,
+  useWebsiteQuery,
+} from '@/components/hooks';
 import { Empty } from '@/components/common/Empty';
 
 export function WebsiteSelect({
@@ -15,7 +20,7 @@ export function WebsiteSelect({
   includeTeams?: boolean;
 } & SelectProps) {
   const { formatMessage, messages } = useMessages();
-  const website = useWebsite();
+  const { data: website } = useWebsiteQuery(websiteId);
   const [name, setName] = useState<string>(website?.name);
   const [search, setSearch] = useState('');
   const { user } = useLoginQuery();