wip: settings screen

src/shared/accounts/active.tsx

@@ -25,7 +25,7 @@ export function ActiveAccount() {
 
   return (
     <div className="flex flex-col gap-1 rounded-lg bg-neutral-100 p-1 ring-1 ring-transparent hover:bg-neutral-200 hover:ring-blue-500 dark:bg-neutral-900 dark:hover:bg-neutral-800">
-      <Link to="/personal" className="relative inline-block">
+      <Link to="/settings/" className="relative inline-block">
         <Avatar.Root>
           <Avatar.Image
             src={user?.picture || user?.image}

src/shared/accounts/more.tsx

@@ -19,23 +19,13 @@ export function AccountMoreActions() {
         <DropdownMenu.Content className="ml-2 flex w-[200px] flex-col overflow-hidden rounded-xl bg-blue-500 p-2 focus:outline-none">
           <DropdownMenu.Item asChild>
             <Link
-              to="/personal"
-              className="inline-flex h-10 items-center rounded-lg px-2 text-sm font-medium text-white hover:bg-blue-600 focus:outline-none"
-            >
-              Dashboard
-            </Link>
-          </DropdownMenu.Item>
-          <DropdownMenu.Item asChild>
-            <Link
-              to="/settings"
+              to="/settings/"
               className="inline-flex h-10 items-center rounded-lg px-2 text-sm font-medium text-white hover:bg-blue-600 focus:outline-none"
             >
               Settings
             </Link>
           </DropdownMenu.Item>
-          <DropdownMenu.Item asChild>
-            <Logout />
-          </DropdownMenu.Item>
+          <Logout />
         </DropdownMenu.Content>
       </DropdownMenu.Portal>
     </DropdownMenu.Root>