MED-159: add profile icon to mobile menu

app/home/(user)/_components/home-mobile-navigation.tsx

@@ -4,12 +4,12 @@ import { useMemo } from 'react';
 
 import Link from 'next/link';
 
-import SignOutDropdownItem from '@kit/shared/components/sign-out-dropdown-item';
 import { StoreCart } from '@medusajs/types';
-import { Cross, Menu, Shield, ShoppingCart } from 'lucide-react';
+import { Cross, Menu, Shield, ShoppingCart, UserCircle } from 'lucide-react';
 
 import { usePersonalAccountData } from '@kit/accounts/hooks/use-personal-account-data';
 import { ApplicationRoleEnum } from '@kit/accounts/types/accounts';
+import SignOutDropdownItem from '@kit/shared/components/sign-out-dropdown-item';
 import DropdownLink from '@kit/shared/components/ui/dropdown-link';
 import {
   pathsConfig,
@@ -102,7 +102,14 @@ export function HomeMobileNavigation(props: {
           <DropdownMenuSeparator />
         </If>
 
-        <DropdownMenuGroup>{Links}</DropdownMenuGroup>
+        <DropdownMenuGroup>
+          {Links}
+          <DropdownLink
+            Icon={<UserCircle className="w-4 stroke-[1.5px]" />}
+            path={pathsConfig.app.personalAccountSettings}
+            label="common:routes.profile"
+          />
+        </DropdownMenuGroup>
 
         <If condition={isSuperAdmin}>
           <DropdownMenuSeparator />
@@ -146,5 +153,3 @@ export function HomeMobileNavigation(props: {
     </DropdownMenu>
   );
 }
-
-