Refactored icons.

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 { Lucide } from '@/components/icons';
+import { LockKeyhole } from '@/components/icons';
 import { useMessages } from '@/components/hooks';
 
 export function PasswordChangeButton() {
@@ -14,8 +14,8 @@ export function PasswordChangeButton() {
   return (
     <DialogTrigger>
       <Button>
-        <Icon fillColor="currentColor">
-          <Lucide.LockKeyhole />
+        <Icon>
+          <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 { Lucide } from '@/components/icons';
+import { Sun, Moon } from '@/components/icons';
 
 export function ThemeSetting() {
   const { theme, setTheme } = useTheme();
@@ -11,12 +11,12 @@ export function ThemeSetting() {
         onPress={() => setTheme('light')}
       >
         <Icon>
-          <Lucide.Sun />
+          <Sun />
         </Icon>
       </Button>
       <Button variant={theme === 'dark' ? 'primary' : 'secondary'} onPress={() => setTheme('dark')}>
         <Icon>
-          <Lucide.Moon />
+          <Moon />
         </Icon>
       </Button>
     </Row>