Updated tables. Added MenuButton.

src/app/(main)/settings/profile/LanguageSetting.tsx

@@ -19,7 +19,7 @@ export function LanguageSetting() {
 
   const handleReset = () => saveLocale(DEFAULT_LOCALE);
 
-  const handleOpen = isOpen => {
+  const handleOpen = (isOpen: boolean) => {
     if (isOpen) {
       setSearch('');
     }

src/app/(main)/settings/profile/PasswordChangeButton.tsx

@@ -1,6 +1,6 @@
 import { Button, Icon, Text, useToast, DialogTrigger, Dialog, Modal } from '@umami/react-zen';
 import { PasswordEditForm } from './PasswordEditForm';
-import { Icons } from '@/components/icons';
+import { Lucide } from '@/components/icons';
 import { useMessages } from '@/components/hooks';
 
 export function PasswordChangeButton() {
@@ -15,7 +15,7 @@ export function PasswordChangeButton() {
     <DialogTrigger>
       <Button>
         <Icon fillColor="currentColor">
-          <Icons.Lock />
+          <Lucide.LockKeyhole />
         </Icon>
         <Text>{formatMessage(labels.changePassword)}</Text>
       </Button>

src/app/(main)/settings/profile/ThemeSetting.tsx

@@ -1,5 +1,5 @@
 import { Row, Button, Icon, useTheme } from '@umami/react-zen';
-import { Icons } from '@/components/icons';
+import { Lucide } from '@/components/icons';
 
 export function ThemeSetting() {
   const { theme, setTheme } = useTheme();
@@ -10,13 +10,13 @@ export function ThemeSetting() {
         variant={theme === 'light' ? 'primary' : 'secondary'}
         onPress={() => setTheme('light')}
       >
-        <Icon fillColor="currentColor">
-          <Icons.Sun />
+        <Icon>
+          <Lucide.Sun />
         </Icon>
       </Button>
       <Button variant={theme === 'dark' ? 'primary' : 'secondary'} onPress={() => setTheme('dark')}>
-        <Icon fillColor="currentColor">
-          <Icons.Moon />
+        <Icon>
+          <Lucide.Moon />
         </Icon>
       </Button>
     </Row>