Replace Portfolio with Profile link

web/components/nav/nav-bar.tsx

@@ -22,11 +22,6 @@ import { trackCallback } from 'web/lib/service/analytics'
 function getNavigation(username: string) {
   return [
     { name: 'Home', href: '/home', icon: HomeIcon },
-    {
-      name: 'Portfolio',
-      href: `/${username}?tab=bets`,
-      icon: PresentationChartLineIcon,
-    },
     {
       name: 'Notifications',
       href: `/notifications`,
@@ -64,17 +59,15 @@ export function BottomNavBar() {
       {navigationOptions.map((item) => (
         <NavBarItem key={item.name} item={item} currentPage={currentPage} />
       ))}
-      <div
-        className="w-full select-none py-1 px-3 text-center hover:cursor-pointer hover:bg-indigo-200 hover:text-indigo-700"
-        onClick={() => setSidebarOpen(true)}
-      >
-        {user === null ? (
-          <>
-            <MenuAlt3Icon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
-            More
-          </>
-        ) : user ? (
-          <>
+
+      {user && (
+        <NavBarItem
+          key={'profile'}
+          currentPage={currentPage}
+          item={{
+            name: formatMoney(user.balance),
+            href: `/${user.username}?tab=bets`,
+            icon: () => (
               <Avatar
                 className="mx-auto my-1"
                 size="xs"
@@ -82,11 +75,16 @@ export function BottomNavBar() {
                 avatarUrl={user.avatarUrl}
                 noLink
               />
-            {formatMoney(user.balance)}
-          </>
-        ) : (
-          <></>
+            ),
+          }}
+        />
       )}
+      <div
+        className="w-full select-none py-1 px-3 text-center hover:cursor-pointer hover:bg-indigo-200 hover:text-indigo-700"
+        onClick={() => setSidebarOpen(true)}
+      >
+        <MenuAlt3Icon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
+        More
       </div>
 
       <MobileSidebar