feat: add rewards menu item (#6078)

apps/web/src/components/Shared/Navbar/MobileDrawerMenu.tsx

···
 import Bookmarks from "@/components/Shared/Navbar/NavItems/Bookmarks";
 import Groups from "@/components/Shared/Navbar/NavItems/Groups";
 import Logout from "@/components/Shared/Navbar/NavItems/Logout";
+import Rewards from "@/components/Shared/Navbar/NavItems/Rewards";
 import Settings from "@/components/Shared/Navbar/NavItems/Settings";
 import Support from "@/components/Shared/Navbar/NavItems/Support";
 import SwitchAccount from "@/components/Shared/Navbar/NavItems/SwitchAccount";
···
             >
               <YourAccount className={cn(itemClass, "px-4")} />
             </AccountLink>
+            <Link onClick={handleCloseDrawer} to="/settings/rewards">
+              <Rewards className={cn(itemClass, "px-4")} />
+            </Link>
             <Link onClick={handleCloseDrawer} to="/settings">
               <Settings className={cn(itemClass, "px-4")} />
             </Link>

apps/web/src/components/Shared/Navbar/NavItems/Rewards.tsx

···
+import { GiftIcon } from "@heroicons/react/24/outline";
+import { memo } from "react";
+import cn from "@/helpers/cn";
+
+interface RewardsProps {
+  className?: string;
+}
+
+const Rewards = ({ className = "" }: RewardsProps) => {
+  return (
+    <div
+      className={cn(
+        "flex w-full items-center space-x-1.5 text-gray-700 text-sm dark:text-gray-200",
+        className
+      )}
+    >
+      <GiftIcon className="size-4" />
+      <div>Rewards</div>
+    </div>
+  );
+};
+
+export default memo(Rewards);

apps/web/src/components/Shared/Navbar/SignedAccount.tsx

···
 import AccountLink from "@/components/Shared/Account/AccountLink";
 import MenuTransition from "@/components/Shared/MenuTransition";
 import Logout from "@/components/Shared/Navbar/NavItems/Logout";
+import Rewards from "@/components/Shared/Navbar/NavItems/Rewards";
 import Settings from "@/components/Shared/Navbar/NavItems/Settings";
 import SwitchAccount from "@/components/Shared/Navbar/NavItems/SwitchAccount";
 import ThemeSwitch from "@/components/Shared/Navbar/NavItems/ThemeSwitch";
···
             }
           >
             <YourAccount />
+          </MenuItem>
+          <MenuItem
+            as={Link}
+            className={({ focus }: { focus: boolean }) =>
+              cn({ "dropdown-active": focus }, "menu-item")
+            }
+            to="/settings/rewards"
+          >
+            <Rewards />
           </MenuItem>
           <MenuItem
             as={Link}