Index: backend/controllers/forumController.js
===================================================================
--- backend/controllers/forumController.js	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ backend/controllers/forumController.js	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -377,5 +377,4 @@
     ]);
 
-    // Map posts to include challengeTitle
     const processedPosts = posts.map((post) => ({
       ...post,
Index: backend/controllers/reviewController.js
===================================================================
--- backend/controllers/reviewController.js	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ backend/controllers/reviewController.js	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -109,7 +109,6 @@
       }
       if (date) {
-        // Create a start date (e.g., 2025-08-07T00:00:00.000Z)
         const startDate = new Date(date);
-        // Create an end date for the next day
+
         const endDate = new Date(startDate);
         endDate.setDate(startDate.getDate() + 1);
@@ -117,6 +116,6 @@
         whereClause.AND.push({
           created_at: {
-            gte: startDate, // Greater than or equal to the start of the day
-            lt: endDate, // Less than the start of the next day
+            gte: startDate,
+            lt: endDate,
           },
         });
Index: backend/models/Challenge.js
===================================================================
--- backend/models/Challenge.js	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ backend/models/Challenge.js	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -47,7 +47,7 @@
     if (!this.test_cases || !Array.isArray(this.test_cases)) {
       errors.push('Test cases must be an array');
-      // } else if (this.test_cases.length < 10) {
-      //   errors.push("At least 10 test cases are required");
-      // } else {
+    } else if (this.test_cases.length < 10) {
+      errors.push('At least 10 test cases are required');
+    } else {
       this.test_cases.forEach((testCase, index) => {
         if (!testCase.input || !testCase.output) {
Index: client/src/CreatePost/CreatePost.jsx
===================================================================
--- client/src/CreatePost/CreatePost.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/CreatePost/CreatePost.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -499,5 +499,5 @@
       </div>
 
-      {/* Modal element */}
+      {/* Modal  */}
       {modal.isOpen && (
         <div
Index: client/src/Dashboard/DashboardLayout.jsx
===================================================================
--- client/src/Dashboard/DashboardLayout.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/Dashboard/DashboardLayout.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -8,5 +8,4 @@
     <div data-theme="luxury" className="dashboard flex h-screen bg-base-100">
       <Navbar />
-      {/* Main content area */}
       <div className="flex-1 h-full overflow-y-auto lg:ml-0 pt-17 lg:pt-0">
         <Outlet />
Index: client/src/Dashboard/components/CreateNewChallenge.jsx
===================================================================
--- client/src/Dashboard/components/CreateNewChallenge.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/Dashboard/components/CreateNewChallenge.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -191,5 +191,4 @@
 
       <form onSubmit={handleSubmit} className="space-y-8">
-        {/* Basic Information */}
         <div className="card bg-base-200 shadow-md p-6">
           <h2 className="text-xl font-semibold mb-10 text-amber-400">
@@ -332,5 +331,5 @@
         </div>
 
-        {/* Test Cases - Carousel Style */}
+        {/* Test Cases */}
         <div className="card bg-base-200 shadow-md p-6">
           <div className="flex justify-between items-center mb-4">
@@ -341,5 +340,4 @@
           </div>
 
-          {/* Test Case Carousel */}
           <div className="relative">
             {testCases.length > 0 && (
@@ -385,5 +383,4 @@
             )}
 
-            {/* Navigation buttons */}
             {testCases.length > 1 && (
               <div className="flex justify-between mt-4 mb-2 font-bold">
@@ -408,5 +405,4 @@
           </div>
 
-          {/* Carousel indicators */}
           {testCases.length > 1 && (
             <div className="flex justify-center gap-2 mt-4 mb-6">
Index: client/src/Dashboard/components/Forum.jsx
===================================================================
--- client/src/Dashboard/components/Forum.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/Dashboard/components/Forum.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -236,8 +236,6 @@
               </button>
             </div>
-            {/* Filter Navbar */}
             <div className="border-b border-base-300 shadow-sm">
               <div className="p-3 sm:p-4 md:pl-12 w-full max-w-full mx-auto">
-                {/* Mobile Filter Toggle */}
                 <div className="flex items-center justify-between mb-3 lg:hidden ">
                   <h3 className="text-base sm:text-lg font-semibold flex items-center gap-2">
@@ -288,5 +286,4 @@
                   } lg:block lg:opacity-100`}
                 >
-                  {/* Mobile Filter  Version */}
                   <div className="space-y-2 lg:space-y-0 lg:grid lg:grid-cols-6 xl:grid-cols-8 lg:gap-2 mb-2 max-w-full">
                     <div className="flex flex-col gap-1 lg:col-span-2">
@@ -478,5 +475,4 @@
                   </div>
 
-                  {/* Active Filters  */}
                   <div className="flex flex-wrap gap-1.5 sm:gap-2">
                     {filters.topic !== 'all' && (
@@ -573,5 +569,5 @@
         </div>
 
-        {/* Main Content Area */}
+        {/* Main Content  */}
         <div className="overflow-y-auto">
           <div className="p-3 sm:p-4 md:p-6 md:pl-12 w-full">
@@ -804,5 +800,5 @@
       </div>
 
-      {/* Modal element */}
+      {/* Modal  */}
       {modal.isOpen && (
         <div
Index: client/src/Dashboard/components/ForumPostDetail.jsx
===================================================================
--- client/src/Dashboard/components/ForumPostDetail.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/Dashboard/components/ForumPostDetail.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -106,5 +106,4 @@
       fetchComments();
     } catch (err) {
-      // Check for inappropriate language error from backend
       const message =
         err?.response?.data?.error || err?.message || 'Failed to post comment';
@@ -255,5 +254,5 @@
       </div>
 
-      {/* Modal element */}
+      {/* Modal  */}
       {modal.isOpen && (
         <div
Index: client/src/Dashboard/components/ManageChallenges.jsx
===================================================================
--- client/src/Dashboard/components/ManageChallenges.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/Dashboard/components/ManageChallenges.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -146,5 +146,4 @@
       <div className="sticky top-0 z-20 bg-base-100 ">
         <div className="flex flex-col">
-          {/* Add New Challenge Button */}
           <div className="hidden sm:w-full sm:flex sm:justify-end sm:pt-3 sm:pr-3 ">
             <button
@@ -173,9 +172,8 @@
           <div className="border-b border-base-300 shadow-sm">
             <div className="p-3 sm:p-4 md:pl-12 w-full max-w-full mx-auto">
-              {/* Mobile Filter Toggle */}
+              {/* Mobile  */}
               <div className="flex items-center justify-between mb-3 lg:hidden">
                 <h3 className="text-base sm:text-lg font-semibold flex items-center gap-2">
                   Filters
-                  {/* Active filter count indicator */}
                   {(filters.dateSort !== 'newest' ||
                     filters.selectedDate ||
@@ -214,5 +212,4 @@
               </div>
 
-              {/* Filter Controls */}
               <div
                 className={`transition-all duration-300 ${
@@ -220,7 +217,5 @@
                 } lg:block lg:opacity-100`}
               >
-                {/* Filter Layout */}
                 <div className="space-y-2 lg:space-y-0 lg:grid lg:grid-cols-6 xl:grid-cols-8 lg:gap-2 mb-2 max-w-full">
-                  {/* Search Filter - Wider */}
                   <div className="flex flex-col gap-1 lg:col-span-2">
                     <label className="text-xs font-medium text-gray-500 uppercase tracking-wide">
@@ -261,5 +256,4 @@
                   </div>
 
-                  {/* Date Sort - Wider */}
                   <div className="flex flex-col gap-1 lg:col-span-2 xl:col-span-2">
                     <label className="text-xs font-medium text-gray-500 uppercase tracking-wide">
@@ -281,5 +275,4 @@
                   </div>
 
-                  {/* Specific Date Filter - Wider */}
                   <div className="relative flex flex-col gap-1 lg:col-span-2 xl:col-span-2">
                     <label className="text-xs font-medium text-gray-500 uppercase tracking-wide">
@@ -363,5 +356,4 @@
                 </div>
 
-                {/* Active Filters Display */}
                 <div className="flex flex-wrap gap-1.5 sm:gap-2">
                   {filters.searchText && filters.searchText.trim() && (
@@ -426,5 +418,4 @@
       </div>
 
-      {/* Main content area */}
       <div className="p-3 sm:p-4 md:p-6 md:pl-12 w-full">
         {loading ? (
@@ -548,5 +539,4 @@
         {!loading && totalPages > 1 && (
           <div className="flex justify-center items-center gap-2 mt-8">
-            {/* Previous Arrow */}
             <button
               className="btn btn-sm btn-ghost"
@@ -558,5 +548,4 @@
             </button>
 
-            {/* First 3 page numbers */}
             {Array.from({ length: Math.min(3, totalPages) }, (_, idx) => (
               <button
@@ -572,8 +561,6 @@
             ))}
 
-            {/* Dots if more than 4 pages */}
             {totalPages > 4 && <span className="px-2 text-gray-500">...</span>}
 
-            {/* Show current page if it's not in the first 3 or last */}
             {currentPage > 2 && currentPage < totalPages - 1 && (
               <button
@@ -586,5 +573,4 @@
             )}
 
-            {/* Last page button if more than 3 pages */}
             {totalPages > 3 && (
               <button
@@ -601,5 +587,4 @@
             )}
 
-            {/* Next Arrow */}
             <button
               className="btn btn-sm btn-ghost"
@@ -614,5 +599,4 @@
       </div>
 
-      {/* Modal*/}
       {modal.isOpen && (
         <div
Index: client/src/Dashboard/components/ManagePosts.jsx
===================================================================
--- client/src/Dashboard/components/ManagePosts.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/Dashboard/components/ManagePosts.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -32,5 +32,4 @@
   const [isActionLoading, setIsActionLoading] = useState(false);
 
-  // Filter states
   const defaultFilters = {
     topic: 'all',
@@ -231,17 +230,13 @@
     >
       <div className="flex flex-col w-full  ">
-        {/* Filter System */}
         <div className="sticky top-0 z-20 bg-base-100">
           <div className="flex flex-col">
-            {/* Sticky Header Section */}
-
-            {/* Filter Navbar */}
+            {/* Filters */}
             <div className="border-b border-base-300 shadow-sm">
               <div className="p-3 sm:p-4 md:pl-12 w-full max-w-full mx-auto">
-                {/* Mobile Filter Toggle */}
+                {/* Mobile  */}
                 <div className="flex items-center justify-between mb-3 lg:hidden ">
                   <h3 className="text-base sm:text-lg font-semibold flex items-center gap-2">
                     Filters
-                    {/* Active filter count indicator */}
                     {(filters.topic !== 'all' ||
                       filters.dateSort !== 'newest' ||
@@ -289,7 +284,5 @@
                   } lg:block lg:opacity-100`}
                 >
-                  {/* Mobile-First Filter Layout - Compact Version */}
                   <div className="space-y-2 lg:space-y-0 lg:grid lg:grid-cols-6 xl:grid-cols-8 lg:gap-2 mb-2 max-w-full">
-                    {/* Search Filter - Full width on mobile, 2 cols on desktop */}
                     <div className="flex flex-col gap-1 lg:col-span-2">
                       <label className="text-xs font-medium text-gray-500 uppercase tracking-wide">
@@ -330,7 +323,5 @@
                     </div>
 
-                    {/* Mobile: 2-column grid for selects */}
                     <div className="grid grid-cols-2 gap-2 lg:contents">
-                      {/* Topic Filter */}
                       <div className="flex flex-col gap-1 lg:col-span-1">
                         <label className="text-xs font-medium text-gray-500 uppercase tracking-wide">
@@ -352,5 +343,4 @@
                       </div>
 
-                      {/* Date Sort */}
                       <div className="flex flex-col gap-1 lg:col-span-1">
                         <label className="text-xs font-medium text-gray-500 uppercase tracking-wide">
@@ -373,7 +363,5 @@
                     </div>
 
-                    {/* Mobile: Single column for date picker and popularity */}
                     <div className="space-y-2 lg:space-y-0 lg:contents">
-                      {/* Specific Date Filter */}
                       <div className="relative flex flex-col gap-1 lg:col-span-1">
                         <label className="text-xs font-medium text-gray-500 uppercase tracking-wide">
@@ -384,6 +372,6 @@
                           <input
                             type="text"
-                            readOnly // Makes the input non-editable by typing
-                            onClick={() => setIsCalendarOpen(!isCalendarOpen)} // Opens popover on click
+                            readOnly
+                            onClick={() => setIsCalendarOpen(!isCalendarOpen)}
                             value={
                               filters.selectedDate
@@ -395,13 +383,11 @@
                                     day: 'numeric',
                                   })
-                                : '' // Use empty string so placeholder is visible
+                                : ''
                             }
                             placeholder="Select date"
-                            // Style to match other inputs and add cursor-pointer
                             className="input input-sm input-bordered w-full text-xs pl-8 pr-2 cursor-pointer h-8"
                           />
                           <svg
                             xmlns="http://www.w3.org/2000/svg"
-                            // Position the icon inside the input field
                             className="z-10 w-3.5 h-3.5 absolute left-2.5 top-1/2 transform -translate-y-1/2 text-gray-400"
                             fill="none"
@@ -417,5 +403,4 @@
                           </svg>
                         </div>
-                        {/* Render the popover here */}
                         <CalendarPopover
                           isOpen={isCalendarOpen}
@@ -430,5 +415,4 @@
                     </div>
 
-                    {/* Action Buttons */}
                     <div className="flex flex-col gap-1 lg:col-span-1">
                       <label className="text-xs font-medium text-gray-500 uppercase tracking-wide opacity-0">
@@ -464,5 +448,4 @@
                   </div>
 
-                  {/* Active Filters Display - Improved Mobile Layout */}
                   <div className="flex flex-wrap gap-1.5 sm:gap-2">
                     {filters.topic !== 'all' && (
@@ -632,5 +615,4 @@
                 </div>
 
-                {/* Topic Badge */}
                 <div className="flex flex-wrap items-center gap-1.5 sm:gap-2 mb-2">
                   <span
@@ -750,5 +732,5 @@
       </div>
 
-      {/* Modal element */}
+      {/* Modal  */}
       {modal.isOpen && (
         <div
Index: client/src/Dashboard/components/Navbar.jsx
===================================================================
--- client/src/Dashboard/components/Navbar.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/Dashboard/components/Navbar.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -1,9 +1,9 @@
-import React, { useState, useEffect } from "react";
-import { useNavigate, useLocation } from "react-router-dom";
-import logoIcon from "../../assets/images/logoIcon.png";
-import logoText from "../../assets/images/logoText.png";
-import pp from "../../assets/images/pp.svg";
-import RankBadgeNav from "@/utils/RankBadgeForNavbar";
-import { useAuth } from "@/contexts/AuthContext";
+import React, { useState, useEffect } from 'react';
+import { useNavigate, useLocation } from 'react-router-dom';
+import logoIcon from '../../assets/images/logoIcon.png';
+import logoText from '../../assets/images/logoText.png';
+import pp from '../../assets/images/pp.svg';
+import RankBadgeNav from '@/utils/RankBadgeForNavbar';
+import { useAuth } from '@/contexts/AuthContext';
 const useIsDesktop = () => {
   const [isDesktop, setIsDesktop] = useState(window.innerWidth >= 1024);
@@ -14,6 +14,6 @@
     };
 
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
+    window.addEventListener('resize', handleResize);
+    return () => window.removeEventListener('resize', handleResize);
   }, []);
 
@@ -27,20 +27,20 @@
   const isDesktop = useIsDesktop();
   const isActive = (path) => {
-    if (path === "/dashboard" && location.pathname === "/dashboard") {
+    if (path === '/dashboard' && location.pathname === '/dashboard') {
       return true;
     }
     if (
-      path === "/dashboard/forum" &&
-      (location.pathname === "/dashboard/forum" ||
-        location.pathname === "/dashboard/forum/create-post" ||
-        location.pathname === "/dashboard/create-post" ||
-        (location.pathname === "/dashboard/user-posts" && isDesktop) ||
-        location.pathname.startsWith("/dashboard/forum-detail/"))
+      path === '/dashboard/forum' &&
+      (location.pathname === '/dashboard/forum' ||
+        location.pathname === '/dashboard/forum/create-post' ||
+        location.pathname === '/dashboard/create-post' ||
+        (location.pathname === '/dashboard/user-posts' && isDesktop) ||
+        location.pathname.startsWith('/dashboard/forum-detail/'))
     ) {
       return true;
     }
     if (
-      path == "/dashboard/user-posts" &&
-      location.pathname === "/dashboard/user-posts"
+      path == '/dashboard/user-posts' &&
+      location.pathname === '/dashboard/user-posts'
     ) {
       return true;
@@ -48,12 +48,12 @@
 
     if (
-      path === "/dashboard/manage-posts" &&
-      location.pathname === "/dashboard/manage-posts"
+      path === '/dashboard/manage-posts' &&
+      location.pathname === '/dashboard/manage-posts'
     ) {
       return true;
     }
     if (
-      path === "/dashboard/leaderboard" &&
-      location.pathname === "/dashboard/leaderboard"
+      path === '/dashboard/leaderboard' &&
+      location.pathname === '/dashboard/leaderboard'
     ) {
       return true;
@@ -61,6 +61,6 @@
 
     if (
-      path === "/dashboard/profile" &&
-      location.pathname === "/dashboard/profile"
+      path === '/dashboard/profile' &&
+      location.pathname === '/dashboard/profile'
     ) {
       return true;
@@ -68,11 +68,11 @@
 
     if (
-      path === "/dashboard/manage-challenges" &&
-      (location.pathname === "/dashboard/manage-challenges" ||
-        location.pathname === "/dashboard/create-new-challenge")
+      path === '/dashboard/manage-challenges' &&
+      (location.pathname === '/dashboard/manage-challenges' ||
+        location.pathname === '/dashboard/create-new-challenge')
     ) {
       return true;
     }
-    if (path !== "/dashboard" && location.pathname.startsWith(path + "/")) {
+    if (path !== '/dashboard' && location.pathname.startsWith(path + '/')) {
       return true;
     }
@@ -85,5 +85,5 @@
         <div className="p-3 xl:p-4 border-b border-base-content/10">
           <p
-            onClick={() => navigate("/")}
+            onClick={() => navigate('/')}
             className="flex items-center gap-2 cursor-pointer"
           >
@@ -106,9 +106,9 @@
               <button
                 className={`flex items-center gap-3 xl:gap-4 px-3 xl:px-4 py-2 xl:py-3 rounded-lg transition-colors text-sm xl:text-base 2xl:p-3 ${
-                  isActive("/dashboard")
-                    ? "bg-[#FFB800] text-black"
-                    : "hover:bg-[#FFB800] hover:text-black"
+                  isActive('/dashboard')
+                    ? 'bg-[#FFB800] text-black'
+                    : 'hover:bg-[#FFB800] hover:text-black'
                 }`}
-                onClick={() => navigate("/dashboard")}
+                onClick={() => navigate('/dashboard')}
               >
                 <svg
@@ -128,9 +128,9 @@
               <button
                 className={`flex items-center gap-3 xl:gap-4 px-3 2xl:p-3 xl:px-4 py-2 xl:py-3 rounded-lg transition-colors text-sm xl:text-base ${
-                  isActive("/dashboard/leaderboard")
-                    ? "bg-[#FFB800] text-black"
-                    : "hover:bg-[#FFB800] hover:text-black"
+                  isActive('/dashboard/leaderboard')
+                    ? 'bg-[#FFB800] text-black'
+                    : 'hover:bg-[#FFB800] hover:text-black'
                 }`}
-                onClick={() => navigate("/dashboard/leaderboard")}
+                onClick={() => navigate('/dashboard/leaderboard')}
               >
                 <svg
@@ -150,9 +150,9 @@
               <button
                 className={`flex items-center gap-3 xl:gap-4 2xl:p-3 px-3 xl:px-4 py-2 xl:py-3 rounded-lg transition-colors text-sm xl:text-base ${
-                  isActive("/dashboard/forum")
-                    ? "bg-[#FFB800] text-black"
-                    : "hover:bg-[#FFB800] hover:text-black"
+                  isActive('/dashboard/forum')
+                    ? 'bg-[#FFB800] text-black'
+                    : 'hover:bg-[#FFB800] hover:text-black'
                 }`}
-                onClick={() => navigate("/dashboard/forum")}
+                onClick={() => navigate('/dashboard/forum')}
               >
                 <svg
@@ -179,9 +179,9 @@
                   <button
                     className={`flex items-center gap-3 xl:gap-4 2xl:p-3 px-3 xl:px-4 py-2 xl:py-3 rounded-lg transition-colors text-sm xl:text-base ${
-                      isActive("/dashboard/manage-posts")
-                        ? "bg-[#FFB800] text-black"
-                        : "hover:bg-[#FFB800] hover:text-black"
-                    }`}
-                    onClick={() => navigate("/dashboard/manage-posts")}
+                      isActive('/dashboard/manage-posts')
+                        ? 'bg-[#FFB800] text-black'
+                        : 'hover:bg-[#FFB800] hover:text-black'
+                    }`}
+                    onClick={() => navigate('/dashboard/manage-posts')}
                   >
                     <svg
@@ -212,9 +212,9 @@
                   <button
                     className={`flex items-center gap-3 xl:gap-4 px-3 2xl:p-3 xl:px-4 py-2 xl:py-3 rounded-lg transition-colors text-sm xl:text-base ${
-                      isActive("/dashboard/manage-challenges")
-                        ? "bg-[#FFB800] text-black"
-                        : "hover:bg-[#FFB800] hover:text-black"
-                    }`}
-                    onClick={() => navigate("/dashboard/manage-challenges")}
+                      isActive('/dashboard/manage-challenges')
+                        ? 'bg-[#FFB800] text-black'
+                        : 'hover:bg-[#FFB800] hover:text-black'
+                    }`}
+                    onClick={() => navigate('/dashboard/manage-challenges')}
                   >
                     <svg
@@ -250,9 +250,9 @@
           <button
             className={`w-full flex items-center gap-2 xl:gap-3 px-3 xl:px-4 2xl:p-3 py-2 xl:py-3 rounded-lg transition-colors ${
-              isActive("/dashboard/profile")
-                ? "bg-[#FFB800] text-black"
-                : "hover:bg-[#FFB800] hover:text-black"
+              isActive('/dashboard/profile')
+                ? 'bg-[#FFB800] text-black'
+                : 'hover:bg-[#FFB800] hover:text-black'
             }`}
-            onClick={() => navigate("/dashboard/profile")}
+            onClick={() => navigate('/dashboard/profile')}
           >
             <img
@@ -261,9 +261,9 @@
               className={`w-8 xl:w-10 h-8 xl:h-10 rounded-full border-2 flex-shrink-0
     ${
-      isActive("/dashboard/profile") ? "border-black" : "border-base-content/10"
+      isActive('/dashboard/profile') ? 'border-black' : 'border-base-content/10'
     }`}
               style={
-                isActive("/dashboard/profile")
-                  ? { filter: "brightness(0) invert(0)" }
+                isActive('/dashboard/profile')
+                  ? { filter: 'brightness(0) invert(0)' }
                   : {}
               }
@@ -281,10 +281,8 @@
       </nav>
 
-      {/* Mobile Top Menu Bar - visible on tablet and below */}
       <div className="lg:hidden fixed top-0 left-0 right-0 z-50 bg-base-200 border-b border-base-content/10">
-        {/* ...existing mobile menu code... */}
         <div className="flex items-center justify-between p-4">
           <div
-            onClick={() => navigate("/")}
+            onClick={() => navigate('/')}
             className="flex items-center gap-2 cursor-pointer"
           >
@@ -331,10 +329,10 @@
                   <button
                     className={`w-full flex items-center gap-4 px-4 py-3 rounded-lg transition-colors text-left ${
-                      isActive("/dashboard")
-                        ? "bg-[#FFB800] text-black"
-                        : "hover:bg-[#FFB800] hover:text-black"
+                      isActive('/dashboard')
+                        ? 'bg-[#FFB800] text-black'
+                        : 'hover:bg-[#FFB800] hover:text-black'
                     }`}
                     onClick={() => {
-                      navigate("/dashboard");
+                      navigate('/dashboard');
                       setIsMobileMenuOpen(false);
                     }}
@@ -356,10 +354,10 @@
                   <button
                     className={`w-full flex items-center gap-4 px-4 py-3 rounded-lg transition-colors text-left ${
-                      isActive("/dashboard/leaderboard")
-                        ? "bg-[#FFB800] text-black"
-                        : "hover:bg-[#FFB800] hover:text-black"
+                      isActive('/dashboard/leaderboard')
+                        ? 'bg-[#FFB800] text-black'
+                        : 'hover:bg-[#FFB800] hover:text-black'
                     }`}
                     onClick={() => {
-                      navigate("/dashboard/leaderboard");
+                      navigate('/dashboard/leaderboard');
                       setIsMobileMenuOpen(false);
                     }}
@@ -381,10 +379,10 @@
                   <button
                     className={`w-full flex items-center gap-4 px-4 py-3 rounded-lg transition-colors text-left ${
-                      isActive("/dashboard/forum")
-                        ? "bg-[#FFB800] text-black"
-                        : "hover:bg-[#FFB800] hover:text-black"
+                      isActive('/dashboard/forum')
+                        ? 'bg-[#FFB800] text-black'
+                        : 'hover:bg-[#FFB800] hover:text-black'
                     }`}
                     onClick={() => {
-                      navigate("/dashboard/forum");
+                      navigate('/dashboard/forum');
                       setIsMobileMenuOpen(false);
                     }}
@@ -409,10 +407,10 @@
                   <button
                     className={`w-full flex items-center gap-4 px-4 py-3 rounded-lg transition-colors text-left ${
-                      isActive("/dashboard/user-posts")
-                        ? "bg-[#FFB800] text-black"
-                        : "hover:bg-[#FFB800] hover:text-black"
+                      isActive('/dashboard/user-posts')
+                        ? 'bg-[#FFB800] text-black'
+                        : 'hover:bg-[#FFB800] hover:text-black'
                     }`}
                     onClick={() => {
-                      navigate("/dashboard/user-posts");
+                      navigate('/dashboard/user-posts');
                       setIsMobileMenuOpen(false);
                     }}
@@ -441,10 +439,10 @@
                       <button
                         className={`w-full flex items-center gap-4 px-4 py-3 rounded-lg transition-colors text-left ${
-                          isActive("/dashboard/manage-posts")
-                            ? "bg-[#FFB800] text-black"
-                            : "hover:bg-[#FFB800] hover:text-black"
+                          isActive('/dashboard/manage-posts')
+                            ? 'bg-[#FFB800] text-black'
+                            : 'hover:bg-[#FFB800] hover:text-black'
                         }`}
                         onClick={() => {
-                          navigate("/dashboard/manage-posts");
+                          navigate('/dashboard/manage-posts');
                           setIsMobileMenuOpen(false);
                         }}
@@ -477,10 +475,10 @@
                       <button
                         className={`w-full flex items-center gap-4 px-4 py-3 rounded-lg transition-colors text-left ${
-                          isActive("/dashboard/manage-challenges")
-                            ? "bg-[#FFB800] text-black"
-                            : "hover:bg-[#FFB800] hover:text-black"
+                          isActive('/dashboard/manage-challenges')
+                            ? 'bg-[#FFB800] text-black'
+                            : 'hover:bg-[#FFB800] hover:text-black'
                         }`}
                         onClick={() => {
-                          navigate("/dashboard/manage-challenges");
+                          navigate('/dashboard/manage-challenges');
                           setIsMobileMenuOpen(false);
                         }}
@@ -513,15 +511,14 @@
                 )}
 
-                {/* Profile section in mobile menu */}
                 <hr className="my-2" />
                 <li>
                   <button
                     className={`w-full flex items-center gap-3 px-4 py-3 rounded-lg transition-colors text-left ${
-                      isActive("/dashboard/profile")
-                        ? "bg-[#FFB800] text-black"
-                        : "hover:bg-[#FFB800] hover:text-black"
+                      isActive('/dashboard/profile')
+                        ? 'bg-[#FFB800] text-black'
+                        : 'hover:bg-[#FFB800] hover:text-black'
                     }`}
                     onClick={() => {
-                      navigate("/dashboard/profile");
+                      navigate('/dashboard/profile');
                       setIsMobileMenuOpen(false);
                     }}
Index: client/src/Dashboard/components/Profile.jsx
===================================================================
--- client/src/Dashboard/components/Profile.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/Dashboard/components/Profile.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -1,8 +1,8 @@
-import React, { useState } from "react";
-import pp from "../../assets/images/pp.svg";
-import Navbar from "./Navbar";
-import RankBadgeNav from "@/utils/RankBadgeForNavbar";
-import { useAuth } from "../../contexts/AuthContext.jsx";
-import { useNavigate } from "react-router-dom";
+import React, { useState } from 'react';
+import pp from '../../assets/images/pp.svg';
+import Navbar from './Navbar';
+import RankBadgeNav from '@/utils/RankBadgeForNavbar';
+import { useAuth } from '../../contexts/AuthContext.jsx';
+import { useNavigate } from 'react-router-dom';
 
 const Profile = () => {
@@ -10,18 +10,18 @@
   const navigate = useNavigate();
 
-  const [modal, setModal] = useState({ isOpen: false, message: "", type: "" });
+  const [modal, setModal] = useState({ isOpen: false, message: '', type: '' });
 
   const handleSignOut = () =>
     setModal({
       isOpen: true,
-      message: "Are you sure you want to log out?",
-      type: "confirmLogout",
+      message: 'Are you sure you want to log out?',
+      type: 'confirmLogout',
     });
 
-  const closeModal = () => setModal({ isOpen: false, message: "", type: "" });
+  const closeModal = () => setModal({ isOpen: false, message: '', type: '' });
 
   const confirmLogout = () => {
     closeModal();
-    navigate("/logout");
+    navigate('/logout');
   };
 
@@ -44,5 +44,4 @@
             ) : (
               <>
-                {/* Header */}
                 <div className="flex flex-col items-center text-center mb-6">
                   <div className="avatar mb-3">
@@ -59,5 +58,4 @@
                 </div>
 
-                {/* Rank */}
                 <div className="flex justify-center mb-6">
                   <div className="bg-gradient-to-r from-tertiary/10 to-tertiary/5 p-3 rounded-lg border border-tertiary/20 flex flex-col items-center min-w-[120px]">
@@ -69,5 +67,4 @@
                 </div>
 
-                {/* Stats */}
                 <div className="grid grid-cols-2 gap-3 mb-6">
                   <div className="bg-gradient-to-r from-secondary/10 to-secondary/5 p-3 rounded-lg border border-secondary/20 text-center">
@@ -87,5 +84,4 @@
                 </div>
 
-                {/* Sign Out */}
                 <div className="flex justify-center">
                   <button
Index: client/src/Dashboard/components/Task.jsx
===================================================================
--- client/src/Dashboard/components/Task.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/Dashboard/components/Task.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -289,5 +289,4 @@
               <div className="card bg-base-200 shadow-xl">
                 <div className="card-body p-2 sm:p-4 lg:p-6">
-                  {/* Header Section */}
                   <div className="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4 mb-3 sm:mb-4 lg:mb-6">
                     <h1 className="card-title text-lg sm:text-xl lg:text-2xl text-left flex-1 break-words">
@@ -296,5 +295,4 @@
                   </div>
 
-                  {/* Already Completed Alert */}
                   {user.solvedDailyChallenge && (
                     <div className="alert alert-info mb-2 sm:mb-3 text-sm sm:text-base">
@@ -321,5 +319,4 @@
                   {task ? (
                     <>
-                      {/* Problem Section */}
                       <div className="card bg-base-300 mb-2 sm:mb-3 lg:mb-4">
                         <div className="card-body p-2 sm:p-3 lg:p-4">
@@ -333,7 +330,5 @@
                       </div>
 
-                      {/* Input and Examples Section */}
                       <div className="space-y-2 sm:space-y-3 lg:space-y-4 mb-3 sm:mb-4 lg:mb-6">
-                        {/* Your Input Card */}
                         <div className="card bg-primary/5">
                           <div className="card-body p-2 sm:p-3 lg:p-4">
@@ -357,5 +352,4 @@
                         </div>
 
-                        {/* Examples Card */}
                         <div className="card bg-base-300">
                           <div className="card-body p-2 sm:p-3 lg:p-4">
@@ -396,5 +390,4 @@
                   )}
 
-                  {/* Submit Solution Section */}
                   <div className="card bg-base-300">
                     <div className="card-body p-2 sm:p-3 lg:p-4">
@@ -454,5 +447,4 @@
                       </p>
 
-                      {/* Action Buttons */}
                       <div className="flex flex-col sm:flex-row justify-end gap-2 sm:gap-3">
                         <button
Index: client/src/Dashboard/components/UserPosts.jsx
===================================================================
--- client/src/Dashboard/components/UserPosts.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/Dashboard/components/UserPosts.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -33,5 +33,4 @@
   const PENDING_PAGE_SIZE = 10;
 
-  // Filter states
   const defaultFilters = {
     topic: 'all',
@@ -217,5 +216,5 @@
         } catch (error) {
           console.error('Error fetching user posts:', error);
-          setApprovedPosts([]); // Clear posts on error
+          setApprovedPosts([]);
           setTotalPages(1);
         } finally {
@@ -243,5 +242,4 @@
           <div className="p-3 sm:p-3 sm:pl-12 w-full max-w-full mx-auto">
             <div className="flex justify-between items-center gap-2 sm:gap-4 sm:relative">
-              {/* Mobile: Left - Tab buttons, Desktop: Center */}
               <div className="rounded-lg bg-base-300 p-1 flex gap-2 flex-shrink min-w-0 sm:absolute sm:left-1/2 sm:transform sm:-translate-x-1/2">
                 <button
@@ -297,5 +295,4 @@
               </div>
 
-              {/* Right - Action buttons */}
               <div className="flex gap-2 sm:gap-3 flex-shrink-0 ml-auto">
                 <button
@@ -353,15 +350,10 @@
           </div>
           <div className="flex flex-col">
-            {/* Sticky Header Section */}
-
-            {/* Filter Navbar */}
             {activeTab == 'published' && (
               <div className="border-b border-base-300 shadow-sm">
                 <div className="p-3 sm:p-4 md:pl-12 w-full max-w-full mx-auto">
-                  {/* Mobile Filter Toggle */}
                   <div className="flex items-center justify-between mb-3 lg:hidden ">
                     <h3 className="text-base sm:text-lg font-semibold flex items-center gap-2">
                       Filters
-                      {/* Active filter count indicator */}
                       {(filters.topic !== 'all' ||
                         filters.dateSort !== 'newest' ||
@@ -403,5 +395,4 @@
                   </div>
 
-                  {/* Filter Controls */}
                   <div
                     className={`transition-all duration-300 ${
@@ -409,7 +400,5 @@
                     } lg:block lg:opacity-100`}
                   >
-                    {/* Mobile-First Filter Layout - Compact Version */}
                     <div className="space-y-2 lg:space-y-0 lg:grid lg:grid-cols-6 xl:grid-cols-8 lg:gap-2 mb-2 max-w-full">
-                      {/* Search Filter - Full width on mobile, 2 cols on desktop */}
                       <div className="flex flex-col gap-1 lg:col-span-2">
                         <label className="text-xs font-medium text-gray-500 uppercase tracking-wide">
@@ -451,7 +440,5 @@
                       </div>
 
-                      {/* Mobile: 2-column grid for selects */}
                       <div className="grid grid-cols-2 gap-2 lg:contents">
-                        {/* Topic Filter */}
                         <div className="flex flex-col gap-1 lg:col-span-1">
                           <label className="text-xs font-medium text-gray-500 uppercase tracking-wide">
@@ -473,5 +460,4 @@
                         </div>
 
-                        {/* Date Sort */}
                         <div className="flex flex-col gap-1 lg:col-span-1">
                           <label className="text-xs font-medium text-gray-500 uppercase tracking-wide">
@@ -494,5 +480,4 @@
                       </div>
 
-                      {/* Mobile: Single column for date picker and popularity */}
                       <div className="space-y-2 lg:space-y-0 lg:contents">
                         <div className="flex flex-col gap-1 lg:col-span-1">
@@ -515,5 +500,4 @@
                           </select>
                         </div>
-                        {/* Specific Date Filter */}
                         <div className="relative flex flex-col gap-1 lg:col-span-1">
                           <label className="text-xs font-medium text-gray-500 uppercase tracking-wide">
@@ -524,6 +508,6 @@
                             <input
                               type="text"
-                              readOnly // Makes the input non-editable by typing
-                              onClick={() => setIsCalendarOpen(!isCalendarOpen)} // Opens popover on click
+                              readOnly
+                              onClick={() => setIsCalendarOpen(!isCalendarOpen)}
                               value={
                                 filters.selectedDate
@@ -535,13 +519,11 @@
                                       day: 'numeric',
                                     })
-                                  : '' // Use empty string so placeholder is visible
+                                  : ''
                               }
                               placeholder="Select date"
-                              // Style to match other inputs and add cursor-pointer
                               className="input input-sm input-bordered w-full text-xs pl-8 pr-2 cursor-pointer h-8"
                             />
                             <svg
                               xmlns="http://www.w3.org/2000/svg"
-                              // Position the icon inside the input field
                               className="z-10 w-3.5 h-3.5 absolute left-2.5 top-1/2 transform -translate-y-1/2 text-gray-400"
                               fill="none"
@@ -557,5 +539,4 @@
                             </svg>
                           </div>
-                          {/* Render the popover here */}
                           <CalendarPopover
                             isOpen={isCalendarOpen}
@@ -570,5 +551,4 @@
                       </div>
 
-                      {/* Action Buttons */}
                       <div className="flex flex-col gap-1 lg:col-span-1">
                         <label className="text-xs font-medium text-gray-500 uppercase tracking-wide opacity-0">
@@ -604,5 +584,4 @@
                     </div>
 
-                    {/* Active Filters Display - Improved Mobile Layout */}
                     <div className="flex flex-wrap gap-1.5 sm:gap-2">
                       {filters.topic !== 'all' && (
@@ -701,6 +680,4 @@
         </div>
 
-        {/* Main Content Area */}
-
         <div className="flex-1 overflow-y-auto">
           {loading ? (
@@ -712,5 +689,4 @@
               <div className="flex items-center">
                 <div className="p-4 sm:p-6 sm:pl-12 w-full">
-                  {/* Tab Content */}
                   <div className="animate-fadeIn">
                     {activeTab === 'published' && (
@@ -760,5 +736,4 @@
                                   </div>
 
-                                  {/* Topic Badge */}
                                   <div className="flex flex-wrap items-center gap-1.5 sm:gap-2 mb-2">
                                     <span
Index: client/src/LandingPage/components/OurRankSystem.jsx
===================================================================
--- client/src/LandingPage/components/OurRankSystem.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/LandingPage/components/OurRankSystem.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -49,5 +49,5 @@
               <tbody>
                 {rankData.map((rank) => {
-                  const isGlowing = rank.id >= 4; // Developer rank is ID 4
+                  const isGlowing = rank.id >= 4;
 
                   return (
Index: client/src/Register/Register.jsx
===================================================================
--- client/src/Register/Register.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/Register/Register.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -1,13 +1,13 @@
-import React from "react";
-import { Link, useNavigate } from "react-router-dom";
-import { useState } from "react";
-import { supabase } from "../contexts/AuthContext";
-import { signInWithGoogle } from "@/services/registerLoginService";
-import { useAuth } from "../contexts/AuthContext";
+import React from 'react';
+import { Link, useNavigate } from 'react-router-dom';
+import { useState } from 'react';
+import { supabase } from '../contexts/AuthContext';
+import { signInWithGoogle } from '@/services/registerLoginService';
+import { useAuth } from '../contexts/AuthContext';
 
 const Register = () => {
   const { register } = useAuth();
   const [formErrors, setFormErrors] = useState({});
-  const [generalError, setGeneralError] = useState("");
+  const [generalError, setGeneralError] = useState('');
   const [googleLoading, setGoogleLoading] = useState(false);
   const nav = useNavigate();
@@ -26,12 +26,12 @@
 
   const [formData, setFormData] = useState({
-    username: "",
-    email: "",
-    password: "",
-    confirmPassword: "",
-    name: "",
+    username: '',
+    email: '',
+    password: '',
+    confirmPassword: '',
+    name: '',
   });
   function validateLocalEmailFormat(email) {
-    return email.includes("@") && email.includes(".");
+    return email.includes('@') && email.includes('.');
   }
   const handleInputChange = (e) => {
@@ -44,10 +44,10 @@
       setFormErrors((prev) => ({ ...prev, [name]: undefined }));
     }
-    setGeneralError("");
+    setGeneralError('');
   };
   const handleSubmit = async (e) => {
     e.preventDefault();
     setLoading(true);
-    setGeneralError("");
+    setGeneralError('');
     setFormErrors({});
 
@@ -55,5 +55,5 @@
       setFormErrors((prev) => ({
         ...prev,
-        email: "Please enter a valid email format.",
+        email: 'Please enter a valid email format.',
       }));
       setLoading(false);
@@ -63,5 +63,5 @@
       setFormErrors((prev) => ({
         ...prev,
-        passwordMatch: "Passwords do not match",
+        passwordMatch: 'Passwords do not match',
       }));
       setLoading(false);
@@ -75,5 +75,5 @@
       !formData.confirmPassword
     ) {
-      setGeneralError("Please fill in all required fields.");
+      setGeneralError('Please fill in all required fields.');
       setLoading(false);
       return;
@@ -92,5 +92,5 @@
 
       if (result.success) {
-        nav("/dashboard");
+        nav('/dashboard');
       } else {
         if (result.errors) {
@@ -98,10 +98,10 @@
         }
         setGeneralError(
-          result.error || "Registration failed. Please try again."
+          result.error || 'Registration failed. Please try again.'
         );
       }
     } catch (error) {
-      console.error("Unexpected error in Register handleSubmit:", error);
-      setGeneralError("A client-side error occurred. Please try again.");
+      console.error('Unexpected error in Register handleSubmit:', error);
+      setGeneralError('A client-side error occurred. Please try again.');
     } finally {
       setLoading(false);
@@ -197,5 +197,5 @@
                   id="password"
                   name="password"
-                  type={showPassword.password ? "text" : "password"}
+                  type={showPassword.password ? 'text' : 'password'}
                   className="input input-sm w-full pr-8 2xl:input-lg"
                   placeholder="Password"
@@ -207,5 +207,5 @@
                   type="button"
                   className="absolute top-0 right-0 h-full px-2 flex items-center z-10"
-                  onClick={() => togglePasswordVisibility("password")}
+                  onClick={() => togglePasswordVisibility('password')}
                   tabIndex="-1"
                   disabled={loading || googleLoading}
@@ -249,5 +249,4 @@
                 </button>
               </div>
-              {/* Group password errors in a single container for better spacing */}
               {(formErrors.password ||
                 formErrors.passwordLength ||
@@ -286,5 +285,5 @@
                 <input
                   id="confirmPassword"
-                  type={showPassword.confirmPassword ? "text" : "password"}
+                  type={showPassword.confirmPassword ? 'text' : 'password'}
                   name="confirmPassword"
                   value={formData.confirmPassword}
@@ -297,5 +296,5 @@
                   type="button"
                   className="absolute top-0 right-0 h-full px-2 flex items-center z-10"
-                  onClick={() => togglePasswordVisibility("confirmPassword")}
+                  onClick={() => togglePasswordVisibility('confirmPassword')}
                   tabIndex="-1"
                   disabled={loading || googleLoading}
@@ -362,6 +361,6 @@
                 !formData.password ||
                 !formData.confirmPassword
-                  ? "Please fill in all fields"
-                  : ""
+                  ? 'Please fill in all fields'
+                  : ''
               }
             >
Index: client/src/utils/RankBadgeForNavbar.jsx
===================================================================
--- client/src/utils/RankBadgeForNavbar.jsx	(revision c8518dde9995c94be49df1cc6927efed839c5c66)
+++ client/src/utils/RankBadgeForNavbar.jsx	(revision a900ddb5758880fc32d5c2401cad850e6f4d88ac)
@@ -1,6 +1,6 @@
-import React, { useMemo } from "react";
-import { getRankBadgeProps } from "./rankUtils";
+import React, { useMemo } from 'react';
+import { getRankBadgeProps } from './rankUtils';
 
-const RankBadgeNav = ({ rankName, size = "md", className = "" }) => {
+const RankBadgeNav = ({ rankName, size = 'md', className = '' }) => {
   const {
     rankInfo,
@@ -11,5 +11,4 @@
   const isGlowing = rankInfo?.id >= 4;
 
-  // Add a static box-shadow for the glow effect if the rank is high enough
   const finalStyle = isGlowing
     ? { ...style, boxShadow: `0 0 8px  ${rankInfo.color}` }