Account Button replaced with User's GitHub Profile Picture

components/navbar/Navbar.js

@@ -7,6 +7,7 @@ import NavLink from "@components/navbar/NavLink";
 import Link from "@components/Link";
 import { useTheme } from "next-themes";
 import { classNames } from "@services/utils/classNames";
+import Image from "next/image";
 
 import { FaGithub } from "react-icons/fa6";
 import SunIcon from "@heroicons/react/20/solid/SunIcon";
@@ -115,10 +116,17 @@ export default function Navbar() {
 
       {session && (
         <>
-          <NavLink
-            item={{ name: "Account", url: "/account/onboarding" }}
-            setIsOpen={setIsOpen}
-          />
+          <Link href="/account/onboarding" aria-label="Account">
+            <div>
+              <Image
+                className="flex-none hover:ring-2 hover:ring-tertiary-medium rounded-full mx-2"
+                width={40}
+                height={40}
+                src={`https://github.com/${session.username}.png`}
+                alt="Account"
+              />
+            </div>
+          </Link>
           <NavLink
             item={{ name: "Logout", url: "/" }}
             setIsOpen={setIsOpen}