Index: backend/scripts/addChallenge.js
===================================================================
--- backend/scripts/addChallenge.js	(revision d373f26a175c95cb61851e0e869648877b97373d)
+++ backend/scripts/addChallenge.js	(revision e27691d75273c27128db7eaee3399b647e330dcc)
@@ -1,50 +1,50 @@
-const supabase = require("../supabaseClient");
-const prisma = require("../lib/prisma");
-const fs = require("fs").promises;
-const path = require("path");
-const Challenge = require("../models/Challenge");
+// const supabase = require("../supabaseClient");
+// const prisma = require("../lib/prisma");
+// const fs = require("fs").promises;
+// const path = require("path");
+// const Challenge = require("../models/Challenge");
 
-async function addChallenge() {
-  const jsonPath = path.join(__dirname, "../challenges/initialChallenges.json");
-  const data = await fs.readFile(jsonPath, "utf8");
-  const challengesData = JSON.parse(data);
+// async function addChallenge() {
+//   const jsonPath = path.join(__dirname, "../challenges/initialChallenges.json");
+//   const data = await fs.readFile(jsonPath, "utf8");
+//   const challengesData = JSON.parse(data);
 
-  const challenge = challengesData[challengesData.length - 1];
+//   const challenge = challengesData[challengesData.length - 1];
 
-  let currentDate = new Date();
-  currentDate.setDate(currentDate.getDate());
-  const newChallenge = new Challenge({
-    title: challenge.title,
-    content: challenge.description,
-    solving_date: currentDate,
-    attempted_by: 0,
-    solved_by: 0,
-    expired: false,
-    examples: challenge.examples,
-    test_cases: challenge.testcases.map((testCase) => ({
-      input: testCase.input,
-      output: testCase.output,
-    })),
-    output_type: challenge.output_type,
-    difficulty: challenge.difficulty,
-  });
-  const createdChallenge = await prisma.challenges.create({
-    data: {
-      title: newChallenge.title,
-      content: newChallenge.content,
-      solving_date: newChallenge.solving_date,
-      attempted_by: newChallenge.attempted_by,
-      solved_by: newChallenge.solved_by,
-      expired: newChallenge.expired,
-      examples: newChallenge.examples,
-      output_type: newChallenge.output_type,
-      difficulty: newChallenge.difficulty,
+//   let currentDate = new Date();
+//   currentDate.setDate(currentDate.getDate());
+//   const newChallenge = new Challenge({
+//     title: challenge.title,
+//     content: challenge.description,
+//     solving_date: currentDate,
+//     attempted_by: 0,
+//     solved_by: 0,
+//     expired: false,
+//     examples: challenge.examples,
+//     test_cases: challenge.testcases.map((testCase) => ({
+//       input: testCase.input,
+//       output: testCase.output,
+//     })),
+//     output_type: challenge.output_type,
+//     difficulty: challenge.difficulty,
+//   });
+//   const createdChallenge = await prisma.challenges.create({
+//     data: {
+//       title: newChallenge.title,
+//       content: newChallenge.content,
+//       solving_date: newChallenge.solving_date,
+//       attempted_by: newChallenge.attempted_by,
+//       solved_by: newChallenge.solved_by,
+//       expired: newChallenge.expired,
+//       examples: newChallenge.examples,
+//       output_type: newChallenge.output_type,
+//       difficulty: newChallenge.difficulty,
 
-      test_cases: {
-        create: newChallenge.test_cases,
-      },
-    },
-  });
-}
+//       test_cases: {
+//         create: newChallenge.test_cases,
+//       },
+//     },
+//   });
+// }
 
-addChallenge();
+// addChallenge();
Index: client/src/Dashboard/DashboardLayout.jsx
===================================================================
--- client/src/Dashboard/DashboardLayout.jsx	(revision d373f26a175c95cb61851e0e869648877b97373d)
+++ client/src/Dashboard/DashboardLayout.jsx	(revision e27691d75273c27128db7eaee3399b647e330dcc)
@@ -5,10 +5,9 @@
 const DashboardLayout = () => {
   return (
-    <div data-theme="luxury" className="dashboard h-screen bg-base-100">
-      <Navbar>
-        <div className="h-full w-full overflow-y-auto">
-          <Outlet />
-        </div>
-      </Navbar>
+    <div data-theme="luxury" className="dashboard flex h-screen bg-base-100">
+      <Navbar></Navbar>
+      <div className="h-full w-full overflow-y-auto">
+        <Outlet />
+      </div>
     </div>
   );
Index: client/src/Dashboard/components/Forum.jsx
===================================================================
--- client/src/Dashboard/components/Forum.jsx	(revision d373f26a175c95cb61851e0e869648877b97373d)
+++ client/src/Dashboard/components/Forum.jsx	(revision e27691d75273c27128db7eaee3399b647e330dcc)
@@ -94,5 +94,5 @@
   return (
     <div data-theme="luxury" className="min-h-screen bg-base-100">
-      <div className="flex flex-col lg:flex-row gap-4 lg:gap-6 p-4 sm:p-6 w-full">
+      <div className="flex flex-col lg:flex-row gap-4 lg:gap-6  sm:p-6 sm:pl-12 w-full">
         <div className="flex-1 order-2 lg:order-1">
           <h1 className="text-2xl sm:text-3xl lg:text-4xl font-bold mb-6 lg:mb-10">
Index: client/src/Dashboard/components/ManageChallenges.jsx
===================================================================
--- client/src/Dashboard/components/ManageChallenges.jsx	(revision d373f26a175c95cb61851e0e869648877b97373d)
+++ client/src/Dashboard/components/ManageChallenges.jsx	(revision e27691d75273c27128db7eaee3399b647e330dcc)
@@ -367,10 +367,12 @@
                 </div>
               ))}
-              <button
-                className="block mx-auto cursor-pointer hover:underline text-sm sm:text-base"
-                onClick={() => handleViewAll()}
-              >
-                View all challenges
-              </button>
+              {challenges.length == 1 && (
+                <button
+                  className="block mx-auto cursor-pointer hover:underline text-sm sm:text-base"
+                  onClick={() => handleViewAll()}
+                >
+                  View all challenges
+                </button>
+              )}
             </div>
           ) : (
Index: client/src/Dashboard/components/Navbar.jsx
===================================================================
--- client/src/Dashboard/components/Navbar.jsx	(revision d373f26a175c95cb61851e0e869648877b97373d)
+++ client/src/Dashboard/components/Navbar.jsx	(revision e27691d75273c27128db7eaee3399b647e330dcc)
@@ -1,3 +1,3 @@
-import React, { useState } from "react";
+import React from "react";
 import { useNavigate, useLocation } from "react-router-dom";
 import logoIcon from "../../assets/images/logoIcon.png";
@@ -7,60 +7,5 @@
 import { useAuth } from "@/contexts/AuthContext";
 
-// Sidebar Provider Component
-const SidebarProvider = ({ children }) => {
-  const [isOpen, setIsOpen] = useState(false);
-
-  return (
-    <div className="drawer lg:drawer-open">
-      <input
-        id="drawer-toggle"
-        type="checkbox"
-        className="drawer-toggle"
-        checked={isOpen}
-        onChange={() => setIsOpen(!isOpen)}
-      />
-      <div className="drawer-content flex flex-col">
-        {/* Mobile navbar */}
-        <div className="navbar bg-base-200 lg:hidden border-b border-base-content/10">
-          <div className="flex-none">
-            <label htmlFor="drawer-toggle" className="btn btn-square btn-ghost">
-              <svg
-                className="w-6 h-6"
-                fill="none"
-                stroke="currentColor"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  strokeWidth="2"
-                  d="M4 6h16M4 12h16M4 18h16"
-                ></path>
-              </svg>
-            </label>
-          </div>
-          <div className="flex-1">
-            <a href="/" className="flex items-center gap-2">
-              <img src={logoIcon} alt="Logo" className="w-8 h-auto" />
-              <img src={logoText} alt="Logo Text" className="w-24 h-auto" />
-            </a>
-          </div>
-        </div>
-
-        {/* Main content */}
-        <main className="flex-1 p-0">{children}</main>
-      </div>
-
-      {/* Sidebar */}
-      <div className="drawer-side">
-        <label htmlFor="drawer-toggle" className="drawer-overlay"></label>
-        <AppSidebar onClose={() => setIsOpen(false)} />
-      </div>
-    </div>
-  );
-};
-
-// Sidebar Component
-const AppSidebar = ({ onClose }) => {
+export default function Navbar() {
   const navigate = useNavigate();
   const location = useLocation();
@@ -113,12 +58,7 @@
   };
 
-  const handleNavigation = (path) => {
-    navigate(path);
-    onClose?.();
-  };
-
   return (
-    <aside className="w-80 min-h-full bg-base-200 text-base-content border-r border-base-content/10 flex flex-col">
-      {/* Sidebar Header */}
+    <nav className="dashboard__navbar w-80 min-h-screen bg-base-200 text-base-content border-r border-base-content/10 flex flex-col">
+      {/* Header */}
       <div className="p-4 border-b border-base-content/10">
         <a href="/" className="flex items-center gap-2">
@@ -128,5 +68,5 @@
       </div>
 
-      {/* Sidebar Content */}
+      {/* Main Navigation (This part will grow) */}
       <div className="flex-1 py-8">
         <ul className="menu menu-lg gap-2">
@@ -138,9 +78,9 @@
                   : "hover:bg-[#FFB800] hover:text-black"
               }`}
-              onClick={() => handleNavigation("/dashboard")}
+              onClick={() => navigate("/dashboard")}
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
-                className="w-5 h-5 shrink-0"
+                className="w-5 h-5"
                 viewBox="0 0 24 24"
                 fill="none"
@@ -150,5 +90,5 @@
                 <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
               </svg>
-              <span>Challenge of the Day</span>
+              Challenge of the Day
             </button>
           </li>
@@ -160,9 +100,9 @@
                   : "hover:bg-[#FFB800] hover:text-black"
               }`}
-              onClick={() => handleNavigation("/dashboard/leaderboard")}
+              onClick={() => navigate("/dashboard/leaderboard")}
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
-                className="w-5 h-5 shrink-0"
+                className="w-5 h-5"
                 viewBox="0 0 24 24"
                 fill="none"
@@ -172,5 +112,5 @@
                 <path d="M18 20V10M12 20V4M6 20v-6"></path>
               </svg>
-              <span>Leaderboard</span>
+              Leaderboard
             </button>
           </li>
@@ -182,9 +122,9 @@
                   : "hover:bg-[#FFB800] hover:text-black"
               }`}
-              onClick={() => handleNavigation("/dashboard/forum")}
+              onClick={() => navigate("/dashboard/forum")}
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
-                className="w-5 h-5 shrink-0"
+                className="w-5 h-5"
                 viewBox="0 0 24 24"
                 fill="none"
@@ -197,12 +137,10 @@
                 <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
               </svg>
-              <span>Forum</span>
+              Forum
             </button>
           </li>
           {user && user.isModerator && (
             <>
-              <li>
-                <div className="divider my-2"></div>
-              </li>
+              <hr />
               <li>
                 <button
@@ -212,9 +150,9 @@
                       : "hover:bg-[#FFB800] hover:text-black"
                   }`}
-                  onClick={() => handleNavigation("/dashboard/manage-posts")}
+                  onClick={() => navigate("/dashboard/manage-posts")}
                 >
                   <svg
                     xmlns="http://www.w3.org/2000/svg"
-                    className="w-5 h-5 shrink-0"
+                    className="w-5 h-5"
                     viewBox="0 0 24 24"
                     fill="none"
@@ -235,5 +173,5 @@
                     <line x1="15" y1="3" x2="15" y2="21"></line>
                   </svg>
-                  <span>Manage Posts</span>
+                  Manage Posts
                 </button>
               </li>
@@ -245,11 +183,9 @@
                       : "hover:bg-[#FFB800] hover:text-black"
                   }`}
-                  onClick={() =>
-                    handleNavigation("/dashboard/manage-challenges")
-                  }
+                  onClick={() => navigate("/dashboard/manage-challenges")}
                 >
                   <svg
                     xmlns="http://www.w3.org/2000/svg"
-                    className="w-5 h-5 shrink-0"
+                    className="w-5 h-5"
                     viewBox="0 0 24 24"
                     fill="none"
@@ -270,5 +206,5 @@
                     <line x1="15" y1="3" x2="15" y2="21"></line>
                   </svg>
-                  <span>Manage Challenges</span>
+                  Manage Challenges
                 </button>
               </li>
@@ -278,24 +214,24 @@
       </div>
 
-      {/* Sidebar Footer */}
-      <div className="p-4 border-t border-base-content/10 ">
+      {/* Footer (This will be pushed to the bottom) */}
+      <div className="p-4 border-t border-base-content/10">
         <button
-          className={`flex items-center gap-3 px-4 py-3  cursor-pointer rounded-lg transition-colors w-full ${
+          className={`w-full flex items-center gap-3 px-4 py-3 rounded-lg transition-colors ${
             isActive("/dashboard/profile")
               ? "bg-[#FFB800] text-black"
               : "hover:bg-[#FFB800] hover:text-black"
           }`}
-          onClick={() => handleNavigation("/dashboard/profile")}
+          onClick={() => navigate("/dashboard/profile")}
         >
           <img
             src={pp}
             alt="Profile"
-            className="w-10 h-10 rounded-full border-2 border-base-content/10 shrink-0"
+            className="w-10 h-10 rounded-full border-2 border-base-content/10"
           />
-          <div className="flex flex-col items-start ">
+          <div className="flex flex-col items-start cursor-pointer">
             <span className="font-medium text-left">
               {user && user.username}
             </span>
-            <span className="text-sm text-base-content/70 mt-1">
+            <span className="text-sm text-base-content/70 mt-2">
               {user && <RankBadgeNav rankName={user.rank} size="sm" />}
             </span>
@@ -303,10 +239,5 @@
         </button>
       </div>
-    </aside>
+    </nav>
   );
-};
-
-// Main Navbar Component (now acts as a layout wrapper)
-export default function Navbar({ children }) {
-  return <SidebarProvider>{children}</SidebarProvider>;
 }