✨ feat(device): Modify IMEI to device identifier support

apps/user/app/(main)/(user)/profile/notify-settings.tsx

@@ -45,7 +45,7 @@ export default function NotifySettings() {
   }
 
   return (
-    <Card>
+    <Card className='min-w-60'>
       <CardHeader className='bg-muted/50'>
         <CardTitle className='flex items-center justify-between'>
           {t('notify.notificationSettings')}

apps/user/app/(main)/(user)/profile/page.tsx

@@ -4,7 +4,7 @@ import ThirdPartyAccounts from './third-party-accounts';
 
 export default function Page() {
   return (
-    <div className='flex flex-col gap-3 lg:flex-row lg:flex-wrap lg:*:flex-auto'>
+    <div className='flex flex-col gap-4 lg:flex-row lg:flex-wrap lg:*:flex-auto'>
       <ThirdPartyAccounts />
       <NotifySettings />
       <ChangePassword />

apps/user/app/(main)/(user)/profile/third-party-accounts.tsx

@@ -193,7 +193,14 @@ export default function ThirdPartyAccounts() {
       name: 'GitHub',
       type: 'OAuth',
     },
-  ].filter((account) => oauth_methods?.includes(account.id));
+    {
+      id: 'device',
+      icon: 'mdi:devices',
+      name: 'Device',
+      type: 'OAuth',
+    },
+  ];
+  // .filter((account) => oauth_methods?.includes(account.id));
 
   const [editValues, setEditValues] = useState<Record<string, any>>({});
 

apps/user/app/auth/page.tsx

@@ -42,7 +42,7 @@ export default function Page() {
   ].filter((method) => method.enabled);
 
   const OAUTH_METHODS = oauth_methods?.filter(
-    (method) => !['mobile', 'email', 'imei'].includes(method),
+    (method) => !['mobile', 'email', 'device'].includes(method),
   );
 
   return (