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"
+      {user && (
-        onClick={() => setSidebarOpen(true)}
+        <NavBarItem
-      >
+          key={'profile'}
-        {user === null ? (
+          currentPage={currentPage}
-          <>
+          item={{
-            <MenuAlt3Icon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
+            name: formatMoney(user.balance),
-            More
+            href: `/${user.username}?tab=bets`,
-          </>
+            icon: () => (
-        ) : user ? (
-          <>
               <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