fix(tmp): open customize on profile menu settings

Author: omBratteng

packages/shared/src/components/ProfileMenu/sections/AccountSection.tsx

@@ -4,14 +4,19 @@ import type { ReactElement } from 'react';
 import { ProfileSection } from '../ProfileSection';
 import { CreditCardIcon, InviteIcon, SettingsIcon } from '../../icons';
 import { webappUrl } from '../../../lib/constants';
+import { useLazyModal } from '../../../hooks/useLazyModal';
+import { LazyModal } from '../../modals/common/types';
 
 export const AccountSection = (): ReactElement => {
+  const { openModal } = useLazyModal();
+
   return (
     <ProfileSection
       items={[
         {
           title: 'Settings',
-          href: `${webappUrl}account/profile`,
+          // href: `${webappUrl}account/profile`,
+          onClick: () => openModal({ type: LazyModal.UserSettings }),
           icon: <SettingsIcon />,
         },
         {