fix: update Dashboard components for clarity and improve Navbar layout

Author: yashksaini-coder

app/dashboard/page.tsx

@@ -115,7 +115,7 @@ export default function Dashboard() {
                 {userDetails.profile.realName}
               </h1>
               <p className="text-sm text-gray-600 dark:text-gray-400 mb-3">
-                @{userDetails.username} • Global Rank #{userDetails.profile.ranking}
+                @{userDetails.username} • Rank #{userDetails.profile.ranking}
               </p>
               <div className="flex gap-4 justify-center md:justify-start">
                 <SocialLink href={userDetails.githubUrl} icon={<Github size={20} />} />

components/dashboardComponents/DashboardNavbar.tsx

@@ -82,10 +82,23 @@ export const DashboardNavbar = () => {
       </div>
 
       {/* <!-- Desktop --> */}
-      <div className="hidden lg:flex gap-2">
-        <ToggleTheme />
-        <Logout />
+      <div className="flex gap-2">
+        {SidebarData.map(({ href, title }) => (
+          <Button
+            key={href}
+            onClick={() => setIsOpen(false)}
+            asChild
+            variant="ghost"
+            className="justify-start text-base"
+          >
+            <Link href={href}>{title}</Link>
+          </Button>
+        ))}
       </div>
+      <div className="hidden lg:flex gap-2">
+          <ToggleTheme />
+          <Logout />
+        </div>
     </header>
   );
 };

data/SidebarData.ts

@@ -11,10 +11,5 @@ export const SidebarData = [
       icon: BookA,
       href: "/dashboard/journal",
     },
-    {
-      title: "Settings",
-      icon: Settings,
-      href: "/dashboard/settings",
-    },
   ];