Refactored website components. New layout.

src/app/(main)/MenuBar.tsx

@@ -2,13 +2,12 @@ import { ThemeButton, Row, Button, Icon } from '@umami/react-zen';
 import { LanguageButton } from '@/components/input/LanguageButton';
 import { ProfileButton } from '@/components/input/ProfileButton';
 import { TeamsButton } from '@/components/input/TeamsButton';
-import type { RowProps } from '@umami/react-zen/Row';
 import useGlobalState from '@/components/hooks/useGlobalState';
 import { Lucide } from '@/components/icons';
 import { WebsiteSelect } from '@/components/input/WebsiteSelect';
 import { useNavigation } from '@/components/hooks';
 
-export function MenuBar(props: RowProps) {
+export function MenuBar() {
   const [isCollapsed, setCollapsed] = useGlobalState('sidenav-collapsed');
   const { websiteId } = useNavigation();
 
@@ -16,14 +15,13 @@ export function MenuBar(props: RowProps) {
 
   return (
     <Row
-      {...props}
       justifyContent="space-between"
       alignItems="center"
       paddingY="3"
       paddingX="3"
       paddingRight="5"
-      backgroundColor="2"
       border="bottom"
+      width="100%"
     >
       <Row alignItems="center">
         <Button onPress={() => setCollapsed(!isCollapsed)} variant="quiet">