feat: better hamburger menu

src/app/settings/page.tsx

@@ -6,25 +6,10 @@ import { useApp } from '../../stores/app';
 
 export default function Page() {
   const developerMode = useApp((state) => state.developerMode);
-  const darkMode = useApp((state) => state.darkMode);
 
   return (
     <PageWrapper justify="center" align="center">
       <Flex direction="column" gap="4">
-        <Flex gap="3" direction="column">
-          <Heading size="5">Appearance</Heading>
-
-          <Flex align="center" gap="2">
-            <Text>Dark mode (experimental)</Text>
-            <Switch
-              checked={darkMode}
-              onCheckedChange={(checked) =>
-                useApp.setState({ darkMode: checked })
-              }
-            />
-          </Flex>
-        </Flex>
-
         <Flex gap="3" direction="column">
           <Heading size="5">Advanced</Heading>