From 0119c7c327614fc07ed4319e1c65aba01321e7fc Mon Sep 17 00:00:00 2001
From: prkr-28 <priyanshu402muz@gmail.com>
Date: Mon, 27 Oct 2025 21:08:14 +0530
Subject: [PATCH] contact-us component placeholder color corrected and nav-bar
 and floating nav updraged

---
 .github/scripts/check-duplicates.js           | 122 +++---
 .github/scripts/cleanup-closed-issue.js       |  20 +-
 .github/scripts/cleanup-duplicates.js         |  71 ++--
 .github/scripts/cleanup-specific-issue.js     |  71 ++--
 .github/scripts/clear-all-vectors.js          |  60 +--
 .github/scripts/debug-pinecone.js             |  47 ++-
 .github/scripts/populate-existing-issues.js   | 192 +++++----
 .github/scripts/updateLeaderboard.js          |  17 +-
 .github/scripts/validate-apis.js              | 100 +++--
 .github/workflows/api-validation.yml          |  16 +-
 .github/workflows/database-operations.yml     |  18 +-
 .github/workflows/duplicate-issue.yml         |   2 +-
 .github/workflows/leaderboard.yml             |   1 -
 .github/workflows/ping-render.yml             |   4 +-
 .github/workflows/post_PR_thankyou.yml        |   6 +-
 .github/workflows/pr_greetings.yml            |   2 +-
 CODE_OF_CONDUCT.md                            |   1 -
 CONTRIBUTING.md                               |  40 +-
 README.md                                     |  76 ++--
 backend/config/passport.js                    |  35 +-
 backend/db/connection.js                      |  13 +-
 backend/middleware/auth.js                    |  21 +-
 .../rateLimit/authLimiterMiddleware.js        |  10 +-
 .../rateLimit/generalLimiterMiddleware.js     |  10 +-
 backend/middleware/rateLimit/index.js         |  27 +-
 backend/models/ContactMessage.js              |   2 +-
 backend/models/Feedback.js                    |  20 +-
 backend/models/Leetcode.js                    |   4 +-
 backend/models/Task.js                        |  22 +-
 backend/models/User.js                        |  48 +--
 backend/routes/auth.js                        |  68 ++--
 backend/routes/feedback.js                    |  97 +++--
 backend/routes/github.route.js                |   4 +-
 backend/routes/profile.js                     | 375 +++++++++---------
 backend/routes/tasks.route.js                 |  71 ++--
 backend/server.js                             |  17 +-
 backend/services/sendResetEmail.js            |  12 +-
 backend/utils/emailVerificationHelpers.js     |  11 +-
 backend/utils/leetcodeCron.js                 |  55 ++-
 docs/env_guide.md                             | 148 ++++---
 docs/setup/google_auth_setup.md               |  92 ++---
 docs/setup/google_sheet_github_action.md      |  77 ++--
 docs/setup/resend_setup.md                    |  55 +--
 frontend/eslint.config.js                     |  24 +-
 frontend/index.html                           |   5 +-
 frontend/jsconfig.json                        |   2 +-
 frontend/src/App.jsx                          |   2 +-
 frontend/src/Components/About.jsx             |  36 +-
 frontend/src/Components/Ad.jsx                |  35 +-
 frontend/src/Components/AllContributors.jsx   |   3 +-
 frontend/src/Components/Contributors.jsx      |   2 +-
 .../src/Components/DashBoard/CardWrapper.jsx  |   2 +-
 .../Components/DashBoard/GithubRepoCard.jsx   |  83 ++--
 .../src/Components/DashBoard/GoalsCard.jsx    |   7 +-
 .../src/Components/DashBoard/LeetCode.jsx     | 136 +++++--
 .../Components/DashBoard/PlatformLinks.jsx    |   8 +-
 .../src/Components/DashBoard/Pomodoro.jsx     |  16 +-
 .../Components/DashBoard/PomodoroTimer.jsx    | 151 +++++--
 .../src/Components/DashBoard/ProfileCard.jsx  |   2 +-
 frontend/src/Components/DashBoard/Sidebar.jsx |  12 +-
 .../src/Components/DashBoard/StreakCard.jsx   |   4 +-
 .../Components/DashBoard/TimeSpentCard.jsx    |   4 +-
 frontend/src/Components/DashBoard/Todo.jsx    | 375 +++++++++++++-----
 frontend/src/Components/DashBoard/Topbar.jsx  |   4 +-
 frontend/src/Components/Dashboard.jsx         |   4 +-
 frontend/src/Components/FAQ.jsx               |  63 +--
 frontend/src/Components/Features.jsx          |  31 +-
 frontend/src/Components/GitHubProfile.jsx     |   6 +-
 frontend/src/Components/Hero.jsx              | 132 +++---
 frontend/src/Components/Navbar/Navbar.jsx     | 247 ++++++------
 .../src/Components/auth/EmailVerification.jsx | 113 +++---
 .../src/Components/auth/ForgotPassword.jsx    |  18 +-
 frontend/src/Components/auth/Login.jsx        |  59 ++-
 .../src/Components/auth/ProtectedRoute.jsx    |  30 +-
 frontend/src/Components/auth/Register.jsx     |  78 ++--
 .../src/Components/auth/ResetPassword.jsx     |  18 +-
 frontend/src/Components/contact.jsx           |  49 ++-
 .../Components/feedback/FeedbackButton.jsx    |   4 +-
 .../feedback/FeedbackController.jsx           | 109 ++---
 .../src/Components/feedback/FeedbackPopup.jsx |  67 +++-
 .../feedback/FeedbackReviewPage.jsx           | 127 +++---
 .../feedback/GuestFeedbackController.jsx      |  30 +-
 frontend/src/Components/footer.jsx            | 141 +++++--
 frontend/src/Components/profile/Profile.jsx   |  18 +-
 frontend/src/Components/ui/Card.jsx           |  73 ++--
 frontend/src/Components/ui/DarkModeToggle.jsx |   4 +-
 frontend/src/Components/ui/Loader.tsx         |   2 +-
 .../src/Components/ui/ScrollRevealWrapper.jsx |   6 +-
 frontend/src/Components/ui/StarRating.tsx     |   6 +-
 frontend/src/Components/ui/alert.jsx          |  42 +-
 .../Components/ui/animated-gradient-text.jsx  |  19 +-
 frontend/src/Components/ui/avatar.jsx         |  39 +-
 frontend/src/Components/ui/badge.jsx          |  24 +-
 frontend/src/Components/ui/button.jsx         |  25 +-
 frontend/src/Components/ui/button.tsx         |  10 +-
 frontend/src/Components/ui/checkbox.tsx       |   8 +-
 frontend/src/Components/ui/dialog.tsx         |  12 +-
 frontend/src/Components/ui/dropdown-menu.jsx  | 165 ++++----
 .../src/Components/ui/floating-navbar.tsx     |  12 +-
 frontend/src/Components/ui/hover-card.jsx     |  25 +-
 frontend/src/Components/ui/input.jsx          |  18 +-
 frontend/src/Components/ui/label.jsx          |  12 +-
 frontend/src/Components/ui/scroll-area.jsx    |  37 +-
 .../src/Components/ui/scroll-progress.jsx     |  15 +-
 frontend/src/Components/ui/select.tsx         |  20 +-
 frontend/src/Components/ui/sheet.jsx          |  83 ++--
 frontend/src/Components/ui/tabs.jsx           |  44 +-
 frontend/src/Components/ui/textarea.tsx       |   4 +-
 frontend/src/Components/ui/tooltip.jsx        |  44 +-
 frontend/src/context/FeedbackContext.jsx      |  18 +-
 frontend/src/context/TimerContext.jsx         |  23 +-
 frontend/src/index.css                        |  20 +-
 frontend/src/lib/utils.js                     |   6 +-
 frontend/src/main.jsx                         |   8 +-
 frontend/vercel.json                          |   7 +-
 115 files changed, 3014 insertions(+), 2234 deletions(-)

diff --git a/.github/scripts/check-duplicates.js b/.github/scripts/check-duplicates.js
index 9683379..3ad0bf0 100644
--- a/.github/scripts/check-duplicates.js
+++ b/.github/scripts/check-duplicates.js
@@ -7,7 +7,7 @@ const OWNER = process.env.GITHUB_REPOSITORY.split("/")[0];
 const REPO = process.env.GITHUB_REPOSITORY.split("/")[1];
 const ISSUE_NUMBER = Number(process.env.ISSUE_NUMBER);
 const SIMILARITY_THRESHOLD = parseFloat(
-  process.env.SIMILARITY_THRESHOLD || "0.5"
+  process.env.SIMILARITY_THRESHOLD || "0.5",
 );
 
 // Initialize Pinecone client
@@ -26,7 +26,7 @@ async function retryApiCall(apiCall, maxRetries = 3, delay = 1000) {
       if (i === maxRetries - 1) throw error;
       if (error.status === 429 || error.status >= 500) {
         console.log(
-          `API call failed (attempt ${i + 1}), retrying in ${delay}ms...`
+          `API call failed (attempt ${i + 1}), retrying in ${delay}ms...`,
         );
         await new Promise((resolve) => setTimeout(resolve, delay));
         delay *= 2;
@@ -113,7 +113,7 @@ async function run() {
             model: "models/text-embedding-004",
             content: { parts: [{ text: text }] },
           }),
-        }
+        },
       );
       const data = await response.json();
 
@@ -162,7 +162,7 @@ async function run() {
         }
       } else {
         console.log(
-          "   🔄 Filter query returned no results, trying list approach..."
+          "   🔄 Filter query returned no results, trying list approach...",
         );
         let paginationToken = null;
 
@@ -179,7 +179,7 @@ async function run() {
               if (vector.metadata?.issue_number === ISSUE_NUMBER) {
                 existingVectorIds.push(vector.id);
                 console.log(
-                  `   📌 Found existing vector via list: ${vector.id}`
+                  `   📌 Found existing vector via list: ${vector.id}`,
                 );
               }
             }
@@ -193,12 +193,12 @@ async function run() {
       console.log(
         `Issue exists in DB: ${isEditingExistingIssue ? "YES" : "NO"} (${
           existingVectorIds.length
-        } vectors found)`
+        } vectors found)`,
       );
     }, "Could not check for existing issue vectors in the database.");
   } catch (error) {
     console.error(
-      "Vector database check failed, continuing with basic processing..."
+      "Vector database check failed, continuing with basic processing...",
     );
   }
 
@@ -220,11 +220,11 @@ async function run() {
       console.log(`Found ${results.length} potential matches`);
 
       filteredResults = results.filter(
-        (r) => r.metadata?.issue_number !== ISSUE_NUMBER
+        (r) => r.metadata?.issue_number !== ISSUE_NUMBER,
       );
 
       console.log(
-        `After filtering out current issue: ${filteredResults.length} matches`
+        `After filtering out current issue: ${filteredResults.length} matches`,
       );
 
       // Get all potential duplicates above 0.55 threshold for 3-tier system
@@ -238,7 +238,7 @@ async function run() {
         .sort((a, b) => b.similarity - a.similarity); // Sort by highest similarity first
 
       console.log(
-        `Found ${duplicates.length} potential matches above 0.55 similarity threshold`
+        `Found ${duplicates.length} potential matches above 0.55 similarity threshold`,
       );
 
       filteredResults.forEach((result, index) => {
@@ -246,11 +246,11 @@ async function run() {
         let category = "✅ Below threshold";
         if (score >= 0.85) category = "🚨 HIGH DUPLICATE";
         else if (score >= 0.55) category = "🤔 POTENTIALLY RELATED";
-        
+
         console.log(
           `  ${index + 1}. Issue #${
             result.metadata?.issue_number || "Unknown"
-          } - Score: ${score.toFixed(4)} ${category}`
+          } - Score: ${score.toFixed(4)} ${category}`,
         );
         console.log(`     Title: "${result.metadata?.title || "No title"}"`);
       });
@@ -266,18 +266,22 @@ async function run() {
   let duplicateAction = "none";
 
   // Categorize duplicates by similarity score
-  const highSimilarityDuplicates = duplicates.filter(d => d.similarity >= 0.85);
-  const mediumSimilarityDuplicates = duplicates.filter(d => d.similarity >= 0.55 && d.similarity < 0.85);
-  
+  const highSimilarityDuplicates = duplicates.filter(
+    (d) => d.similarity >= 0.85,
+  );
+  const mediumSimilarityDuplicates = duplicates.filter(
+    (d) => d.similarity >= 0.55 && d.similarity < 0.85,
+  );
+
   if (highSimilarityDuplicates.length > 0) {
     // TIER 1: High similarity (>= 0.85) - Auto-close as duplicate
     duplicateAction = "auto-close";
     shouldUpdateVector = false;
     shouldAutoClose = !isEditingExistingIssue;
-    
+
     const topMatch = highSimilarityDuplicates[0];
     const similarityPercent = (topMatch.similarity * 100).toFixed(1);
-    
+
     if (isEditingExistingIssue) {
       commentBody = `🚨 **Warning: Edited Issue Now Appears as Duplicate** 🚨\n\n`;
       commentBody += `After your recent edit, this issue appears to be a duplicate of:\n\n`;
@@ -293,17 +297,18 @@ async function run() {
       commentBody += `Please continue the discussion in the original issue above. If your problem is different, please open a new issue with more specific details.\n\n`;
     }
 
-    console.log(`🚨 HIGH SIMILARITY DUPLICATE detected! Similarity: ${similarityPercent}% with issue #${topMatch.number}`);
-    
+    console.log(
+      `🚨 HIGH SIMILARITY DUPLICATE detected! Similarity: ${similarityPercent}% with issue #${topMatch.number}`,
+    );
   } else if (mediumSimilarityDuplicates.length > 0) {
     // TIER 2: Medium similarity (0.55-0.84) - Flag as potentially related
     duplicateAction = "flag-related";
     shouldUpdateVector = true; // Still add to vector DB for unique issues
     shouldAutoClose = false;
-    
+
     const topMatch = mediumSimilarityDuplicates[0];
     const similarityPercent = (topMatch.similarity * 100).toFixed(1);
-    
+
     if (isEditingExistingIssue) {
       commentBody = `🤔 **Potentially Related Issue After Edit** 🤔\n\n`;
       commentBody += `After your recent edit, this issue seems related to:\n\n`;
@@ -311,13 +316,14 @@ async function run() {
       commentBody = `🤔 **Potentially Related Issue Found** 🤔\n\n`;
       commentBody += `This issue seems related to:\n\n`;
     }
-    
+
     commentBody += `- Issue #${topMatch.number}: "${topMatch.title}" (${similarityPercent}% similar)\n`;
     commentBody += `  Link: https://github.com/${OWNER}/${REPO}/issues/${topMatch.number}\n\n`;
     commentBody += `This issue is not identical but may be related. A maintainer will review to determine if they should be linked or if this is indeed a separate issue.\n\n`;
-    
-    console.log(`🤔 POTENTIALLY RELATED issue detected! Similarity: ${similarityPercent}% with issue #${topMatch.number}`);
-    
+
+    console.log(
+      `🤔 POTENTIALLY RELATED issue detected! Similarity: ${similarityPercent}% with issue #${topMatch.number}`,
+    );
   } else {
     // TIER 3: Low similarity (< 0.55) - Treat as unique
     duplicateAction = "unique";
@@ -333,7 +339,9 @@ async function run() {
       commentBody += `Your contribution helps make this project better. We appreciate you taking the time to report this! 🙏\n\n`;
     }
 
-    console.log(`✅ UNIQUE issue confirmed. No similar issues found above 0.55 threshold.`);
+    console.log(
+      `✅ UNIQUE issue confirmed. No similar issues found above 0.55 threshold.`,
+    );
   }
 
   commentBody += `*This comment was generated automatically by Seroski-DupBot 🤖*\n\nCheck out the developer: [Portfolio](https://portfolio.rosk.dev)`;
@@ -358,35 +366,39 @@ async function run() {
   if (shouldAutoClose && duplicateAction === "auto-close") {
     try {
       console.log(`🔄 Auto-closing issue #${ISSUE_NUMBER} as duplicate...`);
-      
+
       // First add the duplicate label
       await retryApiCall(async () => {
         return await octokit.issues.addLabels({
           owner: OWNER,
           repo: REPO,
           issue_number: ISSUE_NUMBER,
-          labels: ['duplicate']
+          labels: ["duplicate"],
         });
       });
-      
+
       console.log(`🏷️  Added 'duplicate' label to issue #${ISSUE_NUMBER}`);
-      
+
       // Then close the issue with 'not_planned' state reason
       await retryApiCall(async () => {
         return await octokit.issues.update({
           owner: OWNER,
           repo: REPO,
           issue_number: ISSUE_NUMBER,
-          state: 'closed',
-          state_reason: 'duplicate'
+          state: "closed",
+          state_reason: "duplicate",
         });
       });
-      
-      console.log(`🔒 Issue #${ISSUE_NUMBER} has been auto-closed as duplicate`);
-      
+
+      console.log(
+        `🔒 Issue #${ISSUE_NUMBER} has been auto-closed as duplicate`,
+      );
     } catch (error) {
-      console.error(`❌ Failed to auto-close issue #${ISSUE_NUMBER}:`, error.message);
-      
+      console.error(
+        `❌ Failed to auto-close issue #${ISSUE_NUMBER}:`,
+        error.message,
+      );
+
       // Post error comment if automatic closure fails
       try {
         await retryApiCall(async () => {
@@ -394,17 +406,23 @@ async function run() {
             owner: OWNER,
             repo: REPO,
             issue_number: ISSUE_NUMBER,
-            body: `⚠️ **Auto-close Failed** ⚠️\n\nThis issue was detected as a high-confidence duplicate but could not be automatically closed. A maintainer will review this manually.\n\n*Error: ${error.message}*`
+            body: `⚠️ **Auto-close Failed** ⚠️\n\nThis issue was detected as a high-confidence duplicate but could not be automatically closed. A maintainer will review this manually.\n\n*Error: ${error.message}*`,
           });
         });
       } catch (commentError) {
-        console.error(`❌ Failed to post error comment: ${commentError.message}`);
+        console.error(
+          `❌ Failed to post error comment: ${commentError.message}`,
+        );
       }
     }
   } else if (duplicateAction === "flag-related") {
-    console.log(`🤔 Issue #${ISSUE_NUMBER} flagged as potentially related - no auto-action taken`);
+    console.log(
+      `🤔 Issue #${ISSUE_NUMBER} flagged as potentially related - no auto-action taken`,
+    );
   } else if (duplicateAction === "unique") {
-    console.log(`✅ Issue #${ISSUE_NUMBER} confirmed as unique - will process normally`);
+    console.log(
+      `✅ Issue #${ISSUE_NUMBER} confirmed as unique - will process normally`,
+    );
   }
 
   // Continue with vector database updates only for unique issues
@@ -417,7 +435,7 @@ async function run() {
           if (existingVectorIds.length > 0) {
             await index.deleteMany(existingVectorIds);
             console.log(
-              `🗑️  Deleted ${existingVectorIds.length} old vector(s)`
+              `🗑️  Deleted ${existingVectorIds.length} old vector(s)`,
             );
           }
 
@@ -438,7 +456,7 @@ async function run() {
           ]);
 
           console.log(
-            "✅ Updated issue embedding in Pinecone with new content."
+            "✅ Updated issue embedding in Pinecone with new content.",
           );
         } else {
           console.log("Adding new issue embedding to Pinecone...");
@@ -459,27 +477,33 @@ async function run() {
           ]);
 
           console.log(
-            "✅ New issue embedding stored in Pinecone for future duplicate detection."
+            "✅ New issue embedding stored in Pinecone for future duplicate detection.",
           );
         }
       }, "Could not update the vector database.");
     } catch (error) {
       console.error(
-        "Failed to update vector database, but issue processing completed."
+        "Failed to update vector database, but issue processing completed.",
       );
     }
   } else {
     if (duplicateAction === "auto-close") {
-      console.log("⏭️  Skipped adding to Pinecone due to high-confidence duplicate detection and auto-closure.");
+      console.log(
+        "⏭️  Skipped adding to Pinecone due to high-confidence duplicate detection and auto-closure.",
+      );
     } else if (duplicateAction === "flag-related") {
-      console.log("✅ Added to Pinecone despite potential relation - issue treated as separate.");
+      console.log(
+        "✅ Added to Pinecone despite potential relation - issue treated as separate.",
+      );
     } else if (isEditingExistingIssue) {
-      console.log("⚠️  Keeping existing vectors unchanged due to similarity detected after edit.");
+      console.log(
+        "⚠️  Keeping existing vectors unchanged due to similarity detected after edit.",
+      );
     }
   }
 
   console.log(
-    `\n=== Duplicate check completed for issue #${ISSUE_NUMBER} ===\n`
+    `\n=== Duplicate check completed for issue #${ISSUE_NUMBER} ===\n`,
   );
 }
 
diff --git a/.github/scripts/cleanup-closed-issue.js b/.github/scripts/cleanup-closed-issue.js
index 6f378a8..fc044cd 100644
--- a/.github/scripts/cleanup-closed-issue.js
+++ b/.github/scripts/cleanup-closed-issue.js
@@ -24,7 +24,7 @@ async function retryApiCall(apiCall, maxRetries = 3, delay = 1000) {
       if (i === maxRetries - 1) throw error;
       if (error.status === 429 || error.status >= 500) {
         console.log(
-          `API call failed (attempt ${i + 1}), retrying in ${delay}ms...`
+          `API call failed (attempt ${i + 1}), retrying in ${delay}ms...`,
         );
         await new Promise((resolve) => setTimeout(resolve, delay));
         delay *= 2; // Exponential backoff
@@ -37,21 +37,21 @@ async function retryApiCall(apiCall, maxRetries = 3, delay = 1000) {
 
 async function cleanupClosedIssue() {
   console.log(
-    `\n=== Cleaning up closed issue #${ISSUE_NUMBER} from vector database ===`
+    `\n=== Cleaning up closed issue #${ISSUE_NUMBER} from vector database ===`,
   );
   console.log(`Repository: ${OWNER}/${REPO}`);
   console.log(`Pinecone Index: ${indexName}`);
 
   if (!OWNER || !REPO) {
     console.error(
-      "❌ Repository owner and name must be specified via GITHUB_REPOSITORY or GITHUB_OWNER/GITHUB_REPO environment variables"
+      "❌ Repository owner and name must be specified via GITHUB_REPOSITORY or GITHUB_OWNER/GITHUB_REPO environment variables",
     );
     process.exit(1);
   }
 
   if (!ISSUE_NUMBER) {
     console.error(
-      "❌ Issue number must be specified via ISSUE_NUMBER environment variable"
+      "❌ Issue number must be specified via ISSUE_NUMBER environment variable",
     );
     process.exit(1);
   }
@@ -83,7 +83,7 @@ async function cleanupClosedIssue() {
 
     // Query Pinecone to find vectors for this issue with retry logic
     console.log(
-      `🔍 Searching for vectors related to issue #${ISSUE_NUMBER}...`
+      `🔍 Searching for vectors related to issue #${ISSUE_NUMBER}...`,
     );
 
     const vectorsToDelete = [];
@@ -110,7 +110,7 @@ async function cleanupClosedIssue() {
         } else {
           // Fallback to listing all vectors (paginated approach)
           console.log(
-            "   🔄 Filter query returned no results, trying list approach..."
+            "   🔄 Filter query returned no results, trying list approach...",
           );
           let paginationToken = null;
 
@@ -138,7 +138,7 @@ async function cleanupClosedIssue() {
     } catch (error) {
       console.error(
         "❌ Failed to search vectors from Pinecone:",
-        error.message
+        error.message,
       );
       throw error;
     }
@@ -147,7 +147,7 @@ async function cleanupClosedIssue() {
 
     if (vectorsToDelete.length === 0) {
       console.log(
-        `ℹ️  No vectors found for issue #${ISSUE_NUMBER}. It may have been a duplicate issue that was never added to the vector database.`
+        `ℹ️  No vectors found for issue #${ISSUE_NUMBER}. It may have been a duplicate issue that was never added to the vector database.`,
       );
 
       // Still post a cleanup confirmation comment with retry logic
@@ -171,7 +171,7 @@ async function cleanupClosedIssue() {
 
     // Delete the vectors from Pinecone with retry logic
     console.log(
-      `🗑️  Deleting ${vectorsToDelete.length} vector(s) from Pinecone...`
+      `🗑️  Deleting ${vectorsToDelete.length} vector(s) from Pinecone...`,
     );
 
     try {
@@ -179,7 +179,7 @@ async function cleanupClosedIssue() {
         return await index.deleteMany(vectorsToDelete);
       });
       console.log(
-        `✅ Successfully deleted ${vectorsToDelete.length} vector(s) from Pinecone`
+        `✅ Successfully deleted ${vectorsToDelete.length} vector(s) from Pinecone`,
       );
     } catch (deleteError) {
       console.error(`❌ Error deleting vectors:`, deleteError.message);
diff --git a/.github/scripts/cleanup-duplicates.js b/.github/scripts/cleanup-duplicates.js
index 8fc085b..fd9f580 100644
--- a/.github/scripts/cleanup-duplicates.js
+++ b/.github/scripts/cleanup-duplicates.js
@@ -12,7 +12,7 @@ const indexName = process.env.PINECONE_INDEX;
 
 // Add delay to respect API rate limits
 function delay(ms) {
-  return new Promise(resolve => setTimeout(resolve, ms));
+  return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
 async function cleanupDuplicates() {
@@ -29,7 +29,7 @@ async function cleanupDuplicates() {
       vector: Array(1024).fill(0.1),
       topK: 1000, // Should be enough for all vectors
       includeMetadata: true,
-      includeValues: false
+      includeValues: false,
     });
 
     if (!allVectors.matches || allVectors.matches.length === 0) {
@@ -41,7 +41,7 @@ async function cleanupDuplicates() {
 
     // Group vectors by issue number
     const vectorsByIssue = new Map();
-    
+
     for (const vector of allVectors.matches) {
       const issueNumber = vector.metadata?.issue_number;
       if (issueNumber) {
@@ -60,30 +60,32 @@ async function cleanupDuplicates() {
 
     for (const [issueNumber, vectors] of vectorsByIssue) {
       console.log(`\n📋 Issue #${issueNumber}: ${vectors.length} vector(s)`);
-      
+
       if (vectors.length === 1) {
         console.log(`  ✅ No duplicates for issue #${issueNumber}`);
         vectorsToKeep.push(vectors[0]);
       } else {
-        console.log(`  🔍 Found ${vectors.length} vectors, selecting which to keep...`);
-        
+        console.log(
+          `  🔍 Found ${vectors.length} vectors, selecting which to keep...`,
+        );
+
         // Sort vectors: prefer non-timestamped IDs (clean format)
         vectors.sort((a, b) => {
           const aHasTimestamp = /-\d{13}/.test(a.id);
           const bHasTimestamp = /-\d{13}/.test(b.id);
-          
+
           if (!aHasTimestamp && bHasTimestamp) return -1; // a comes first (keep a)
-          if (aHasTimestamp && !bHasTimestamp) return 1;  // b comes first (keep b)
+          if (aHasTimestamp && !bHasTimestamp) return 1; // b comes first (keep b)
           return a.id.localeCompare(b.id); // alphabetical if both same type
         });
-        
+
         const toKeep = vectors[0];
         const toDelete = vectors.slice(1);
-        
+
         console.log(`    ✅ Keeping: ${toKeep.id}`);
         vectorsToKeep.push(toKeep);
-        
-        toDelete.forEach(v => {
+
+        toDelete.forEach((v) => {
           console.log(`    🗑️  Deleting: ${v.id}`);
           vectorsToDelete.push(v.id);
         });
@@ -100,10 +102,12 @@ async function cleanupDuplicates() {
     }
 
     // Confirm before deletion
-    console.log(`\n⚠️  About to delete ${vectorsToDelete.length} duplicate vectors.`);
+    console.log(
+      `\n⚠️  About to delete ${vectorsToDelete.length} duplicate vectors.`,
+    );
     console.log("🔍 Vectors to delete:");
-    vectorsToDelete.forEach(id => console.log(`  - ${id}`));
-    
+    vectorsToDelete.forEach((id) => console.log(`  - ${id}`));
+
     // Delete in batches
     console.log("\n🧹 Starting cleanup...");
     const batchSize = 100; // Pinecone delete limit
@@ -111,38 +115,45 @@ async function cleanupDuplicates() {
 
     for (let i = 0; i < vectorsToDelete.length; i += batchSize) {
       const batch = vectorsToDelete.slice(i, i + batchSize);
-      
+
       try {
         await index.deleteMany(batch);
         deleted += batch.length;
-        console.log(`  🗑️  Deleted batch: ${batch.length} vectors (total: ${deleted}/${vectorsToDelete.length})`);
-        
+        console.log(
+          `  🗑️  Deleted batch: ${batch.length} vectors (total: ${deleted}/${vectorsToDelete.length})`,
+        );
+
         // Add delay between batches
         await delay(1000);
       } catch (error) {
         console.error(`  ❌ Failed to delete batch:`, error.message);
-        console.error(`     Batch IDs: ${batch.join(', ')}`);
+        console.error(`     Batch IDs: ${batch.join(", ")}`);
       }
     }
 
     console.log(`\n🎉 Cleanup completed!`);
-    console.log(`✅ Deleted: ${deleted}/${vectorsToDelete.length} duplicate vectors`);
-    console.log(`📊 Remaining vectors: ${vectorsToKeep.length} (one per issue)`);
-    
+    console.log(
+      `✅ Deleted: ${deleted}/${vectorsToDelete.length} duplicate vectors`,
+    );
+    console.log(
+      `📊 Remaining vectors: ${vectorsToKeep.length} (one per issue)`,
+    );
+
     // Verify cleanup
     console.log("\n🔍 Verifying cleanup...");
     await delay(2000); // Wait for Pinecone to sync
-    
+
     const finalStats = await index.describeIndexStats();
     const finalCount = finalStats.totalRecordCount || 0;
     console.log(`📊 Final vector count: ${finalCount}`);
-    
+
     if (finalCount === vectorsToKeep.length) {
       console.log("✅ Cleanup verification successful!");
     } else {
-      console.log(`⚠️  Expected ${vectorsToKeep.length} vectors, but found ${finalCount}`);
+      console.log(
+        `⚠️  Expected ${vectorsToKeep.length} vectors, but found ${finalCount}`,
+      );
     }
-
   } catch (error) {
     console.error("❌ Error during cleanup:", error);
     process.exit(1);
@@ -151,7 +162,7 @@ async function cleanupDuplicates() {
 
 // Handle command line arguments
 const args = process.argv.slice(2);
-if (args.includes('--help') || args.includes('-h')) {
+if (args.includes("--help") || args.includes("-h")) {
   console.log(`
 📖 Usage: node scripts/cleanup-duplicates.js
 
@@ -171,7 +182,7 @@ if (args.includes('--help') || args.includes('-h')) {
 }
 
 // Confirmation prompt for safety
-if (!args.includes('--force')) {
+if (!args.includes("--force")) {
   console.log(`
 ⚠️  WARNING: This script will delete duplicate vectors from your Pinecone index!
 
@@ -189,7 +200,7 @@ To see help: node scripts/cleanup-duplicates.js --help
 }
 
 // Run the cleanup
-cleanupDuplicates().catch(error => {
+cleanupDuplicates().catch((error) => {
   console.error("💥 Script failed:", error);
   process.exit(1);
-});
\ No newline at end of file
+});
diff --git a/.github/scripts/cleanup-specific-issue.js b/.github/scripts/cleanup-specific-issue.js
index 44b1ef3..1ea1c22 100644
--- a/.github/scripts/cleanup-specific-issue.js
+++ b/.github/scripts/cleanup-specific-issue.js
@@ -17,7 +17,9 @@ async function deleteIssueVectors() {
 
   if (!ISSUE_TO_DELETE) {
     console.error("❌ Please provide an issue number:");
-    console.error("   Usage: ISSUE_NUMBER=6 node scripts/cleanup-specific-issue.js");
+    console.error(
+      "   Usage: ISSUE_NUMBER=6 node scripts/cleanup-specific-issue.js",
+    );
     console.error("   Or:    node scripts/cleanup-specific-issue.js 6");
     process.exit(1);
   }
@@ -27,10 +29,12 @@ async function deleteIssueVectors() {
     console.log("✅ Connected to Pinecone index");
 
     // Find all vectors for this issue
-    console.log(`🔍 Searching for vectors related to issue #${ISSUE_TO_DELETE}...`);
-    
+    console.log(
+      `🔍 Searching for vectors related to issue #${ISSUE_TO_DELETE}...`,
+    );
+
     const vectorsToDelete = [];
-    
+
     try {
       // First, try using metadata filter
       const queryResponse = await index.query({
@@ -39,40 +43,48 @@ async function deleteIssueVectors() {
         includeValues: false,
         includeMetadata: true,
         filter: {
-          issue_number: parseInt(ISSUE_TO_DELETE)
-        }
+          issue_number: parseInt(ISSUE_TO_DELETE),
+        },
       });
 
       if (queryResponse.matches && queryResponse.matches.length > 0) {
         for (const match of queryResponse.matches) {
           vectorsToDelete.push(match.id);
           console.log(`   📌 Found vector via filter: ${match.id}`);
-          console.log(`      Metadata:`, JSON.stringify(match.metadata, null, 2));
+          console.log(
+            `      Metadata:`,
+            JSON.stringify(match.metadata, null, 2),
+          );
         }
       } else {
-        console.log("   🔄 Filter query returned no results, trying list approach...");
-        
+        console.log(
+          "   🔄 Filter query returned no results, trying list approach...",
+        );
+
         // Fallback: List all vectors and filter
         let paginationToken = null;
-        
+
         do {
           const listOptions = { limit: 100 };
           if (paginationToken) {
             listOptions.paginationToken = paginationToken;
           }
-          
+
           const listResponse = await index.listPaginated(listOptions);
-          
+
           if (listResponse.vectors) {
             for (const vector of listResponse.vectors) {
               if (vector.metadata?.issue_number === parseInt(ISSUE_TO_DELETE)) {
                 vectorsToDelete.push(vector.id);
                 console.log(`   📌 Found vector via list: ${vector.id}`);
-                console.log(`      Metadata:`, JSON.stringify(vector.metadata, null, 2));
+                console.log(
+                  `      Metadata:`,
+                  JSON.stringify(vector.metadata, null, 2),
+                );
               }
             }
           }
-          
+
           paginationToken = listResponse.pagination?.next;
         } while (paginationToken);
       }
@@ -81,10 +93,14 @@ async function deleteIssueVectors() {
       throw searchError;
     }
 
-    console.log(`\nFound ${vectorsToDelete.length} vector(s) to delete for Issue #${ISSUE_TO_DELETE}`);
+    console.log(
+      `\nFound ${vectorsToDelete.length} vector(s) to delete for Issue #${ISSUE_TO_DELETE}`,
+    );
 
     if (vectorsToDelete.length === 0) {
-      console.log(`ℹ️  No vectors found for Issue #${ISSUE_TO_DELETE}. Nothing to delete.`);
+      console.log(
+        `ℹ️  No vectors found for Issue #${ISSUE_TO_DELETE}. Nothing to delete.`,
+      );
       return;
     }
 
@@ -96,23 +112,28 @@ async function deleteIssueVectors() {
 
     // Confirm deletion
     console.log(`\n⚠️  This action cannot be undone!`);
-    
+
     // Delete the vectors
     console.log(`\n🗑️  Deleting ${vectorsToDelete.length} vector(s)...`);
-    
+
     try {
       await index.deleteMany(vectorsToDelete);
-      console.log(`✅ Successfully deleted ${vectorsToDelete.length} vector(s) for Issue #${ISSUE_TO_DELETE}`);
+      console.log(
+        `✅ Successfully deleted ${vectorsToDelete.length} vector(s) for Issue #${ISSUE_TO_DELETE}`,
+      );
     } catch (deleteError) {
       console.error(`❌ Error deleting vectors:`, deleteError.message);
       throw deleteError;
     }
 
     console.log(`\n=== Cleanup Summary ===`);
-    console.log(`📊 Issue #${ISSUE_TO_DELETE} vectors deleted: ${vectorsToDelete.length}`);
+    console.log(
+      `📊 Issue #${ISSUE_TO_DELETE} vectors deleted: ${vectorsToDelete.length}`,
+    );
     console.log(`✅ Database cleanup completed successfully`);
-    console.log(`\n🎯 You can now edit Issue #${ISSUE_TO_DELETE} to test the update functionality!`);
-
+    console.log(
+      `\n🎯 You can now edit Issue #${ISSUE_TO_DELETE} to test the update functionality!`,
+    );
   } catch (error) {
     console.error("❌ Error during cleanup:", error);
     process.exit(1);
@@ -121,7 +142,7 @@ async function deleteIssueVectors() {
 
 // Handle command line arguments
 const args = process.argv.slice(2);
-if (args.includes('--help') || args.includes('-h')) {
+if (args.includes("--help") || args.includes("-h")) {
   console.log(`
 📖 Usage: 
   ISSUE_NUMBER=6 node scripts/cleanup-specific-issue.js
@@ -142,7 +163,7 @@ if (args.includes('--help') || args.includes('-h')) {
 }
 
 // Run the cleanup script
-deleteIssueVectors().catch(error => {
+deleteIssueVectors().catch((error) => {
   console.error("💥 Cleanup script failed:", error);
   process.exit(1);
-});
\ No newline at end of file
+});
diff --git a/.github/scripts/clear-all-vectors.js b/.github/scripts/clear-all-vectors.js
index 52d2db4..ebb8889 100644
--- a/.github/scripts/clear-all-vectors.js
+++ b/.github/scripts/clear-all-vectors.js
@@ -12,7 +12,7 @@ const indexName = process.env.PINECONE_INDEX;
 
 // Add delay to respect API rate limits
 function delay(ms) {
-  return new Promise(resolve => setTimeout(resolve, ms));
+  return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
 async function clearAllVectors() {
@@ -28,7 +28,7 @@ async function clearAllVectors() {
     console.log("📊 Getting current index statistics...");
     const initialStats = await index.describeIndexStats();
     const totalVectors = initialStats.totalRecordCount || 0;
-    
+
     console.log(`📋 Current state:`);
     console.log(`  - Total vectors: ${totalVectors}`);
     console.log(`  - Index dimension: ${initialStats.dimension}`);
@@ -48,70 +48,78 @@ async function clearAllVectors() {
       console.log("\n🧹 Attempting to clear entire namespace...");
       await index.deleteAll();
       console.log("✅ Successfully cleared entire namespace");
-      
+
       // Wait for operation to complete
       await delay(5000);
-      
     } catch (deleteAllError) {
       console.log("⚠️  deleteAll() failed, trying alternative method...");
       console.error("Error:", deleteAllError.message);
-      
+
       // Method 2: Get all vectors and delete them in batches
       console.log("🔍 Fetching all vectors for batch deletion...");
-      
+
       const allVectors = await index.query({
         vector: Array(1024).fill(0.1),
         topK: 10000, // Max limit
         includeMetadata: false,
-        includeValues: false
+        includeValues: false,
       });
 
       if (allVectors.matches && allVectors.matches.length > 0) {
         console.log(`📋 Found ${allVectors.matches.length} vectors to delete`);
-        
+
         // Delete in batches
         const batchSize = 1000;
         let deleted = 0;
-        
+
         for (let i = 0; i < allVectors.matches.length; i += batchSize) {
           const batch = allVectors.matches.slice(i, i + batchSize);
-          const batchIds = batch.map(v => v.id);
-          
+          const batchIds = batch.map((v) => v.id);
+
           try {
             await index.deleteMany(batchIds);
             deleted += batch.length;
-            console.log(`  🗑️  Deleted batch: ${batch.length} vectors (total: ${deleted}/${allVectors.matches.length})`);
-            
+            console.log(
+              `  🗑️  Deleted batch: ${batch.length} vectors (total: ${deleted}/${allVectors.matches.length})`,
+            );
+
             await delay(1000);
           } catch (batchError) {
             console.error(`  ❌ Failed to delete batch:`, batchError.message);
           }
         }
-        
-        console.log(`✅ Batch deletion completed: ${deleted}/${allVectors.matches.length} vectors`);
+
+        console.log(
+          `✅ Batch deletion completed: ${deleted}/${allVectors.matches.length} vectors`,
+        );
       }
     }
 
     // Verify the clearing
     console.log("\n🔍 Verifying index is cleared...");
     await delay(3000); // Wait for Pinecone to sync
-    
+
     const finalStats = await index.describeIndexStats();
     const remainingVectors = finalStats.totalRecordCount || 0;
-    
+
     console.log(`\n📊 Final Results:`);
     console.log(`  - Initial vectors: ${totalVectors}`);
     console.log(`  - Remaining vectors: ${remainingVectors}`);
     console.log(`  - Vectors cleared: ${totalVectors - remainingVectors}`);
-    
+
     if (remainingVectors === 0) {
       console.log("🎉 SUCCESS: All vectors have been cleared from the index!");
-      console.log("💡 You can now repopulate with fresh data using the populate script.");
+      console.log(
+        "💡 You can now repopulate with fresh data using the populate script.",
+      );
     } else {
-      console.log(`⚠️  WARNING: ${remainingVectors} vectors still remain in the index.`);
-      console.log("This might be due to Pinecone sync delays. Check again in a few minutes.");
+      console.log(
+        `⚠️  WARNING: ${remainingVectors} vectors still remain in the index.`,
+      );
+      console.log(
+        "This might be due to Pinecone sync delays. Check again in a few minutes.",
+      );
     }
-
   } catch (error) {
     console.error("❌ Error during clearing:", error);
     process.exit(1);
@@ -121,7 +129,7 @@ async function clearAllVectors() {
 // Handle command line arguments
 const args = process.argv.slice(2);
 
-if (args.includes('--help') || args.includes('-h')) {
+if (args.includes("--help") || args.includes("-h")) {
   console.log(`
 📖 Usage: node scripts/clear-all-vectors.js --force
 
@@ -143,7 +151,7 @@ if (args.includes('--help') || args.includes('-h')) {
 }
 
 // Safety check - require --force flag
-if (!args.includes('--force')) {
+if (!args.includes("--force")) {
   console.log(`
 🚨 DANGER: This script will delete ALL vectors from your Pinecone index!
 
@@ -187,11 +195,11 @@ setTimeout(() => {
     setTimeout(() => {
       console.log("1...");
       setTimeout(() => {
-        clearAllVectors().catch(error => {
+        clearAllVectors().catch((error) => {
           console.error("💥 Script failed:", error);
           process.exit(1);
         });
       }, 1000);
     }, 1000);
   }, 1000);
-}, 1000);
\ No newline at end of file
+}, 1000);
diff --git a/.github/scripts/debug-pinecone.js b/.github/scripts/debug-pinecone.js
index 9d13067..08b44c1 100644
--- a/.github/scripts/debug-pinecone.js
+++ b/.github/scripts/debug-pinecone.js
@@ -16,12 +16,12 @@ async function debugPinecone() {
 
   try {
     const index = pinecone.Index(indexName);
-    
+
     // Get index stats
     console.log("\n1. Index Statistics:");
     const stats = await index.describeIndexStats();
     console.log("Full stats object:", JSON.stringify(stats, null, 2));
-    
+
     // Try to query some vectors
     console.log("\n2. Sample Query (first 10 vectors):");
     try {
@@ -29,9 +29,9 @@ async function debugPinecone() {
         vector: Array(1024).fill(0.1),
         topK: 10,
         includeMetadata: true,
-        includeValues: false
+        includeValues: false,
       });
-      
+
       console.log(`Found ${queryResult.matches?.length || 0} vectors`);
       if (queryResult.matches && queryResult.matches.length > 0) {
         queryResult.matches.forEach((match, i) => {
@@ -44,28 +44,40 @@ async function debugPinecone() {
     } catch (queryError) {
       console.error("Query failed:", queryError.message);
     }
-    
+
     // Try specific fetch for known IDs
     console.log("\n3. Testing specific ID fetch:");
-    const testIds = ['issue-1', 'issue-3', 'issue-4', 'issue-5', 'issue-6', 'issue-7', 'issue-8'];
-    
+    const testIds = [
+      "issue-1",
+      "issue-3",
+      "issue-4",
+      "issue-5",
+      "issue-6",
+      "issue-7",
+      "issue-8",
+    ];
+
     try {
       const fetchResult = await index.fetch(testIds);
-      console.log(`Fetch result keys: ${Object.keys(fetchResult.vectors || {}).join(', ')}`);
-      
+      console.log(
+        `Fetch result keys: ${Object.keys(fetchResult.vectors || {}).join(", ")}`,
+      );
+
       if (fetchResult.vectors) {
         Object.entries(fetchResult.vectors).forEach(([id, vector]) => {
           console.log(`  Found: ${id}`);
           if (vector.metadata) {
             console.log(`    Issue #: ${vector.metadata.issue_number}`);
-            console.log(`    Title: ${vector.metadata.title?.substring(0, 50)}...`);
+            console.log(
+              `    Title: ${vector.metadata.title?.substring(0, 50)}...`,
+            );
           }
         });
       }
     } catch (fetchError) {
       console.error("Fetch failed:", fetchError.message);
     }
-    
+
     // Try with different ID patterns (in case they have timestamps)
     console.log("\n4. Checking for timestamped IDs:");
     try {
@@ -73,13 +85,15 @@ async function debugPinecone() {
         vector: Array(1024).fill(0.1),
         topK: 100,
         includeMetadata: true,
-        includeValues: false
+        includeValues: false,
       });
-      
+
       if (allQuery.matches && allQuery.matches.length > 0) {
         console.log("All vector IDs found:");
-        allQuery.matches.forEach(match => {
-          console.log(`  - ${match.id} (issue #${match.metadata?.issue_number || 'unknown'})`);
+        allQuery.matches.forEach((match) => {
+          console.log(
+            `  - ${match.id} (issue #${match.metadata?.issue_number || "unknown"})`,
+          );
         });
       } else {
         console.log("No vectors found in query");
@@ -87,10 +101,9 @@ async function debugPinecone() {
     } catch (allQueryError) {
       console.error("All query failed:", allQueryError.message);
     }
-    
   } catch (error) {
     console.error("Debug failed:", error);
   }
 }
 
-debugPinecone().catch(console.error);
\ No newline at end of file
+debugPinecone().catch(console.error);
diff --git a/.github/scripts/populate-existing-issues.js b/.github/scripts/populate-existing-issues.js
index 281a028..0457e65 100644
--- a/.github/scripts/populate-existing-issues.js
+++ b/.github/scripts/populate-existing-issues.js
@@ -7,8 +7,10 @@ import dotenv from "dotenv";
 dotenv.config();
 
 const octokit = new Octokit({ auth: process.env.GITHUB_TOKEN });
-const OWNER = process.env.GITHUB_REPOSITORY?.split("/")[0] || process.env.GITHUB_OWNER;
-const REPO = process.env.GITHUB_REPOSITORY?.split("/")[1] || process.env.GITHUB_REPO;
+const OWNER =
+  process.env.GITHUB_REPOSITORY?.split("/")[0] || process.env.GITHUB_OWNER;
+const REPO =
+  process.env.GITHUB_REPOSITORY?.split("/")[1] || process.env.GITHUB_REPO;
 
 // Initialize Pinecone client
 const pinecone = new Pinecone({
@@ -27,25 +29,25 @@ async function generateEmbedding(text) {
         headers: {
           "Content-Type": "application/json",
         },
-        body: JSON.stringify({ 
+        body: JSON.stringify({
           model: "models/text-embedding-004",
-          content: { parts: [{ text: text }] }
+          content: { parts: [{ text: text }] },
         }),
-      }
+      },
     );
-    
+
     const data = await response.json();
-    
+
     if (data.error) {
       console.error("Gemini API Error:", data.error);
       return Array(1024).fill(0.01);
     }
-    
+
     if (!data.embedding || !data.embedding.values) {
       console.error("Invalid embedding response:", data);
       return Array(1024).fill(0.01);
     }
-    
+
     // Pad or truncate to match Pinecone index dimension (1024)
     let embedding = data.embedding.values;
     if (embedding.length < 1024) {
@@ -53,7 +55,7 @@ async function generateEmbedding(text) {
     } else if (embedding.length > 1024) {
       embedding = embedding.slice(0, 1024);
     }
-    
+
     return embedding;
   } catch (error) {
     console.error("Error generating embedding:", error);
@@ -63,7 +65,7 @@ async function generateEmbedding(text) {
 
 // Add delay to respect API rate limits
 function delay(ms) {
-  return new Promise(resolve => setTimeout(resolve, ms));
+  return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
 async function populateExistingIssues() {
@@ -72,7 +74,9 @@ async function populateExistingIssues() {
   console.log(`Pinecone Index: ${indexName}`);
 
   if (!OWNER || !REPO) {
-    console.error("❌ Repository owner and name must be specified via GITHUB_REPOSITORY or GITHUB_OWNER/GITHUB_REPO environment variables");
+    console.error(
+      "❌ Repository owner and name must be specified via GITHUB_REPOSITORY or GITHUB_OWNER/GITHUB_REPO environment variables",
+    );
     process.exit(1);
   }
 
@@ -83,29 +87,29 @@ async function populateExistingIssues() {
 
     // Fetch all open issues from the repository
     console.log("📥 Fetching open issues from GitHub...");
-    
+
     let allIssues = [];
     let page = 1;
     const perPage = 100;
-    
+
     while (true) {
       const { data: issues } = await octokit.issues.listForRepo({
         owner: OWNER,
         repo: REPO,
-        state: 'open',
+        state: "open",
         per_page: perPage,
         page: page,
       });
-      
+
       if (issues.length === 0) break;
-      
+
       // Filter out pull requests (they show up in issues API)
-      const actualIssues = issues.filter(issue => !issue.pull_request);
+      const actualIssues = issues.filter((issue) => !issue.pull_request);
       allIssues = allIssues.concat(actualIssues);
-      
+
       console.log(`  📄 Fetched page ${page} - ${actualIssues.length} issues`);
       page++;
-      
+
       // Add delay to respect GitHub API rate limits
       await delay(1000);
     }
@@ -119,82 +123,94 @@ async function populateExistingIssues() {
 
     // Check if issues already exist in Pinecone to avoid duplicates
     console.log("🔍 Checking for existing issues in Pinecone...");
-    
+
     const existingIssueNumbers = new Set();
-    
+
     try {
       // Get index statistics first
       const stats = await index.describeIndexStats();
       const totalVectors = stats.totalRecordCount || 0;
       console.log(`  📊 Index contains ${totalVectors} total vectors`);
-      
+
       if (totalVectors === 0) {
         console.log("  ℹ️  Index is empty, all issues will be processed");
       } else {
         // Use multiple approaches to check for existing vectors
         console.log("  🔍 Checking for existing issue vectors...");
-        
+
         // Method 1: Try to query with a sample vector to get some existing vectors
         try {
           console.log("    🔍 Sampling existing vectors...");
           const sampleQuery = await index.query({
             vector: Array(1024).fill(0.1),
             topK: Math.min(100, totalVectors),
-            includeMetadata: true
+            includeMetadata: true,
           });
-          
+
           if (sampleQuery.matches && sampleQuery.matches.length > 0) {
-            console.log(`    📋 Found ${sampleQuery.matches.length} sample vectors`);
+            console.log(
+              `    📋 Found ${sampleQuery.matches.length} sample vectors`,
+            );
             for (const match of sampleQuery.matches) {
               if (match.metadata?.issue_number) {
                 existingIssueNumbers.add(match.metadata.issue_number);
-                console.log(`      ✓ Found existing issue #${match.metadata.issue_number}`);
+                console.log(
+                  `      ✓ Found existing issue #${match.metadata.issue_number}`,
+                );
               }
             }
           }
         } catch (sampleError) {
-          console.log("    ⚠️  Sample query failed, trying direct fetch approach");
+          console.log(
+            "    ⚠️  Sample query failed, trying direct fetch approach",
+          );
         }
-        
+
         // Method 2: Try to fetch vectors by their expected IDs
         console.log("    🔍 Checking by direct ID lookup...");
         for (let i = 0; i < allIssues.length; i += 10) {
           const batch = allIssues.slice(i, i + 10);
-          
+
           // Try to fetch vectors by their expected IDs
-          const vectorIds = batch.map(issue => `issue-${issue.number}`);
-          
+          const vectorIds = batch.map((issue) => `issue-${issue.number}`);
+
           try {
             const fetchResult = await index.fetch(vectorIds);
-            
+
             if (fetchResult.vectors) {
-              Object.keys(fetchResult.vectors).forEach(vectorId => {
+              Object.keys(fetchResult.vectors).forEach((vectorId) => {
                 const match = vectorId.match(/issue-(\d+)/);
                 if (match) {
                   const issueNum = parseInt(match[1]);
                   if (!existingIssueNumbers.has(issueNum)) {
                     existingIssueNumbers.add(issueNum);
-                    console.log(`      ✓ Found existing issue #${issueNum} by ID`);
+                    console.log(
+                      `      ✓ Found existing issue #${issueNum} by ID`,
+                    );
                   }
                 }
               });
             }
           } catch (fetchError) {
             // If fetch fails, try metadata filter queries for this batch
-            console.log(`      ⚠️  Fetch failed for batch, trying metadata queries...`);
+            console.log(
+              `      ⚠️  Fetch failed for batch, trying metadata queries...`,
+            );
             for (const issue of batch) {
               try {
                 const queryResult = await index.query({
                   vector: Array(1024).fill(0.1),
                   filter: { issue_number: { $eq: issue.number } },
                   topK: 1,
-                  includeMetadata: true
+                  includeMetadata: true,
                 });
-                
+
                 if (queryResult.matches && queryResult.matches.length > 0) {
                   if (!existingIssueNumbers.has(issue.number)) {
                     existingIssueNumbers.add(issue.number);
-                    console.log(`      ✓ Found existing issue #${issue.number} by query`);
+                    console.log(
+                      `      ✓ Found existing issue #${issue.number} by query`,
+                    );
                   }
                 }
               } catch (queryError) {
@@ -202,7 +218,7 @@ async function populateExistingIssues() {
               }
             }
           }
-          
+
           // Small delay between batches
           await delay(300);
         }
@@ -211,22 +227,34 @@ async function populateExistingIssues() {
       console.log("  ⚠️  Error checking existing issues:", error.message);
       console.log("  🔄 Will process all issues to be safe");
     }
-    
-    console.log(`Found ${existingIssueNumbers.size} existing issues in Pinecone`);
+
+    console.log(
+      `Found ${existingIssueNumbers.size} existing issues in Pinecone`,
+    );
 
     // Filter out issues that already exist in Pinecone
-    const newIssues = allIssues.filter(issue => !existingIssueNumbers.has(issue.number));
+    const newIssues = allIssues.filter(
+      (issue) => !existingIssueNumbers.has(issue.number),
+    );
     const skippedCount = allIssues.length - newIssues.length;
-    
+
     console.log(`📝 ${newIssues.length} new issues to process`);
-    console.log(`⏭️  ${skippedCount} issues skipped (already exist in Pinecone)`);
-    
+    console.log(
+      `⏭️  ${skippedCount} issues skipped (already exist in Pinecone)`,
+    );
+
     if (skippedCount > 0) {
-      console.log(`   Skipped issues: ${Array.from(existingIssueNumbers).sort((a, b) => a - b).join(', ')}`);
+      console.log(
+        `   Skipped issues: ${Array.from(existingIssueNumbers)
+          .sort((a, b) => a - b)
+          .join(", ")}`,
+      );
     }
 
     if (newIssues.length === 0) {
-      console.log("✅ All open issues are already in Pinecone. Nothing to add.");
+      console.log(
+        "✅ All open issues are already in Pinecone. Nothing to add.",
+      );
       return;
     }
 
@@ -238,20 +266,24 @@ async function populateExistingIssues() {
 
     for (let i = 0; i < newIssues.length; i += batchSize) {
       const batch = newIssues.slice(i, i + batchSize);
-      console.log(`\n📦 Processing batch ${Math.floor(i / batchSize) + 1}/${Math.ceil(newIssues.length / batchSize)}`);
+      console.log(
+        `\n📦 Processing batch ${Math.floor(i / batchSize) + 1}/${Math.ceil(newIssues.length / batchSize)}`,
+      );
 
       const vectors = [];
 
       for (const issue of batch) {
         try {
-          console.log(`  🔄 Processing issue #${issue.number}: "${issue.title.substring(0, 50)}..."`);
-          
+          console.log(
+            `  🔄 Processing issue #${issue.number}: "${issue.title.substring(0, 50)}..."`,
+          );
+
           // Combine title and body for embedding
           const issueText = `${issue.title} ${issue.body || ""}`;
-          
+
           // Generate embedding
           const embedding = await generateEmbedding(issueText);
-          
+
           // Prepare vector for Pinecone - use consistent ID format
           const vectorId = `issue-${issue.number}`;
           vectors.push({
@@ -265,19 +297,21 @@ async function populateExistingIssues() {
               updated_at: issue.updated_at,
               url: issue.html_url,
               state: issue.state,
-              labels: issue.labels?.map(label => label.name).join(', ') || '',
-              author: issue.user?.login || 'unknown'
-            }
+              labels: issue.labels?.map((label) => label.name).join(", ") || "",
+              author: issue.user?.login || "unknown",
+            },
           });
 
           processed++;
           console.log(`    ✅ Issue #${issue.number} prepared`);
-          
+
           // Add delay between API calls to respect rate limits
           await delay(500);
-          
         } catch (error) {
-          console.error(`    ❌ Failed to process issue #${issue.number}:`, error.message);
+          console.error(
+            `    ❌ Failed to process issue #${issue.number}:`,
+            error.message,
+          );
           failed++;
         }
       }
@@ -285,14 +319,23 @@ async function populateExistingIssues() {
       // Upsert batch to Pinecone
       if (vectors.length > 0) {
         try {
-          console.log(`  🔄 Upserting ${vectors.length} vectors to Pinecone...`);
+          console.log(
+            `  🔄 Upserting ${vectors.length} vectors to Pinecone...`,
+          );
           await index.upsert(vectors);
           successful += vectors.length;
-          console.log(`  ✅ Batch upserted to Pinecone: ${vectors.length} vectors`);
+          console.log(
+            `  ✅ Batch upserted to Pinecone: ${vectors.length} vectors`,
+          );
         } catch (error) {
-          console.error(`  ❌ Failed to upsert batch to Pinecone:`, error.message);
+          console.error(
+            `  ❌ Failed to upsert batch to Pinecone:`,
+            error.message,
+          );
           // Log which specific issues failed
-          console.error(`    Failed issues: ${vectors.map(v => v.metadata.issue_number).join(', ')}`);
+          console.error(
+            `    Failed issues: ${vectors.map((v) => v.metadata.issue_number).join(", ")}`,
+          );
           failed += vectors.length;
         }
       }
@@ -305,13 +348,18 @@ async function populateExistingIssues() {
     console.log(`📊 Total issues processed: ${processed}`);
     console.log(`✅ Successfully added to Pinecone: ${successful}`);
     console.log(`❌ Failed: ${failed}`);
-    console.log(`📈 Success rate: ${((successful / processed) * 100).toFixed(1)}%`);
-    
+    console.log(
+      `📈 Success rate: ${((successful / processed) * 100).toFixed(1)}%`,
+    );
+
     if (successful > 0) {
-      console.log(`\n🎉 Successfully populated Pinecone with ${successful} issue embeddings!`);
-      console.log(`🤖 Your duplicate detection bot is now ready to work with existing issues.`);
+      console.log(
+        `\n🎉 Successfully populated Pinecone with ${successful} issue embeddings!`,
+      );
+      console.log(
+        `🤖 Your duplicate detection bot is now ready to work with existing issues.`,
+      );
     }
-
   } catch (error) {
     console.error("❌ Error during population:", error);
     process.exit(1);
@@ -320,7 +368,7 @@ async function populateExistingIssues() {
 
 // Handle command line arguments
 const args = process.argv.slice(2);
-if (args.includes('--help') || args.includes('-h')) {
+if (args.includes("--help") || args.includes("-h")) {
   console.log(`
 📖 Usage: node scripts/populate-existing-issues.js
 
@@ -343,7 +391,7 @@ if (args.includes('--help') || args.includes('-h')) {
 }
 
 // Run the population script
-populateExistingIssues().catch(error => {
+populateExistingIssues().catch((error) => {
   console.error("💥 Script failed:", error);
   process.exit(1);
-});
\ No newline at end of file
+});
diff --git a/.github/scripts/updateLeaderboard.js b/.github/scripts/updateLeaderboard.js
index c45977b..c24b92e 100644
--- a/.github/scripts/updateLeaderboard.js
+++ b/.github/scripts/updateLeaderboard.js
@@ -16,8 +16,8 @@ const LEVEL_POINTS = {
 function normalizeLabel(label) {
   return label
     .toLowerCase()
-    .replace(/\s+/g, "")   // remove spaces
-    .replace(/-/g, "");    // remove dashes
+    .replace(/\s+/g, "") // remove spaces
+    .replace(/-/g, ""); // remove dashes
 }
 
 async function fetchAllPRs() {
@@ -30,11 +30,11 @@ async function fetchAllPRs() {
     per_page: 100,
   });
 
-  prs.forEach(pr => {
+  prs.forEach((pr) => {
     if (!pr.merged_at) return; // only merged PRs
 
-    const labels = pr.labels.map(l => normalizeLabel(l.name));
-    let level = labels.find(l => l.startsWith("level"));
+    const labels = pr.labels.map((l) => normalizeLabel(l.name));
+    let level = labels.find((l) => l.startsWith("level"));
     if (!level) return;
 
     const points = LEVEL_POINTS[level] || 0;
@@ -62,12 +62,7 @@ async function updateGoogleSheet(contributors) {
 
   let rows = [["Username", "PR Numbers", "Levels", "Total Points"]];
   for (let [user, data] of Object.entries(contributors)) {
-    rows.push([
-      user,
-      data.prs.join(", "),
-      data.levels.join(", "),
-      data.total,
-    ]);
+    rows.push([user, data.prs.join(", "), data.levels.join(", "), data.total]);
   }
 
   await sheets.spreadsheets.values.update({
diff --git a/.github/scripts/validate-apis.js b/.github/scripts/validate-apis.js
index 0dc1b5d..58f6a6d 100644
--- a/.github/scripts/validate-apis.js
+++ b/.github/scripts/validate-apis.js
@@ -18,17 +18,17 @@ async function validatePinecone() {
 
     const pinecone = new Pinecone({ apiKey: process.env.PINECONE_API_KEY });
     const index = pinecone.Index(process.env.PINECONE_INDEX);
-    
+
     const stats = await index.describeIndexStats();
-    
-    console.log('✅ Pinecone connection successful');
+
+    console.log("✅ Pinecone connection successful");
     console.log(`📊 Index: ${process.env.PINECONE_INDEX}`);
     console.log(`📈 Total vectors: ${stats.totalRecordCount || 0}`);
     console.log(`📐 Dimension: ${stats.dimension}`);
-    
+
     return { success: true, stats };
   } catch (error) {
-    console.error('❌ Pinecone validation failed:', error.message);
+    console.error("❌ Pinecone validation failed:", error.message);
     return { success: false, error: error.message };
   }
 }
@@ -40,20 +40,28 @@ async function validateGitHub() {
     }
 
     const octokit = new Octokit({ auth: process.env.GITHUB_TOKEN });
-    
+
     // Test with current repository or fallback
-    const owner = process.env.GITHUB_REPOSITORY?.split("/")[0] || process.env.GITHUB_OWNER || "seroski-ai";
-    const repo = process.env.GITHUB_REPOSITORY?.split("/")[1] || process.env.GITHUB_REPO || "seroski-dupbot";
-    
+    const owner =
+      process.env.GITHUB_REPOSITORY?.split("/")[0] ||
+      process.env.GITHUB_OWNER ||
+      "seroski-ai";
+    const repo =
+      process.env.GITHUB_REPOSITORY?.split("/")[1] ||
+      process.env.GITHUB_REPO ||
+      "seroski-dupbot";
+
     const result = await octokit.repos.get({ owner, repo });
-    
-    console.log('✅ GitHub connection successful');
+
+    console.log("✅ GitHub connection successful");
     console.log(`📋 Repository: ${result.data.full_name}`);
-    console.log(`🔓 Access: ${result.data.permissions?.admin ? 'Admin' : result.data.permissions?.push ? 'Write' : 'Read'}`);
-    
+    console.log(
+      `🔓 Access: ${result.data.permissions?.admin ? "Admin" : result.data.permissions?.push ? "Write" : "Read"}`,
+    );
+
     return { success: true, repo: result.data };
   } catch (error) {
-    console.error('❌ GitHub validation failed:', error.message);
+    console.error("❌ GitHub validation failed:", error.message);
     return { success: false, error: error.message };
   }
 }
@@ -69,57 +77,61 @@ async function validateGemini() {
       {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ 
+        body: JSON.stringify({
           model: "models/text-embedding-004",
-          content: { parts: [{ text: "connection test" }] }
+          content: { parts: [{ text: "connection test" }] },
         }),
-      }
+      },
     );
 
     if (!response.ok) {
       const errorData = await response.text();
-      throw new Error(`HTTP ${response.status}: ${response.statusText} - ${errorData}`);
+      throw new Error(
+        `HTTP ${response.status}: ${response.statusText} - ${errorData}`,
+      );
     }
 
     const data = await response.json();
-    
+
     if (data.error) {
-      throw new Error(data.error.message || 'Unknown Gemini API error');
+      throw new Error(data.error.message || "Unknown Gemini API error");
     }
 
-    console.log('✅ Gemini API connection successful');
-    console.log('🧠 Model: text-embedding-004');
-    console.log(`📊 Embedding dimension: ${data.embedding?.values?.length || 'unknown'}`);
-    
+    console.log("✅ Gemini API connection successful");
+    console.log("🧠 Model: text-embedding-004");
+    console.log(
+      `📊 Embedding dimension: ${data.embedding?.values?.length || "unknown"}`,
+    );
+
     return { success: true, embedding: data.embedding };
   } catch (error) {
-    console.error('❌ Gemini validation failed:', error.message);
+    console.error("❌ Gemini validation failed:", error.message);
     return { success: false, error: error.message };
   }
 }
 
 async function validateAllConnections() {
-  console.log('🔍 === API Connection Validation ===\n');
-  
+  console.log("🔍 === API Connection Validation ===\n");
+
   const results = {
     pinecone: await validatePinecone(),
     github: await validateGitHub(),
-    gemini: await validateGemini()
+    gemini: await validateGemini(),
   };
-  
-  console.log('\n📋 === Validation Summary ===');
-  
-  const successful = Object.values(results).filter(r => r.success).length;
+
+  console.log("\n📋 === Validation Summary ===");
+
+  const successful = Object.values(results).filter((r) => r.success).length;
   const total = Object.keys(results).length;
-  
+
   console.log(`✅ Successful: ${successful}/${total}`);
   console.log(`❌ Failed: ${total - successful}/${total}`);
-  
+
   if (successful === total) {
-    console.log('\n🎉 All API connections are working correctly!');
+    console.log("\n🎉 All API connections are working correctly!");
     process.exit(0);
   } else {
-    console.log('\n⚠️  Some API connections failed. Check the errors above.');
+    console.log("\n⚠️  Some API connections failed. Check the errors above.");
     process.exit(1);
   }
 }
@@ -128,7 +140,7 @@ async function validateAllConnections() {
 const args = process.argv.slice(2);
 const service = args[0];
 
-if (args.includes('--help') || args.includes('-h')) {
+if (args.includes("--help") || args.includes("-h")) {
   console.log(`
 📖 Usage: node scripts/validate-apis.js [service]
 
@@ -155,21 +167,21 @@ if (args.includes('--help') || args.includes('-h')) {
 
 // Run specific service or all
 switch (service) {
-  case 'pinecone':
-    validatePinecone().then(result => {
+  case "pinecone":
+    validatePinecone().then((result) => {
       process.exit(result.success ? 0 : 1);
     });
     break;
-  case 'github':
-    validateGitHub().then(result => {
+  case "github":
+    validateGitHub().then((result) => {
       process.exit(result.success ? 0 : 1);
     });
     break;
-  case 'gemini':
-    validateGemini().then(result => {
+  case "gemini":
+    validateGemini().then((result) => {
       process.exit(result.success ? 0 : 1);
     });
     break;
   default:
     validateAllConnections();
-}
\ No newline at end of file
+}
diff --git a/.github/workflows/api-validation.yml b/.github/workflows/api-validation.yml
index 04ba934..6f6fa3f 100644
--- a/.github/workflows/api-validation.yml
+++ b/.github/workflows/api-validation.yml
@@ -4,15 +4,15 @@ on:
   workflow_dispatch:
     inputs:
       validation_scope:
-        description: 'Which APIs to validate'
+        description: "Which APIs to validate"
         required: true
-        default: 'all-apis'
+        default: "all-apis"
         type: choice
         options:
-        - 'all-apis'
-        - 'pinecone-only'
-        - 'github-only'
-        - 'gemini-only'
+          - "all-apis"
+          - "pinecone-only"
+          - "github-only"
+          - "gemini-only"
 
 permissions:
   issues: read
@@ -21,7 +21,7 @@ permissions:
 jobs:
   validate-apis:
     runs-on: ubuntu-latest
-    
+
     steps:
       - name: Checkout repository
         uses: actions/checkout@v3
@@ -81,4 +81,4 @@ jobs:
           echo "- **Triggered by:** @${{ github.actor }}" >> $GITHUB_STEP_SUMMARY
           echo "- **Timestamp:** $(date -u)" >> $GITHUB_STEP_SUMMARY
           echo "" >> $GITHUB_STEP_SUMMARY
-          echo "✅ Run this before database operations to ensure API connectivity." >> $GITHUB_STEP_SUMMARY
\ No newline at end of file
+          echo "✅ Run this before database operations to ensure API connectivity." >> $GITHUB_STEP_SUMMARY
diff --git a/.github/workflows/database-operations.yml b/.github/workflows/database-operations.yml
index 901c0fc..5b41bf7 100644
--- a/.github/workflows/database-operations.yml
+++ b/.github/workflows/database-operations.yml
@@ -4,17 +4,17 @@ on:
   workflow_dispatch:
     inputs:
       action:
-        description: 'Database operation to perform'
+        description: "Database operation to perform"
         required: true
-        default: 'populate-issues'
+        default: "populate-issues"
         type: choice
         options:
-        - 'populate-issues'
-        - 'cleanup-duplicates'
-        - 'debug-database'
-        - 'clear-all-vectors'
+          - "populate-issues"
+          - "cleanup-duplicates"
+          - "debug-database"
+          - "clear-all-vectors"
       force:
-        description: 'Force action (required for destructive operations)'
+        description: "Force action (required for destructive operations)"
         required: false
         default: false
         type: boolean
@@ -26,7 +26,7 @@ permissions:
 jobs:
   database-operation:
     runs-on: ubuntu-latest
-    
+
     steps:
       - name: Checkout repository
         uses: actions/checkout@v3
@@ -101,4 +101,4 @@ jobs:
           echo "- **Repository:** ${{ github.repository }}" >> $GITHUB_STEP_SUMMARY
           echo "- **Timestamp:** $(date -u)" >> $GITHUB_STEP_SUMMARY
           echo "" >> $GITHUB_STEP_SUMMARY
-          echo "🔗 Use 'API Validation' workflow to test connections before database operations." >> $GITHUB_STEP_SUMMARY
\ No newline at end of file
+          echo "🔗 Use 'API Validation' workflow to test connections before database operations." >> $GITHUB_STEP_SUMMARY
diff --git a/.github/workflows/duplicate-issue.yml b/.github/workflows/duplicate-issue.yml
index a157bef..f68c970 100644
--- a/.github/workflows/duplicate-issue.yml
+++ b/.github/workflows/duplicate-issue.yml
@@ -6,7 +6,7 @@ on:
   workflow_dispatch:
     inputs:
       issue_number:
-        description: 'Issue number to manually check for duplicates'
+        description: "Issue number to manually check for duplicates"
         required: true
         type: number
 
diff --git a/.github/workflows/leaderboard.yml b/.github/workflows/leaderboard.yml
index 13b6395..3576107 100644
--- a/.github/workflows/leaderboard.yml
+++ b/.github/workflows/leaderboard.yml
@@ -30,7 +30,6 @@
 #         run: |
 #           echo '${{ secrets.GOOGLE_CREDENTIALS }}' > ${{ github.workspace }}/credentials.json
 
-
 #       - name: Run leaderboard script
 #         env:
 #           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/ping-render.yml b/.github/workflows/ping-render.yml
index 33058f6..16a12b5 100644
--- a/.github/workflows/ping-render.yml
+++ b/.github/workflows/ping-render.yml
@@ -4,8 +4,8 @@ name: Ping Render App
 on:
   schedule:
     # Every 10 minutes
-    - cron: '*/5 * * * *'
-  workflow_dispatch: 
+    - cron: "*/5 * * * *"
+  workflow_dispatch:
 
 jobs:
   ping:
diff --git a/.github/workflows/post_PR_thankyou.yml b/.github/workflows/post_PR_thankyou.yml
index c638b9d..26e5257 100644
--- a/.github/workflows/post_PR_thankyou.yml
+++ b/.github/workflows/post_PR_thankyou.yml
@@ -2,7 +2,7 @@ name: Post-PR Merge Thank You
 
 on:
   pull_request_target:
-    types: [closed]  # Trigger when a PR is closed
+    types: [closed] # Trigger when a PR is closed
 
 permissions:
   issues: write
@@ -10,14 +10,14 @@ permissions:
 
 jobs:
   post_merge_message:
-    if: github.event.pull_request.merged == true  # Only run if the PR was merged
+    if: github.event.pull_request.merged == true # Only run if the PR was merged
     runs-on: ubuntu-latest
 
     steps:
       - name: Post thank you message
         uses: actions/github-script@v7
         with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}  # Ensure token is used
+          github-token: ${{ secrets.GITHUB_TOKEN }} # Ensure token is used
           script: |
             const prNumber = context.payload.pull_request.number;
             const owner = context.repo.owner;
diff --git a/.github/workflows/pr_greetings.yml b/.github/workflows/pr_greetings.yml
index d9e5d62..523d928 100644
--- a/.github/workflows/pr_greetings.yml
+++ b/.github/workflows/pr_greetings.yml
@@ -22,4 +22,4 @@ jobs:
               repo: context.repo.repo,
               body: `🙌 Thanks @${context.payload.pull_request.user.login} for raising this PR!  
               Our team will review it soon ⏳ — meanwhile, please make sure your PR follows our contributing guidelines 👉 [Contributing Guidelines](https://github.com/DevSyncx/DevSync/blob/main/CONTRIBUTING.md) 🎉`
-            })
\ No newline at end of file
+            })
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
index 017b013..5522c17 100644
--- a/CODE_OF_CONDUCT.md
+++ b/CODE_OF_CONDUCT.md
@@ -51,7 +51,6 @@ This Code of Conduct applies within all project spaces, including:
 If you observe or experience behavior that violates this Code of Conduct, please report it privately by contacting  
 📧 [**Annanya Tiwary**](mailto:anonym.notifys@gmail.com)
 
-
 All reports will be handled with discretion. We are committed to protecting reporters from retaliation.
 
 ---
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index a3e1dbc..d975069 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -17,7 +17,6 @@ We welcome all kinds of contributions — from code improvements and documentati
 - [Contributor Guidelines – Issue & PR Management](#-Contributor-Guidelines)
 - [Community Standards](#-Community-Standards)
 
-
 ---
 
 ## 🛠 Getting Started
@@ -28,8 +27,11 @@ We welcome all kinds of contributions — from code improvements and documentati
    ```bash
    git clone https://github.com/your-username/DevSync.git
    cd DevSync
+   ```
+
 3. **Setup Frontend**
-```bash 
+
+```bash
 #move into the frontend directory
 cd frontend
 #install frontend dependencies
@@ -38,9 +40,9 @@ npm install
 npm run dev  # Starts frontend on http://localhost:5173
 ```
 
-
 4. **Setup backtend**
-```bash 
+
+```bash
 #move into the backend directory
 cd backend
 #install backend dependencies
@@ -49,7 +51,6 @@ npm install
 npm run dev   # Starts frontend on http://localhost:5173
 ```
 
-
 ---
 
 ## ✨ How to Contribute
@@ -71,6 +72,7 @@ Here are some ways you can contribute:
 - Follow naming conventions already used in the codebase.
 - For UI components, use the existing **Shadcn UI** structure.
 - Keep commits **atomic** and **descriptive**.
+
 ---
 
 ## 🚀 Submitting Changes
@@ -88,11 +90,13 @@ Here are some ways you can contribute:
 git add .
 git commit -m "Add: Meaningful description of your change"
 ```
+
 3. **Push to your fork**:
 
- ```bash
+```bash
 git push origin feature/your-feature-name
 ```
+
 4. Open a Pull Request (PR) to the main branch.
 
 💬 If your PR fixes an issue, mention it with Fixes #issue-number in the PR description.
@@ -100,6 +104,7 @@ git push origin feature/your-feature-name
 ---
 
 ### 🐞 Reporting Bugs
+
 Please include the following in your bug reports:
 
 - ✅ **Clear and descriptive title** of the bug.
@@ -110,6 +115,7 @@ Please include the following in your bug reports:
 - 🔁 Include **steps to reproduce** the issue.
 
 ### 🌟 Requesting Features or Enhancements
+
 Want to suggest something cool or improve the UX/UI? Here’s what to include:
 
 - ✅ A descriptive **title** and a clear explanation of the idea.
@@ -118,6 +124,7 @@ Want to suggest something cool or improve the UX/UI? Here’s what to include:
 - 🔗 If related to backend/API, mention the **endpoints or data flow**.
 
 ### 📚 Improving Documentation
+
 Spotted unclear, outdated, or missing documentation?
 
 - ✏️ Point out the exact **section or file** to update.
@@ -125,23 +132,24 @@ Spotted unclear, outdated, or missing documentation?
 - 💬 Ask for clarification in case something is confusing.
 
 ### 🏷️ Labels and Levels
+
 All issues are tagged to help contributors choose wisely:
 
-| Level   | Suitable For        | Points |
-|---------|---------------------|--------|
-| `L-1`   | Beginners            | 3      |
-| `L-2`   | Intermediate tasks   | 7      |
-| `L-3`   | Advanced/complex     | 10     |
+| Level | Suitable For       | Points |
+| ----- | ------------------ | ------ |
+| `L-1` | Beginners          | 3      |
+| `L-2` | Intermediate tasks | 7      |
+| `L-3` | Advanced/complex   | 10     |
 
 ## 🕒 Issue Completion Timeline
 
 To ensure smooth progress and timely contributions during GSSoC, we’ve defined expected completion times for issues based on their difficulty levels:
 
-| Level | Difficulty    |Expected Completion Time |
-|-------|---------------|-------------------------|
-| Level 1 | Beginner    |       **2-3 days**      |
-| Level 2 | Intermediate|       **4-6 days**      |
-| Level 3 | Advanced    |       **7-10 days**     |
+| Level   | Difficulty   | Expected Completion Time |
+| ------- | ------------ | ------------------------ |
+| Level 1 | Beginner     | **2-3 days**             |
+| Level 2 | Intermediate | **4-6 days**             |
+| Level 3 | Advanced     | **7-10 days**            |
 
 ## 📌 Contributor Guidelines
 
diff --git a/README.md b/README.md
index 744653b..cc919e5 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 <!-- GSSoC banner and project insights -->
 <h1 align="center">
   DevSync
-</h1> 
+</h1>
 
 <table align="center">
     <thead align="center">
@@ -30,13 +30,11 @@
 
 # 🚀 DevSync — Developer Productivity Dashboard
 
-
 From pull requests to pomodoros — DevSync's got you covered.  
 Stay ahead. Stay synced. stay **DevSynced**
 
 **DevSync** is a unified productivity tracker for developers. It aggregates your coding activity, daily goals, and contribution metrics from various platforms into a single, elegant dashboard — designed to help you track growth, stay consistent, and showcase your development journey.
 
-
 ## 📋 Table of Contents
 
 - [🔍 Overview](#-overview)
@@ -53,42 +51,35 @@ Stay ahead. Stay synced. stay **DevSynced**
 - [👩‍💻 Maintainers](#-maintainers)
 - [⭐ Support This Project](#-support-this-project)
 
-
 ## 🔍 Overview
 
 In today’s fragmented developer ecosystem, tracking your contributions across multiple platforms can be overwhelming.  
 **DevSync** simplifies this by:
 
-- Consolidating your stats, streaks, and growth in one place.  
-- Offering visual productivity logs and heatmaps.  
-- Letting you manage tasks and goals alongside coding activity.  
-
-Whether you’re preparing for internships, building a personal brand, or staying accountable — **DevSync** empowers you with **data-driven insights** at a glance.  
-
+- Consolidating your stats, streaks, and growth in one place.
+- Offering visual productivity logs and heatmaps.
+- Letting you manage tasks and goals alongside coding activity.
 
+Whether you’re preparing for internships, building a personal brand, or staying accountable — **DevSync** empowers you with **data-driven insights** at a glance.
 
 ## ✨ Features
 
-- 📈 **Unified Developer Insights** – Track problems solved, commits, issues, ratings, and more.  
-- 🔥 **Cross-Platform Heatmaps** – Visualize your coding streaks and consistency.  
-- 🧩 **Modular Platform Support** – Easily add integrations for new coding platforms.  
-- ✅ **Task & Goal Tracker** – Stay on top of daily, weekly, and long-term goals.  
-- 🧾 **Timeline Logs** – Get auto-generated summaries (daily/weekly/monthly).  
-- 🪪 **Public Shareable Profile (Coming Soon)** – Showcase your journey to recruiters or peers.  
-
-
+- 📈 **Unified Developer Insights** – Track problems solved, commits, issues, ratings, and more.
+- 🔥 **Cross-Platform Heatmaps** – Visualize your coding streaks and consistency.
+- 🧩 **Modular Platform Support** – Easily add integrations for new coding platforms.
+- ✅ **Task & Goal Tracker** – Stay on top of daily, weekly, and long-term goals.
+- 🧾 **Timeline Logs** – Get auto-generated summaries (daily/weekly/monthly).
+- 🪪 **Public Shareable Profile (Coming Soon)** – Showcase your journey to recruiters or peers.
 
 ## 🏗 Tech Stack
 
-| Layer       | Technology                         |
-|-------------|-------------------------------------|
-| Frontend    | React, Tailwind CSS, ShadCN UI      |
-| Backend     | Node.js, Express, REST API          |
-| Database    | MongoDB                             |
-| Auth        | JWT / OAuth                         |
-| Deployment  | Vercel / Render                     |
-
-
+| Layer      | Technology                     |
+| ---------- | ------------------------------ |
+| Frontend   | React, Tailwind CSS, ShadCN UI |
+| Backend    | Node.js, Express, REST API     |
+| Database   | MongoDB                        |
+| Auth       | JWT / OAuth                    |
+| Deployment | Vercel / Render                |
 
 ## 📸 Screenshots
 
@@ -96,18 +87,18 @@ Whether you’re preparing for internships, building a personal brand, or stayin
 ![About DevSync](assets/img2.jpg "About DevSync")
 ![Contact Us](assets/img3.jpg "Contact Us")
 
-
 ## 🛠️ Setup & Installation
 
-### 1. Fork the Repository  
+### 1. Fork the Repository
+
 Click the **Fork** button (top-right) to get your copy of the repo.
 
-### 2. Clone Your Fork  
+### 2. Clone Your Fork
 
 ```bash
 git clone https://github.com/<your-username>/DevSync.git
 cd DevSync
-````
+```
 
 ### 3. Setup Frontend
 
@@ -129,8 +120,6 @@ npm run dev
 
 Your backend runs at 👉 [http://localhost:5000](http://localhost:5000)
 
-
-
 ## 📁 Folder Structure
 
 ```
@@ -188,25 +177,20 @@ DevSync/
 
 ```
 
-
 ## 🤝 Contributing
 
 We ❤️ contributions!
 
-* Read the [Contributing Guide](./CONTRIBUTING.md).
-* Check open issues or raise new ones.
-* Submit pull requests with clear descriptions.
+- Read the [Contributing Guide](./CONTRIBUTING.md).
+- Check open issues or raise new ones.
+- Submit pull requests with clear descriptions.
 
 Every contribution counts — from bug fixes to new features!
 
-
-
 ## 📜 License
 
 This project is licensed under the [MIT License](./LICENSE).
 
-
-
 ## 📄 Code of Conduct
 
 We enforce a [Code of Conduct](./CODE_OF_CONDUCT.md) to maintain a safe, inclusive, and welcoming environment. Please read it before contributing.
@@ -216,18 +200,16 @@ We enforce a [Code of Conduct](./CODE_OF_CONDUCT.md) to maintain a safe, inclusi
 For detailed setup instructions, please follow the full documentation here:  
 [📄 DevSync Setup Docs](./docs)
 
- 
 ## 👩‍💻 Maintainers
 
-* **Annanya Tiwary** – [GitHub](https://github.com/Annanyatiwary4)
-
+- **Annanya Tiwary** – [GitHub](https://github.com/Annanyatiwary4)
 
 ## ⭐ Support This Project
 
 If **DevSync** inspired you:
 
-* Star ⭐ the repo on [GitHub](https://github.com/DevSyncx/DevSync)
-* Share it with your friends & community
-* Contribute by fixing issues or adding features
+- Star ⭐ the repo on [GitHub](https://github.com/DevSyncx/DevSync)
+- Share it with your friends & community
+- Contribute by fixing issues or adding features
 
 Together, let’s make developer productivity smarter 🚀
diff --git a/backend/config/passport.js b/backend/config/passport.js
index c4c1149..133bff0 100644
--- a/backend/config/passport.js
+++ b/backend/config/passport.js
@@ -3,27 +3,32 @@ const GoogleStrategy = require("passport-google-oauth20").Strategy;
 const GitHubStrategy = require("passport-github2").Strategy;
 const User = require("../models/User");
 
-console.log('Initializing Google OAuth strategy...');
-console.log('Callback URL:', process.env.GOOGLE_CALLBACK_URL);
+console.log("Initializing Google OAuth strategy...");
+console.log("Callback URL:", process.env.GOOGLE_CALLBACK_URL);
 
 passport.use(
   new GoogleStrategy(
     {
       clientID: process.env.GOOGLE_CLIENT_ID,
       clientSecret: process.env.GOOGLE_CLIENT_SECRET,
-      callbackURL: process.env.GOOGLE_CALLBACK_URL || "http://localhost:5000/auth/callback",
+      callbackURL:
+        process.env.GOOGLE_CALLBACK_URL ||
+        "http://localhost:5000/auth/callback",
     },
     async (accessToken, refreshToken, profile, done) => {
-      console.log('Google profile received:', profile);
+      console.log("Google profile received:", profile);
       try {
         let user = await User.findOne({ googleId: profile.id });
-        
+
         if (!user) {
-          console.log('Creating new user from Google profile');
+          console.log("Creating new user from Google profile");
           user = new User({
             googleId: profile.id,
             name: profile.displayName,
-            email: profile.emails && profile.emails[0] ? profile.emails[0].value : null,
+            email:
+              profile.emails && profile.emails[0]
+                ? profile.emails[0].value
+                : null,
           });
           await user.save();
         }
@@ -32,8 +37,8 @@ passport.use(
       } catch (err) {
         return done(err, null);
       }
-    }
-  )
+    },
+  ),
 );
 
 // GitHub OAuth
@@ -43,14 +48,18 @@ if (process.env.GITHUB_CLIENT_ID && process.env.GITHUB_CLIENT_SECRET) {
       {
         clientID: process.env.GITHUB_CLIENT_ID,
         clientSecret: process.env.GITHUB_CLIENT_SECRET,
-        callbackURL: process.env.GITHUB_CALLBACK_URL || "http://localhost:5000/auth/github/callback",
+        callbackURL:
+          process.env.GITHUB_CALLBACK_URL ||
+          "http://localhost:5000/auth/github/callback",
         scope: ["read:user", "user:email"],
       },
       async (accessToken, refreshToken, profile, done) => {
         try {
           let email = null;
           if (Array.isArray(profile.emails) && profile.emails.length > 0) {
-            email = profile.emails.find(e => e.verified)?.value || profile.emails[0].value;
+            email =
+              profile.emails.find((e) => e.verified)?.value ||
+              profile.emails[0].value;
           }
 
           let user = await User.findOne({ githubId: profile.id });
@@ -77,8 +86,8 @@ if (process.env.GITHUB_CLIENT_ID && process.env.GITHUB_CLIENT_SECRET) {
         } catch (err) {
           return done(err, null);
         }
-      }
-    )
+      },
+    ),
   );
 }
 
diff --git a/backend/db/connection.js b/backend/db/connection.js
index 8f6fc83..c9f4bb3 100644
--- a/backend/db/connection.js
+++ b/backend/db/connection.js
@@ -1,10 +1,13 @@
 // Initiate connection to MongoDB
-require('dotenv').config();
-const mongoose = require('mongoose');
+require("dotenv").config();
+const mongoose = require("mongoose");
 
 const dburl = process.env.MONGODB_URI;
-mongoose.connect(dburl).then(() => {
+mongoose
+  .connect(dburl)
+  .then(() => {
     console.log("Connected to DB Successfully ");
-}).catch((err) => {
+  })
+  .catch((err) => {
     console.log(err.message);
-}); 
\ No newline at end of file
+  });
diff --git a/backend/middleware/auth.js b/backend/middleware/auth.js
index db40e01..a9a8132 100644
--- a/backend/middleware/auth.js
+++ b/backend/middleware/auth.js
@@ -1,16 +1,19 @@
-const jwt = require('jsonwebtoken');
-require('dotenv').config();
+const jwt = require("jsonwebtoken");
+require("dotenv").config();
 
 // Use a fallback JWT secret if env variable is missing
-const JWT_SECRET = process.env.JWT_SECRET || 'devsync_secure_jwt_secret_key_for_authentication';
+const JWT_SECRET =
+  process.env.JWT_SECRET || "devsync_secure_jwt_secret_key_for_authentication";
 
-module.exports = function(req, res, next) {
+module.exports = function (req, res, next) {
   // Get token from header
-  const token = req.header('x-auth-token');
+  const token = req.header("x-auth-token");
 
   // Check if no token
   if (!token) {
-    return res.status(401).json({ errors: [{ msg: 'No token, authorization denied' }] });
+    return res
+      .status(401)
+      .json({ errors: [{ msg: "No token, authorization denied" }] });
   }
 
   // Verify token
@@ -19,7 +22,7 @@ module.exports = function(req, res, next) {
     req.user = decoded.user;
     next();
   } catch (err) {
-    console.error('Token verification error:', err.message);
-    res.status(401).json({ errors: [{ msg: 'Token is not valid' }] });
+    console.error("Token verification error:", err.message);
+    res.status(401).json({ errors: [{ msg: "Token is not valid" }] });
   }
-};
\ No newline at end of file
+};
diff --git a/backend/middleware/rateLimit/authLimiterMiddleware.js b/backend/middleware/rateLimit/authLimiterMiddleware.js
index db01791..2b1d3c9 100644
--- a/backend/middleware/rateLimit/authLimiterMiddleware.js
+++ b/backend/middleware/rateLimit/authLimiterMiddleware.js
@@ -1,7 +1,7 @@
-const { RateLimiterMemory } = require('rate-limiter-flexible');
+const { RateLimiterMemory } = require("rate-limiter-flexible");
 
 exports.authLimiter = new RateLimiterMemory({
-    points: 20,    // Increased from 5 to 20 attempts
-    duration: 60,  // Per minute
-    blockDuration: 60 * 2, // Reduced block time to 2 minutes
-})
\ No newline at end of file
+  points: 20, // Increased from 5 to 20 attempts
+  duration: 60, // Per minute
+  blockDuration: 60 * 2, // Reduced block time to 2 minutes
+});
diff --git a/backend/middleware/rateLimit/generalLimiterMiddleware.js b/backend/middleware/rateLimit/generalLimiterMiddleware.js
index d58dca0..53ef033 100644
--- a/backend/middleware/rateLimit/generalLimiterMiddleware.js
+++ b/backend/middleware/rateLimit/generalLimiterMiddleware.js
@@ -1,7 +1,7 @@
-const { RateLimiterMemory } = require('rate-limiter-flexible');
+const { RateLimiterMemory } = require("rate-limiter-flexible");
 
 exports.generalLimiter = new RateLimiterMemory({
-    points: 100,
-    duration: 60,
-    blockDuration: 60 * 2,
-})
\ No newline at end of file
+  points: 100,
+  duration: 60,
+  blockDuration: 60 * 2,
+});
diff --git a/backend/middleware/rateLimit/index.js b/backend/middleware/rateLimit/index.js
index 69f7eb5..7841151 100644
--- a/backend/middleware/rateLimit/index.js
+++ b/backend/middleware/rateLimit/index.js
@@ -1,15 +1,22 @@
-const { authLimiter } = require('./authLimiterMiddleware');
-const { generalLimiter } = require('./generalLimiterMiddleware');
-
+const { authLimiter } = require("./authLimiterMiddleware");
+const { generalLimiter } = require("./generalLimiterMiddleware");
 
 exports.authMiddleware = (req, res, next) => {
-    authLimiter.consume(req.ip).then(() => next()).catch(() => {
-        res.status(429).json({ message: "Too many login/signup attempts, please try later." });
+  authLimiter
+    .consume(req.ip)
+    .then(() => next())
+    .catch(() => {
+      res
+        .status(429)
+        .json({ message: "Too many login/signup attempts, please try later." });
     });
-}
+};
 
 exports.generalMiddleware = (req, res, next) => {
-    generalLimiter.consume(req.ip).then(() => next()).catch(() => {
-        res.status(429).json({ message: "Too many requests, please slow down." });
-    })
-}
\ No newline at end of file
+  generalLimiter
+    .consume(req.ip)
+    .then(() => next())
+    .catch(() => {
+      res.status(429).json({ message: "Too many requests, please slow down." });
+    });
+};
diff --git a/backend/models/ContactMessage.js b/backend/models/ContactMessage.js
index 9ea8c69..3b53385 100644
--- a/backend/models/ContactMessage.js
+++ b/backend/models/ContactMessage.js
@@ -19,7 +19,7 @@ const contactMessageSchema = new mongoose.Schema(
       minlength: 10,
     },
   },
-  { timestamps: true }
+  { timestamps: true },
 );
 
 const ContactMessage = mongoose.model("ContactMessage", contactMessageSchema);
diff --git a/backend/models/Feedback.js b/backend/models/Feedback.js
index 0faaa6b..017a305 100644
--- a/backend/models/Feedback.js
+++ b/backend/models/Feedback.js
@@ -1,35 +1,35 @@
-const mongoose = require('mongoose');
+const mongoose = require("mongoose");
 const Schema = mongoose.Schema;
 
 const FeedbackSchema = new Schema({
   userId: {
     type: String,
-    required: true
+    required: true,
   },
   rating: {
     type: Number,
     required: true,
     min: 1,
-    max: 5
+    max: 5,
   },
   comment: {
     type: String,
     required: true,
-    minlength: 10
+    minlength: 10,
   },
   category: {
     type: String,
-    default: 'other',
-    enum: ['ui', 'features', 'bugs', 'suggestions', 'other']
+    default: "other",
+    enum: ["ui", "features", "bugs", "suggestions", "other"],
   },
   isAnonymous: {
     type: Boolean,
-    default: false
+    default: false,
   },
   date: {
     type: Date,
-    default: Date.now
-  }
+    default: Date.now,
+  },
 });
 
-module.exports = mongoose.model('Feedback', FeedbackSchema);
\ No newline at end of file
+module.exports = mongoose.model("Feedback", FeedbackSchema);
diff --git a/backend/models/Leetcode.js b/backend/models/Leetcode.js
index 513fcf3..27a4dcc 100644
--- a/backend/models/Leetcode.js
+++ b/backend/models/Leetcode.js
@@ -56,8 +56,8 @@ const leetcodeSchema = new mongoose.Schema(
     ],
     lastUpdated: { type: Date, default: Date.now },
   },
-  
-  { timestamps: true }
+
+  { timestamps: true },
 );
 
 const LeetCode = mongoose.model("LeetCode", leetcodeSchema);
diff --git a/backend/models/Task.js b/backend/models/Task.js
index dfc56ba..602e776 100644
--- a/backend/models/Task.js
+++ b/backend/models/Task.js
@@ -1,16 +1,22 @@
-const mongoose = require('mongoose');
+const mongoose = require("mongoose");
 
 const TaskSchema = new mongoose.Schema(
   {
     title: { type: String, required: true, trim: true },
-    description: { type: String, default: '' },
-    status: { type: String, enum: ['pending', 'completed'], default: 'pending' },
+    description: { type: String, default: "" },
+    status: {
+      type: String,
+      enum: ["pending", "completed"],
+      default: "pending",
+    },
     deadline: { type: Date },
-    userId: { type: mongoose.Schema.Types.ObjectId, ref: 'User', required: true },
+    userId: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "User",
+      required: true,
+    },
   },
-  { timestamps: true }
+  { timestamps: true },
 );
 
-module.exports = mongoose.model('Task', TaskSchema);
-
-
+module.exports = mongoose.model("Task", TaskSchema);
diff --git a/backend/models/User.js b/backend/models/User.js
index 1f4d540..cf12c53 100644
--- a/backend/models/User.js
+++ b/backend/models/User.js
@@ -1,4 +1,4 @@
-const mongoose = require('mongoose');
+const mongoose = require("mongoose");
 const Schema = mongoose.Schema;
 
 const UserSchema = new Schema({
@@ -7,7 +7,7 @@ const UserSchema = new Schema({
     unique: true,
     sparse: true,
   },
-   googleId: {
+  googleId: {
     type: String,
     unique: true,
     sparse: true, // multiple nulls allowed
@@ -19,12 +19,12 @@ const UserSchema = new Schema({
   },
   name: {
     type: String,
-    required: true, 
+    required: true,
   },
   email: {
     type: String,
     required: true,
-    unique: true
+    unique: true,
   },
   isEmailVerified: {
     type: Boolean,
@@ -33,22 +33,22 @@ const UserSchema = new Schema({
   emailVerificationExpires: Date,
   password: {
     type: String,
-     required: function () {
+    required: function () {
       return !this.googleId && !this.githubId;
-     },
+    },
   },
   avatar: {
     type: String,
-    default: '/uploads/avatars/default-avatar.png'
+    default: "/uploads/avatars/default-avatar.png",
   },
   bio: {
-    type: String
+    type: String,
   },
   location: {
-    type: String
+    type: String,
   },
   skills: {
-    type: [String]
+    type: [String],
   },
   socialLinks: {
     github: String,
@@ -60,44 +60,44 @@ const UserSchema = new Schema({
     hackerrank: String,
     leetcode: String,
     codeforces: String,
-    hackerearth: String
+    hackerearth: String,
   },
   projects: [
     {
       name: {
         type: String,
-        required: true
+        required: true,
       },
       description: {
         type: String,
-        required: true
+        required: true,
       },
       link: {
-        type: String
+        type: String,
       },
       date: {
         type: Date,
-        default: Date.now
-      }
-    }
+        default: Date.now,
+      },
+    },
   ],
 
   // ✅ New fields for dashboard
   streak: {
     type: Number,
-    default: 0
+    default: 0,
   },
   timeSpent: {
     type: String,
-    default: "0 minutes"
+    default: "0 minutes",
   },
   activity: {
     type: [Object], // e.g. [{ date: '2025-08-27', count: 3 }]
-    default: []
+    default: [],
   },
   goals: {
     type: [String],
-    default: []
+    default: [],
   },
 
   // ✅ Fields for forgot/reset password
@@ -106,8 +106,8 @@ const UserSchema = new Schema({
 
   date: {
     type: Date,
-    default: Date.now
-  }
+    default: Date.now,
+  },
 });
 
-module.exports = mongoose.model('User', UserSchema);
+module.exports = mongoose.model("User", UserSchema);
diff --git a/backend/routes/auth.js b/backend/routes/auth.js
index 88cecae..4ad9f1e 100644
--- a/backend/routes/auth.js
+++ b/backend/routes/auth.js
@@ -9,7 +9,13 @@ const crypto = require("crypto");
 require("dotenv").config();
 const passport = require("passport");
 const { sendVerificationEmail } = require("../services/emailService");
-const { generateVerificationCode, generateJWT, formatUserResponse, setVerificationToken, handleVerificationEmail } = require("../utils/emailVerificationHelpers")
+const {
+  generateVerificationCode,
+  generateJWT,
+  formatUserResponse,
+  setVerificationToken,
+  handleVerificationEmail,
+} = require("../utils/emailVerificationHelpers");
 
 // Helper function to generate avatar URL from email or name
 const generateAvatarUrl = (email, name) => {
@@ -23,7 +29,7 @@ const generateAvatarUrl = (email, name) => {
   // DiceBear (modern styled avatars)
   const diceBearStyle = "micah"; // Options: avataaars, bottts, initials, micah, miniavs, etc.
   const diceBearUrl = `https://api.dicebear.com/6.x/${diceBearStyle}/svg?seed=${encodeURIComponent(
-    identifier
+    identifier,
   )}`;
 
   return diceBearUrl;
@@ -35,47 +41,49 @@ const JWT_SECRET =
 
 router.get(
   "/google",
-  passport.authenticate("google", { scope: ["profile", "email"] })
+  passport.authenticate("google", { scope: ["profile", "email"] }),
 );
 
 // Handle callback from Google
 router.get(
   "/callback",
   (req, res, next) => {
-    console.log('OAuth callback received. Starting authentication...');
-    console.log('Query params:', req.query);
+    console.log("OAuth callback received. Starting authentication...");
+    console.log("Query params:", req.query);
     next();
   },
   passport.authenticate("google", {
     // Redirect failures to the frontend login for better UX
     failureRedirect: `${process.env.CLIENT_URL}/login`,
-    failureMessage: true,      // Enable failure messages
+    failureMessage: true, // Enable failure messages
     session: true,
   }),
   async (req, res, next) => {
     try {
-      console.log('OAuth successful, user:', req.user);
+      console.log("OAuth successful, user:", req.user);
       // Issue JWT and redirect to frontend with token as query param
       // Frontend reads ?token=... on /dashboard and stores it
       const token = await generateJWT(req.user.id);
       const redirectUrl = `${process.env.CLIENT_URL}/dashboard?token=${encodeURIComponent(token)}`;
       return res.redirect(redirectUrl);
     } catch (err) {
-      console.error('JWT generation failed after OAuth:', err);
-      return res.redirect(`${process.env.CLIENT_URL}/login?error=oauth_token_failed`);
+      console.error("JWT generation failed after OAuth:", err);
+      return res.redirect(
+        `${process.env.CLIENT_URL}/login?error=oauth_token_failed`,
+      );
     }
   },
   // Error handler for the authentication
   (err, req, res, next) => {
-    console.error('OAuth error:', err);
+    console.error("OAuth error:", err);
     res.redirect(`${process.env.CLIENT_URL}/login?error=oauth_failed`);
-  }
+  },
 );
 
 // GitHub OAuth
 router.get(
   "/github",
-  passport.authenticate("github", { scope: ["read:user", "user:email"] })
+  passport.authenticate("github", { scope: ["read:user", "user:email"] }),
 );
 
 router.get(
@@ -91,10 +99,12 @@ router.get(
       const redirectUrl = `${process.env.CLIENT_URL}/dashboard?token=${encodeURIComponent(token)}`;
       return res.redirect(redirectUrl);
     } catch (err) {
-      console.error('JWT generation failed after GitHub OAuth:', err);
-      return res.redirect(`${process.env.CLIENT_URL}/login?error=github_oauth_token_failed`);
+      console.error("JWT generation failed after GitHub OAuth:", err);
+      return res.redirect(
+        `${process.env.CLIENT_URL}/login?error=github_oauth_token_failed`,
+      );
     }
-  }
+  },
 );
 
 // @route   POST api/auth/register
@@ -133,7 +143,11 @@ router.post(
             needsVerification: true,
           });
         } else {
-            return res.status(500).json({ errors: [{ msg: "User already exists. Please Sign in!!" }] });
+          return res
+            .status(500)
+            .json({
+              errors: [{ msg: "User already exists. Please Sign in!!" }],
+            });
         }
       }
 
@@ -166,16 +180,14 @@ router.post(
         needsVerification: true,
         email: user.email,
       });
-
     } catch (err) {
       console.error(err.message);
-      if(err.message === 'Invalid Email ID')
-      {
+      if (err.message === "Invalid Email ID") {
         return res.status(400).json({ errors: [{ msg: "Invalid Email ID" }] });
       }
       return res.status(500).json({ errors: [{ msg: "Server error" }] });
     }
-  }
+  },
 );
 
 // @route   POST api/auth/forgot-password
@@ -201,7 +213,7 @@ router.post("/forgot-password", async (req, res) => {
     await sendVerificationEmail(
       user.email,
       "Password Reset Request",
-      `<p>You requested a password reset. Click <a href="${resetLink}">here</a> to reset your password.</p>`
+      `<p>You requested a password reset. Click <a href="${resetLink}">here</a> to reset your password.</p>`,
     );
 
     res.json({ message: "Password reset link sent to your email." });
@@ -211,7 +223,6 @@ router.post("/forgot-password", async (req, res) => {
   }
 });
 
-
 // @route   POST api/auth/reset-password/:token
 // @desc    Reset password using token
 // @access  Public
@@ -247,7 +258,6 @@ router.post("/reset-password/:token", async (req, res) => {
   }
 });
 
-
 // @route   POST api/auth/verify-email
 // @desc    Verify user email with code
 // @access  Public
@@ -307,7 +317,6 @@ router.post("/verify-email", async (req, res) => {
       console.error("JWT generation error:", jwtError);
       res.status(500).json({ errors: [{ msg: "Error generating token" }] });
     }
-
   } catch (err) {
     console.error("Email verification error:", err.message);
     res
@@ -353,7 +362,6 @@ router.post("/resend-verification", async (req, res) => {
         ],
       });
     }
-
   } catch (err) {
     console.error("Resend verification error:", err.message);
     res.status(500).json({ errors: [{ msg: "Server error during resend" }] });
@@ -383,8 +391,10 @@ router.post(
       if (!user) {
         return res
           .status(400)
-          .json({ errors: [{ msg: "User not found. Please Sign up first!!" }] });
-      } 
+          .json({
+            errors: [{ msg: "User not found. Please Sign up first!!" }],
+          });
+      }
 
       // Check password
       const isMatch = await bcrypt.compare(password, user.password);
@@ -419,7 +429,7 @@ router.post(
       console.error(err.message);
       res.status(500).json({ errors: [{ msg: "Server error" }] });
     }
-  }
+  },
 );
 
 // @route   GET api/auth
@@ -446,4 +456,4 @@ router.get("/me", (req, res) => {
   }
 });
 
-module.exports = router;
\ No newline at end of file
+module.exports = router;
diff --git a/backend/routes/feedback.js b/backend/routes/feedback.js
index 00f3121..3e0cd1a 100644
--- a/backend/routes/feedback.js
+++ b/backend/routes/feedback.js
@@ -1,106 +1,121 @@
-const express = require('express');
+const express = require("express");
 const router = express.Router();
-const auth = require('../middleware/auth');
-const Feedback = require('../models/Feedback');
+const auth = require("../middleware/auth");
+const Feedback = require("../models/Feedback");
 
 // @route   POST api/feedback
 // @desc    Submit user feedback
 // @access  Private
-router.post('/', auth, async (req, res) => {
+router.post("/", auth, async (req, res) => {
   try {
     const { rating, comment, category, isAnonymous } = req.body;
-    
+
     // Validate the data
     if (!rating || rating < 1 || rating > 5) {
-      return res.status(400).json({ message: 'Please provide a valid rating between 1 and 5' });
+      return res
+        .status(400)
+        .json({ message: "Please provide a valid rating between 1 and 5" });
     }
-    
+
     if (!comment || comment.trim().length < 10) {
-      return res.status(400).json({ message: 'Please provide feedback with at least 10 characters' });
+      return res
+        .status(400)
+        .json({
+          message: "Please provide feedback with at least 10 characters",
+        });
     }
-    
+
     // Create a new feedback instance
     const newFeedback = new Feedback({
       userId: req.user.id,
       rating,
       comment,
-      category: category || 'other',
-      isAnonymous: isAnonymous || false
+      category: category || "other",
+      isAnonymous: isAnonymous || false,
     });
-    
+
     // Save the feedback to the database
     await newFeedback.save();
-    
-    res.json({ success: true, message: 'Feedback submitted successfully' });
+
+    res.json({ success: true, message: "Feedback submitted successfully" });
   } catch (err) {
-    console.error('Error submitting feedback:', err.message);
-    res.status(500).json({ message: 'Server error' });
+    console.error("Error submitting feedback:", err.message);
+    res.status(500).json({ message: "Server error" });
   }
 });
 
 // @route   POST api/feedback/guest
 // @desc    Submit guest (unauthenticated) feedback
 // @access  Public
-router.post('/guest', async (req, res) => {
+router.post("/guest", async (req, res) => {
   try {
     const { rating, comment, category, isAnonymous = true } = req.body;
-    
+
     // Validate the data
     if (!rating || rating < 1 || rating > 5) {
-      return res.status(400).json({ message: 'Please provide a valid rating between 1 and 5' });
+      return res
+        .status(400)
+        .json({ message: "Please provide a valid rating between 1 and 5" });
     }
-    
+
     if (!comment || comment.trim().length < 10) {
-      return res.status(400).json({ message: 'Please provide feedback with at least 10 characters' });
+      return res
+        .status(400)
+        .json({
+          message: "Please provide feedback with at least 10 characters",
+        });
     }
-    
+
     // Create a new feedback instance for guest user
     const newFeedback = new Feedback({
       userId: "guest",
       rating,
       comment,
-      category: category || 'other',
-      isAnonymous: true // Always anonymous for guests
+      category: category || "other",
+      isAnonymous: true, // Always anonymous for guests
     });
-    
+
     // Save the feedback to the database
     await newFeedback.save();
-    
-    res.json({ success: true, message: 'Guest feedback submitted successfully' });
+
+    res.json({
+      success: true,
+      message: "Guest feedback submitted successfully",
+    });
   } catch (err) {
-    console.error('Error submitting guest feedback:', err.message);
-    res.status(500).json({ message: 'Server error' });
+    console.error("Error submitting guest feedback:", err.message);
+    res.status(500).json({ message: "Server error" });
   }
 });
 
 // @route   GET api/feedback
 // @desc    Get all feedback (for admin/community page)
 // @access  Public
-router.get('/', async (req, res) => {
+router.get("/", async (req, res) => {
   try {
     console.log("Feedback GET request received");
-    
+
     // Get feedback sorted by date (newest first)
     try {
       const feedbackList = await Feedback.find()
         .sort({ date: -1 })
         .select(
           // Don't include user ID if feedback is anonymous
-          '-__v ' + (req.query.includePrivate === 'true' ? '' : '-userId')
+          "-__v " + (req.query.includePrivate === "true" ? "" : "-userId"),
         );
-      
+
       // Process feedback for public display
-      const processedFeedback = feedbackList.map(feedback => {
+      const processedFeedback = feedbackList.map((feedback) => {
         const feedbackObj = feedback.toObject();
-        
+
         // If feedback is anonymous, remove any identifiable information
         if (feedbackObj.isAnonymous && !req.query.includePrivate) {
-          feedbackObj.userId = 'anonymous';
+          feedbackObj.userId = "anonymous";
         }
-        
+
         return feedbackObj;
       });
-      
+
       return res.json(processedFeedback);
     } catch (dbError) {
       console.error("Database error:", dbError);
@@ -108,9 +123,9 @@ router.get('/', async (req, res) => {
       return res.json([]);
     }
   } catch (err) {
-    console.error('Error getting feedback:', err.message);
-    res.status(500).json({ message: 'Server error' });
+    console.error("Error getting feedback:", err.message);
+    res.status(500).json({ message: "Server error" });
   }
 });
 
-module.exports = router;
\ No newline at end of file
+module.exports = router;
diff --git a/backend/routes/github.route.js b/backend/routes/github.route.js
index 290dd7f..50e4ea8 100644
--- a/backend/routes/github.route.js
+++ b/backend/routes/github.route.js
@@ -1,7 +1,7 @@
 // routes/github.route.js
 const express = require("express");
 const fetch = (...args) =>
-import("node-fetch").then(({ default: fetch }) => fetch(...args));
+  import("node-fetch").then(({ default: fetch }) => fetch(...args));
 const router = express.Router();
 
 // Helper to run GitHub GraphQL queries
@@ -139,4 +139,4 @@ router.get("/:username", async (req, res) => {
   }
 });
 
-module.exports = router;
\ No newline at end of file
+module.exports = router;
diff --git a/backend/routes/profile.js b/backend/routes/profile.js
index 07ff0db..59a8179 100644
--- a/backend/routes/profile.js
+++ b/backend/routes/profile.js
@@ -1,349 +1,354 @@
-const express = require('express');
+const express = require("express");
 const router = express.Router();
-const { check, validationResult } = require('express-validator');
-const auth = require('../middleware/auth');
-const multer = require('multer');
-const path = require('path');
-const User = require('../models/User');
-const fs = require('fs');
-const crypto = require('crypto');
-const LeetCode = require("../models/Leetcode")
+const { check, validationResult } = require("express-validator");
+const auth = require("../middleware/auth");
+const multer = require("multer");
+const path = require("path");
+const User = require("../models/User");
+const fs = require("fs");
+const crypto = require("crypto");
+const LeetCode = require("../models/Leetcode");
 
 // Helper function to generate avatar URL from email or name
 const generateAvatarUrl = (email, name) => {
   // Use email for consistent avatar, or fallback to name
-  const identifier = email || name || 'user';
-  const md5Hash = crypto.createHash('md5').update(identifier.toLowerCase().trim()).digest('hex');
-  
+  const identifier = email || name || "user";
+  const md5Hash = crypto
+    .createHash("md5")
+    .update(identifier.toLowerCase().trim())
+    .digest("hex");
+
   // Choose one of these services:
   // 1. Gravatar
   // const gravatarUrl = `https://www.gravatar.com/avatar/${md5Hash}?d=identicon&s=400`;
-  
+
   // 2. DiceBear (more modern styled avatars)
-  const diceBearStyle = 'micah'; // Options: avataaars, bottts, initials, micah, miniavs, etc.
+  const diceBearStyle = "micah"; // Options: avataaars, bottts, initials, micah, miniavs, etc.
   const diceBearUrl = `https://api.dicebear.com/6.x/${diceBearStyle}/svg?seed=${encodeURIComponent(identifier)}`;
-  
+
   // 3. UI Avatars (text based)
-  const uiAvatarsUrl = `https://ui-avatars.com/api/?name=${encodeURIComponent(name || 'User')}&background=random&size=128`;
-  
+  const uiAvatarsUrl = `https://ui-avatars.com/api/?name=${encodeURIComponent(name || "User")}&background=random&size=128`;
+
   // Return your preferred avatar service
   return diceBearUrl;
 };
 
 // Set up multer for file uploads
 const storage = multer.diskStorage({
-  destination: function(req, file, cb) {
-    const uploadDir = 'uploads/avatars';
+  destination: function (req, file, cb) {
+    const uploadDir = "uploads/avatars";
     if (!fs.existsSync(uploadDir)) {
       fs.mkdirSync(uploadDir, { recursive: true });
     }
     cb(null, uploadDir);
   },
-  filename: function(req, file, cb) {
+  filename: function (req, file, cb) {
     cb(null, `${Date.now()}-${file.originalname}`);
-  }
+  },
 });
 
-const upload = multer({ 
+const upload = multer({
   storage: storage,
   limits: { fileSize: 2000000 }, // 2MB limit
-  fileFilter: function(req, file, cb) {
+  fileFilter: function (req, file, cb) {
     const filetypes = /jpeg|jpg|png/;
-    const extname = filetypes.test(path.extname(file.originalname).toLowerCase());
+    const extname = filetypes.test(
+      path.extname(file.originalname).toLowerCase(),
+    );
     const mimetype = filetypes.test(file.mimetype);
     if (mimetype && extname) {
       return cb(null, true);
     } else {
-      cb('Error: Images Only!');
+      cb("Error: Images Only!");
     }
-  }
+  },
 });
 
 // @route   GET api/profile
 // @desc    Get current user's profile
 // @access  Private
-router.get('/', auth, async (req, res) => {
+router.get("/", auth, async (req, res) => {
   try {
-    const user = await User.findById(req.user.id).select('-password');
+    const user = await User.findById(req.user.id).select("-password");
     if (!user) {
-      return res.status(400).json({ errors: [{ msg: 'User not found' }] });
+      return res.status(400).json({ errors: [{ msg: "User not found" }] });
     }
     res.json(user);
   } catch (err) {
     console.error(err.message);
-    res.status(500).json({ errors: [{ msg: 'Server Error' }] });
+    res.status(500).json({ errors: [{ msg: "Server Error" }] });
   }
 });
 
 // @route   POST api/profile/avatar
 // @desc    Upload user avatar
 // @access  Private
-router.post('/avatar', auth, upload.single('avatar'), async (req, res) => {
+router.post("/avatar", auth, upload.single("avatar"), async (req, res) => {
   try {
-    const user = await User.findById(req.user.id).select('-password');
+    const user = await User.findById(req.user.id).select("-password");
     if (!user) {
-      return res.status(404).json({ errors: [{ msg: 'User not found' }] });
+      return res.status(404).json({ errors: [{ msg: "User not found" }] });
     }
 
     // If a file was uploaded, use that
     if (req.file) {
       // Delete old avatar if it's stored locally and not the default
-      if (user.avatar && user.avatar.startsWith('/uploads/')) {
-        const oldAvatarPath = path.join(__dirname, '..', user.avatar);
+      if (user.avatar && user.avatar.startsWith("/uploads/")) {
+        const oldAvatarPath = path.join(__dirname, "..", user.avatar);
         if (fs.existsSync(oldAvatarPath)) {
           fs.unlinkSync(oldAvatarPath);
         }
       }
 
       // Update user with new avatar path
-      const avatarPath = `/${req.file.path.replace(/\\/g, '/')}`;
+      const avatarPath = `/${req.file.path.replace(/\\/g, "/")}`;
       user.avatar = avatarPath;
-    } 
+    }
     // Otherwise generate an avatar from dicebear or similar service
     else {
       const newAvatar = generateAvatarUrl(user.email, user.name);
       user.avatar = newAvatar;
     }
-    
+
     await user.save();
     res.json({ avatar: user.avatar });
   } catch (err) {
     console.error(err.message);
-    res.status(500).json({ errors: [{ msg: 'Server Error' }] });
+    res.status(500).json({ errors: [{ msg: "Server Error" }] });
   }
 });
 
 // @route   PUT api/profile
 // @desc    Update user profile
 // @access  Private
-router.put('/', [
-  auth,
-  [
-    check('name', 'Name is required').not().isEmpty()
-  ]
-], async (req, res) => {
-  const errors = validationResult(req);
-  if (!errors.isEmpty()) {
-    return res.status(400).json({ errors: errors.array() });
-  }
+router.put(
+  "/",
+  [auth, [check("name", "Name is required").not().isEmpty()]],
+  async (req, res) => {
+    const errors = validationResult(req);
+    if (!errors.isEmpty()) {
+      return res.status(400).json({ errors: errors.array() });
+    }
 
-  const {
-    name,
-    bio,
-    location,
-    skills,
-    github,
-    gitlab,
-    linkedin,
-    twitter,
-    website,
-    // Competitive coding platforms
-    codechef,
-    hackerrank,
-    leetcode,
-    codeforces,
-    hackerearth
-  } = req.body;
-
-  // Build profile object
-  const profileFields = {};
-  if (name) profileFields.name = name;
-  if (bio) profileFields.bio = bio;
-  if (location) profileFields.location = location;
-  if (skills && Array.isArray(skills)) {
-    profileFields.skills = skills;
-  } else if (skills) {
-    profileFields.skills = skills.split(',').map(skill => skill.trim());
-  }
+    const {
+      name,
+      bio,
+      location,
+      skills,
+      github,
+      gitlab,
+      linkedin,
+      twitter,
+      website,
+      // Competitive coding platforms
+      codechef,
+      hackerrank,
+      leetcode,
+      codeforces,
+      hackerearth,
+    } = req.body;
+
+    // Build profile object
+    const profileFields = {};
+    if (name) profileFields.name = name;
+    if (bio) profileFields.bio = bio;
+    if (location) profileFields.location = location;
+    if (skills && Array.isArray(skills)) {
+      profileFields.skills = skills;
+    } else if (skills) {
+      profileFields.skills = skills.split(",").map((skill) => skill.trim());
+    }
 
-  // Build social object
-  profileFields.socialLinks = {};
-  if (github) profileFields.socialLinks.github = github;
-  if (gitlab) profileFields.socialLinks.gitlab = gitlab;
-  if (linkedin) profileFields.socialLinks.linkedin = linkedin;
-  if (twitter) profileFields.socialLinks.twitter = twitter;
-  if (website) profileFields.socialLinks.website = website;
-  
-  // Add competitive coding platforms
-  if (codechef) profileFields.socialLinks.codechef = codechef;
-  if (hackerrank) profileFields.socialLinks.hackerrank = hackerrank;
-  if (leetcode) profileFields.socialLinks.leetcode = leetcode;
-  if (codeforces) profileFields.socialLinks.codeforces = codeforces;
-  if (hackerearth) profileFields.socialLinks.hackerearth = hackerearth;
+    // Build social object
+    profileFields.socialLinks = {};
+    if (github) profileFields.socialLinks.github = github;
+    if (gitlab) profileFields.socialLinks.gitlab = gitlab;
+    if (linkedin) profileFields.socialLinks.linkedin = linkedin;
+    if (twitter) profileFields.socialLinks.twitter = twitter;
+    if (website) profileFields.socialLinks.website = website;
+
+    // Add competitive coding platforms
+    if (codechef) profileFields.socialLinks.codechef = codechef;
+    if (hackerrank) profileFields.socialLinks.hackerrank = hackerrank;
+    if (leetcode) profileFields.socialLinks.leetcode = leetcode;
+    if (codeforces) profileFields.socialLinks.codeforces = codeforces;
+    if (hackerearth) profileFields.socialLinks.hackerearth = hackerearth;
 
-  try {
-    let user = await User.findById(req.user.id);
-    
-    if (!user) {
-      return res.status(404).json({ errors: [{ msg: 'User not found' }] });
-    }
+    try {
+      let user = await User.findById(req.user.id);
 
-    // Update
-    user = await User.findByIdAndUpdate(
-      req.user.id,
-      { $set: profileFields },
-      { new: true }
-    ).select('-password');
+      if (!user) {
+        return res.status(404).json({ errors: [{ msg: "User not found" }] });
+      }
 
-    return res.json(user);
-  } catch (err) {
-    console.error(err.message);
-    res.status(500).json({ errors: [{ msg: 'Server Error' }] });
-  }
-});
+      // Update
+      user = await User.findByIdAndUpdate(
+        req.user.id,
+        { $set: profileFields },
+        { new: true },
+      ).select("-password");
+
+      return res.json(user);
+    } catch (err) {
+      console.error(err.message);
+      res.status(500).json({ errors: [{ msg: "Server Error" }] });
+    }
+  },
+);
 
 // Added a route to generate a new avatar from online services
-router.post('/generate-avatar', auth, async (req, res) => {
+router.post("/generate-avatar", auth, async (req, res) => {
   try {
-    const user = await User.findById(req.user.id).select('-password');
+    const user = await User.findById(req.user.id).select("-password");
     if (!user) {
-      return res.status(404).json({ errors: [{ msg: 'User not found' }] });
+      return res.status(404).json({ errors: [{ msg: "User not found" }] });
     }
-    
+
     // Generate a new avatar using online service
     const newAvatar = generateAvatarUrl(user.email, user.name);
     user.avatar = newAvatar;
     await user.save();
-    
+
     res.json({ avatar: newAvatar });
   } catch (err) {
     console.error(err.message);
-    res.status(500).json({ errors: [{ msg: 'Server Error' }] });
+    res.status(500).json({ errors: [{ msg: "Server Error" }] });
   }
 });
 
 // @route   POST api/profile/projects
 // @desc    Add project to profile
 // @access  Private
-router.post('/projects', [
-  auth,
+router.post(
+  "/projects",
   [
-    check('name', 'Project name is required').not().isEmpty(),
-    check('description', 'Description is required').not().isEmpty()
-  ]
-], async (req, res) => {
-  const errors = validationResult(req);
-  if (!errors.isEmpty()) {
-    return res.status(400).json({ errors: errors.array() });
-  }
+    auth,
+    [
+      check("name", "Project name is required").not().isEmpty(),
+      check("description", "Description is required").not().isEmpty(),
+    ],
+  ],
+  async (req, res) => {
+    const errors = validationResult(req);
+    if (!errors.isEmpty()) {
+      return res.status(400).json({ errors: errors.array() });
+    }
 
-  const { name, description, link } = req.body;
+    const { name, description, link } = req.body;
 
-  try {
-    const user = await User.findById(req.user.id);
+    try {
+      const user = await User.findById(req.user.id);
 
-    user.projects.unshift({
-      name,
-      description,
-      link
-    });
+      user.projects.unshift({
+        name,
+        description,
+        link,
+      });
 
-    await user.save();
-    res.json(user);
-  } catch (err) {
-    console.error(err.message);
-    res.status(500).json({ errors: [{ msg: 'Server Error' }] });
-  }
-});
+      await user.save();
+      res.json(user);
+    } catch (err) {
+      console.error(err.message);
+      res.status(500).json({ errors: [{ msg: "Server Error" }] });
+    }
+  },
+);
 
 // @route   DELETE api/profile/projects/:proj_id
 // @desc    Delete project from profile
 // @access  Private
-router.delete('/projects/:proj_id', auth, async (req, res) => {
+router.delete("/projects/:proj_id", auth, async (req, res) => {
   try {
     const user = await User.findById(req.user.id);
-    
+
     // Get remove index
     const removeIndex = user.projects
-      .map(item => item.id)
+      .map((item) => item.id)
       .indexOf(req.params.proj_id);
 
     if (removeIndex === -1) {
-      return res.status(404).json({ errors: [{ msg: 'Project not found' }] });
+      return res.status(404).json({ errors: [{ msg: "Project not found" }] });
     }
-    
+
     user.projects.splice(removeIndex, 1);
     await user.save();
     res.json(user);
   } catch (err) {
     console.error(err.message);
-    res.status(500).json({ errors: [{ msg: 'Server Error' }] });
+    res.status(500).json({ errors: [{ msg: "Server Error" }] });
   }
 });
 
 // @route   PUT api/profile/goals
 // @desc    Update user goals
 // @access  Private
-router.put('/goals', auth, async (req, res) => {
+router.put("/goals", auth, async (req, res) => {
   try {
     const user = await User.findById(req.user.id);
-    if (!user) return res.status(404).json({ msg: 'User not found' });
+    if (!user) return res.status(404).json({ msg: "User not found" });
 
     user.goals = req.body.goals || [];
     await user.save();
     res.json(user.goals);
   } catch (err) {
     console.error(err.message);
-    res.status(500).send('Server error');
+    res.status(500).send("Server error");
   }
 });
 
 // @route   PUT api/profile/notes
 // @desc    Update user notes
 // @access  Private
-router.put('/notes', auth, async (req, res) => {
+router.put("/notes", auth, async (req, res) => {
   try {
     const user = await User.findById(req.user.id);
-    if (!user) return res.status(404).json({ msg: 'User not found' });
+    if (!user) return res.status(404).json({ msg: "User not found" });
 
     user.notes = req.body.notes || "";
     await user.save();
     res.json(user.notes);
   } catch (err) {
     console.error(err.message);
-    res.status(500).send('Server error');
+    res.status(500).send("Server error");
   }
 });
 
 // @route   PUT api/profile/activity
 // @desc    Update activity log (for heatmap)
 // @access  Private
-router.put('/activity', auth, async (req, res) => {
+router.put("/activity", auth, async (req, res) => {
   try {
     const { date } = req.body; // expects YYYY-MM-DD or timestamp
     const user = await User.findById(req.user.id);
-    if (!user) return res.status(404).json({ msg: 'User not found' });
+    if (!user) return res.status(404).json({ msg: "User not found" });
 
     user.activity.push(date);
     await user.save();
     res.json(user.activity);
   } catch (err) {
     console.error(err.message);
-    res.status(500).send('Server error');
+    res.status(500).send("Server error");
   }
 });
 
 // @route   PUT api/profile/time
 // @desc    Update time spent
 // @access  Private
-router.put('/time', auth, async (req, res) => {
+router.put("/time", auth, async (req, res) => {
   try {
     const { timeSpent } = req.body; // e.g. "2h 30m"
     const user = await User.findById(req.user.id);
-    if (!user) return res.status(404).json({ msg: 'User not found' });
+    if (!user) return res.status(404).json({ msg: "User not found" });
 
     user.timeSpent = timeSpent;
     await user.save();
     res.json(user.timeSpent);
   } catch (err) {
     console.error(err.message);
-    res.status(500).send('Server error');
+    res.status(500).send("Server error");
   }
 });
 
-
-
-
 router.post("/leetcode/:username", async (req, res) => {
   const { username } = req.params;
 
@@ -438,17 +443,20 @@ router.post("/leetcode/:username", async (req, res) => {
         ranking: json.data.matchedUser.profile?.ranking,
         avatar: json.data.matchedUser.profile?.userAvatar,
       },
-      submitStatsGlobal: json.data.matchedUser.submitStatsGlobal.acSubmissionNum.map(sub => ({
-        difficulty: sub.difficulty,
-        count: sub.count,
-      })),
-      badges: json.data.matchedUser.badges.map(badge => ({
+      submitStatsGlobal:
+        json.data.matchedUser.submitStatsGlobal.acSubmissionNum.map((sub) => ({
+          difficulty: sub.difficulty,
+          count: sub.count,
+        })),
+      badges: json.data.matchedUser.badges.map((badge) => ({
         id: badge.id,
         displayName: badge.displayName,
         icon: badge.icon,
       })),
-      submissionCalendar: JSON.parse(json.data.matchedUser.submissionCalendar || "{}"),
-      recentSubmissions: json.data.recentAcSubmissionList.map(sub => ({
+      submissionCalendar: JSON.parse(
+        json.data.matchedUser.submissionCalendar || "{}",
+      ),
+      recentSubmissions: json.data.recentAcSubmissionList.map((sub) => ({
         id: sub.id,
         title: sub.title,
         titleSlug: sub.titleSlug,
@@ -466,7 +474,7 @@ router.post("/leetcode/:username", async (req, res) => {
           expired: contestRanking.badge?.expired || false,
         },
       },
-      contestHistory: contestHistory.map(contest => ({
+      contestHistory: contestHistory.map((contest) => ({
         attended: contest.attended || false,
         rating: contest.rating || 0,
         contest: {
@@ -488,8 +496,6 @@ router.post("/leetcode/:username", async (req, res) => {
   }
 });
 
-
-
 router.post("/leetcode/update/:username", async (req, res) => {
   const { username } = req.params;
 
@@ -500,8 +506,9 @@ router.post("/leetcode/update/:username", async (req, res) => {
       return res.status(404).json({ error: "User not found in database" });
     }
 
-    const timeDifference = Date.now() - new Date(existingUser.lastUpdated).getTime();
-    const sixHoursInMillis = 6 * 60 * 60 * 1000; 
+    const timeDifference =
+      Date.now() - new Date(existingUser.lastUpdated).getTime();
+    const sixHoursInMillis = 6 * 60 * 60 * 1000;
 
     if (timeDifference < sixHoursInMillis) {
       return res.json({
@@ -590,17 +597,20 @@ router.post("/leetcode/update/:username", async (req, res) => {
         ranking: json.data.matchedUser.profile?.ranking,
         avatar: json.data.matchedUser.profile?.userAvatar,
       },
-      submitStatsGlobal: json.data.matchedUser.submitStatsGlobal.acSubmissionNum.map(sub => ({
-        difficulty: sub.difficulty,
-        count: sub.count,
-      })),
-      badges: json.data.matchedUser.badges.map(badge => ({
+      submitStatsGlobal:
+        json.data.matchedUser.submitStatsGlobal.acSubmissionNum.map((sub) => ({
+          difficulty: sub.difficulty,
+          count: sub.count,
+        })),
+      badges: json.data.matchedUser.badges.map((badge) => ({
         id: badge.id,
         displayName: badge.displayName,
         icon: badge.icon,
       })),
-      submissionCalendar: JSON.parse(json.data.matchedUser.submissionCalendar || "{}"),
-      recentSubmissions: json.data.recentAcSubmissionList.map(sub => ({
+      submissionCalendar: JSON.parse(
+        json.data.matchedUser.submissionCalendar || "{}",
+      ),
+      recentSubmissions: json.data.recentAcSubmissionList.map((sub) => ({
         id: sub.id,
         title: sub.title,
         titleSlug: sub.titleSlug,
@@ -618,7 +628,7 @@ router.post("/leetcode/update/:username", async (req, res) => {
           expired: contestRanking.badge?.expired || false,
         },
       },
-      contestHistory: contestHistory.map(contest => ({
+      contestHistory: contestHistory.map((contest) => ({
         attended: contest.attended || false,
         rating: contest.rating || 0,
         contest: {
@@ -649,5 +659,4 @@ router.post("/leetcode/update/:username", async (req, res) => {
   }
 });
 
-
-module.exports = router;
\ No newline at end of file
+module.exports = router;
diff --git a/backend/routes/tasks.route.js b/backend/routes/tasks.route.js
index 9e49627..ccef556 100644
--- a/backend/routes/tasks.route.js
+++ b/backend/routes/tasks.route.js
@@ -1,87 +1,94 @@
-const express = require('express');
+const express = require("express");
 const router = express.Router();
-const auth = require('../middleware/auth');
-const Task = require('../models/Task');
+const auth = require("../middleware/auth");
+const Task = require("../models/Task");
 
 // POST /api/tasks - Create a new task
-router.post('/', auth, async (req, res) => {
+router.post("/", auth, async (req, res) => {
   try {
     const { title, description, status, deadline } = req.body;
     if (!title || !title.trim()) {
-      return res.status(400).json({ errors: [{ msg: 'Title is required' }] });
+      return res.status(400).json({ errors: [{ msg: "Title is required" }] });
     }
     const task = new Task({
       title: title.trim(),
-      description: description || '',
-      status: status === 'completed' ? 'completed' : 'pending',
+      description: description || "",
+      status: status === "completed" ? "completed" : "pending",
       deadline: deadline ? new Date(deadline) : undefined,
       userId: req.user.id,
     });
     const saved = await task.save();
     return res.status(201).json(saved);
   } catch (err) {
-    console.error('Create task error:', err);
-    return res.status(500).json({ errors: [{ msg: 'Server error' }] });
+    console.error("Create task error:", err);
+    return res.status(500).json({ errors: [{ msg: "Server error" }] });
   }
 });
 
 // GET /api/tasks - Get tasks for the authenticated user
-router.get('/', auth, async (req, res) => {
+router.get("/", auth, async (req, res) => {
   try {
-    const tasks = await Task.find({ userId: req.user.id }).sort({ createdAt: -1 });
+    const tasks = await Task.find({ userId: req.user.id }).sort({
+      createdAt: -1,
+    });
     return res.json(tasks);
   } catch (err) {
-    console.error('Fetch tasks error:', err);
-    return res.status(500).json({ errors: [{ msg: 'Server error' }] });
+    console.error("Fetch tasks error:", err);
+    return res.status(500).json({ errors: [{ msg: "Server error" }] });
   }
 });
 
 // PUT /api/tasks/:id - Update a task (only owner)
-router.put('/:id', auth, async (req, res) => {
+router.put("/:id", auth, async (req, res) => {
   try {
     const { id } = req.params;
     const updates = {};
-    if (typeof req.body.title === 'string') updates.title = req.body.title.trim();
-    if (typeof req.body.description === 'string') updates.description = req.body.description;
-    if (typeof req.body.status === 'string' && ['pending','completed'].includes(req.body.status)) updates.status = req.body.status;
-    if (typeof req.body.deadline !== 'undefined') updates.deadline = req.body.deadline ? new Date(req.body.deadline) : null;
+    if (typeof req.body.title === "string")
+      updates.title = req.body.title.trim();
+    if (typeof req.body.description === "string")
+      updates.description = req.body.description;
+    if (
+      typeof req.body.status === "string" &&
+      ["pending", "completed"].includes(req.body.status)
+    )
+      updates.status = req.body.status;
+    if (typeof req.body.deadline !== "undefined")
+      updates.deadline = req.body.deadline ? new Date(req.body.deadline) : null;
     // Never allow changing userId via API
 
     const task = await Task.findOne({ _id: id, userId: req.user.id });
     if (!task) {
-      return res.status(404).json({ errors: [{ msg: 'Task not found' }] });
+      return res.status(404).json({ errors: [{ msg: "Task not found" }] });
     }
 
     Object.assign(task, updates);
     const saved = await task.save();
     return res.json(saved);
   } catch (err) {
-    console.error('Update task error:', err);
-    if (err.name === 'CastError') {
-      return res.status(400).json({ errors: [{ msg: 'Invalid task id' }] });
+    console.error("Update task error:", err);
+    if (err.name === "CastError") {
+      return res.status(400).json({ errors: [{ msg: "Invalid task id" }] });
     }
-    return res.status(500).json({ errors: [{ msg: 'Server error' }] });
+    return res.status(500).json({ errors: [{ msg: "Server error" }] });
   }
 });
 
 // DELETE /api/tasks/:id - Delete a task (only owner)
-router.delete('/:id', auth, async (req, res) => {
+router.delete("/:id", auth, async (req, res) => {
   try {
     const { id } = req.params;
     const task = await Task.findOneAndDelete({ _id: id, userId: req.user.id });
     if (!task) {
-      return res.status(404).json({ errors: [{ msg: 'Task not found' }] });
+      return res.status(404).json({ errors: [{ msg: "Task not found" }] });
     }
-    return res.json({ msg: 'Task deleted' });
+    return res.json({ msg: "Task deleted" });
   } catch (err) {
-    console.error('Delete task error:', err);
-    if (err.name === 'CastError') {
-      return res.status(400).json({ errors: [{ msg: 'Invalid task id' }] });
+    console.error("Delete task error:", err);
+    if (err.name === "CastError") {
+      return res.status(400).json({ errors: [{ msg: "Invalid task id" }] });
     }
-    return res.status(500).json({ errors: [{ msg: 'Server error' }] });
+    return res.status(500).json({ errors: [{ msg: "Server error" }] });
   }
 });
 
 module.exports = router;
-
-
diff --git a/backend/server.js b/backend/server.js
index 2c20dd3..b947644 100644
--- a/backend/server.js
+++ b/backend/server.js
@@ -8,7 +8,6 @@ require("./utils/leetcodeCron");
 const passport = require("passport");
 const githubRoute = require("./routes/github.route");
 
-
 // Database connection
 require("./db/connection");
 
@@ -16,14 +15,19 @@ require("./db/connection");
 try {
   require("./config/passport");
 } catch (err) {
-  console.warn("Google OAuth is not configured properly. Skipping Passport strategy.");
+  console.warn(
+    "Google OAuth is not configured properly. Skipping Passport strategy.",
+  );
 }
 
 // Import routes
 const contactRouter = require("./routes/contact.route");
 
 // Rate limiter middleware placeholders
-const { generalMiddleware, authMiddleware } = require("./middleware/rateLimit/index");
+const {
+  generalMiddleware,
+  authMiddleware,
+} = require("./middleware/rateLimit/index");
 
 // Initialize Express
 const app = express();
@@ -36,7 +40,7 @@ app.use(
   cors({
     origin: process.env.CLIENT_URL || "http://localhost:5173",
     credentials: true,
-  })
+  }),
 );
 
 // Session setup
@@ -46,7 +50,7 @@ app.use(
     resave: false,
     saveUninitialized: false,
     cookie: { secure: false }, // set true if using HTTPS
-  })
+  }),
 );
 
 // Initialize Passport
@@ -66,7 +70,6 @@ app.use("/api/contact", generalMiddleware, contactRouter);
 app.use("/api/tasks", require("./routes/tasks.route"));
 app.use("/api/feedback", require("./routes/feedback"));
 
-
 // Default route
 app.get("/", (req, res) => {
   res.send("DEVSYNC BACKEND API 🚀");
@@ -76,4 +79,4 @@ app.get("/", (req, res) => {
 const PORT = process.env.PORT || 5000;
 app.listen(PORT, () => {
   console.log(`Server is up and running at http://localhost:${PORT} 🚀`);
-});
\ No newline at end of file
+});
diff --git a/backend/services/sendResetEmail.js b/backend/services/sendResetEmail.js
index 65d9e5b..d01fe6b 100644
--- a/backend/services/sendResetEmail.js
+++ b/backend/services/sendResetEmail.js
@@ -1,24 +1,24 @@
-const nodemailer = require('nodemailer');
+const nodemailer = require("nodemailer");
 
 const transporter = nodemailer.createTransport({
-  service: 'gmail',
+  service: "gmail",
   auth: {
     user: process.env.EMAIL_USER,
-    pass: process.env.EMAIL_PASSWORD
-  }
+    pass: process.env.EMAIL_PASSWORD,
+  },
 });
 
 const sendResetEmail = async (email, resetLink) => {
   const mailOptions = {
     from: process.env.EMAIL_USER,
     to: email,
-    subject: 'Password Reset - DevSync',
+    subject: "Password Reset - DevSync",
     html: `
       <h2>Password Reset Request</h2>
       <p>Click the link below to reset your password:</p>
       <a href="${resetLink}">${resetLink}</a>
       <p>This link will expire in 1 hour.</p>
-    `
+    `,
   };
 
   await transporter.sendMail(mailOptions);
diff --git a/backend/utils/emailVerificationHelpers.js b/backend/utils/emailVerificationHelpers.js
index a6fefe1..aae7193 100644
--- a/backend/utils/emailVerificationHelpers.js
+++ b/backend/utils/emailVerificationHelpers.js
@@ -1,9 +1,10 @@
-const { sendVerificationEmail } = require('../services/emailService');
+const { sendVerificationEmail } = require("../services/emailService");
 const crypto = require("crypto");
-const jwt = require('jsonwebtoken');
+const jwt = require("jsonwebtoken");
 
 // Use a fallback JWT secret if env variable is missing
-const JWT_SECRET = process.env.JWT_SECRET || 'devsync_secure_jwt_secret_key_for_authentication';
+const JWT_SECRET =
+  process.env.JWT_SECRET || "devsync_secure_jwt_secret_key_for_authentication";
 
 /**
  * Generate a 6-digit verification code
@@ -60,7 +61,7 @@ const handleVerificationEmail = async (email, verificationCode) => {
   }
 
   try {
-    console.log('Sending For Email Verifcation ...')
+    console.log("Sending For Email Verifcation ...");
     await sendVerificationEmail(email, verificationCode);
     console.log(`Verification code for ${email}: ${verificationCode}`);
   } catch (emailError) {
@@ -74,5 +75,5 @@ module.exports = {
   generateJWT,
   formatUserResponse,
   setVerificationToken,
-  handleVerificationEmail
+  handleVerificationEmail,
 };
diff --git a/backend/utils/leetcodeCron.js b/backend/utils/leetcodeCron.js
index dd6e147..2fb2c84 100644
--- a/backend/utils/leetcodeCron.js
+++ b/backend/utils/leetcodeCron.js
@@ -1,24 +1,24 @@
-const cron = require('node-cron');
-const LeetCode = require('../models/Leetcode'); 
-const axios = require('axios');
+const cron = require("node-cron");
+const LeetCode = require("../models/Leetcode");
+const axios = require("axios");
 
-console.log('✅ leetcodeCron.js file loaded');
+console.log("✅ leetcodeCron.js file loaded");
 
 const batchLimit = 50; // number users should update for the each hour
 
 const runLeetCodeBatchUpdate = async () => {
   try {
-    console.log('Starting batch update for LeetCode users...');
+    console.log("Starting batch update for LeetCode users...");
 
     const sixHoursAgo = new Date(Date.now() - 6 * 60 * 60 * 1000);
     const usersToUpdate = await LeetCode.find({
-      lastUpdated: { $lt: sixHoursAgo }
+      lastUpdated: { $lt: sixHoursAgo },
     }).limit(batchLimit);
 
     const totalUsers = usersToUpdate.length;
 
     if (totalUsers === 0) {
-      console.log('No users need updating at the moment.');
+      console.log("No users need updating at the moment.");
       return;
     }
 
@@ -37,20 +37,18 @@ const runLeetCodeBatchUpdate = async () => {
       }
     }
 
-    console.log('Batch update completed.');
-    console.log(`Summary: Total: ${totalUsers}, Successfully updated: ${successCount}, Failed: ${failCount}`);
+    console.log("Batch update completed.");
+    console.log(
+      `Summary: Total: ${totalUsers}, Successfully updated: ${successCount}, Failed: ${failCount}`,
+    );
   } catch (err) {
-    console.error('Error in batch update:', err);
+    console.error("Error in batch update:", err);
   }
 };
 
-
-
 runLeetCodeBatchUpdate(); //comment this function to stop cronjon on server start / restart
 
-cron.schedule('0 * * * *', runLeetCodeBatchUpdate); // execute on each one hour
-
-
+cron.schedule("0 * * * *", runLeetCodeBatchUpdate); // execute on each one hour
 
 const updateUserLeetCodeProfile = async (username) => {
   try {
@@ -110,10 +108,10 @@ const updateUserLeetCodeProfile = async (username) => {
         headers: {
           "Content-Type": "application/json",
         },
-      }
+      },
     );
 
-    const json = response.data;  
+    const json = response.data;
 
     if (!json.data?.matchedUser) {
       console.error(`User ${username} not found.`);
@@ -129,17 +127,20 @@ const updateUserLeetCodeProfile = async (username) => {
         ranking: json.data.matchedUser.profile?.ranking,
         avatar: json.data.matchedUser.profile?.userAvatar,
       },
-      submitStatsGlobal: json.data.matchedUser.submitStatsGlobal.acSubmissionNum.map(sub => ({
-        difficulty: sub.difficulty,
-        count: sub.count,
-      })),
-      badges: json.data.matchedUser.badges.map(badge => ({
+      submitStatsGlobal:
+        json.data.matchedUser.submitStatsGlobal.acSubmissionNum.map((sub) => ({
+          difficulty: sub.difficulty,
+          count: sub.count,
+        })),
+      badges: json.data.matchedUser.badges.map((badge) => ({
         id: badge.id,
         displayName: badge.displayName,
         icon: badge.icon,
       })),
-      submissionCalendar: JSON.parse(json.data.matchedUser.submissionCalendar || "{}"),
-      recentSubmissions: json.data.recentAcSubmissionList.map(sub => ({
+      submissionCalendar: JSON.parse(
+        json.data.matchedUser.submissionCalendar || "{}",
+      ),
+      recentSubmissions: json.data.recentAcSubmissionList.map((sub) => ({
         id: sub.id,
         title: sub.title,
         titleSlug: sub.titleSlug,
@@ -157,7 +158,7 @@ const updateUserLeetCodeProfile = async (username) => {
           expired: contestRanking.badge?.expired || false,
         },
       },
-      contestHistory: contestHistory.map(contest => ({
+      contestHistory: contestHistory.map((contest) => ({
         attended: contest.attended || false,
         rating: contest.rating || 0,
         contest: {
@@ -170,11 +171,9 @@ const updateUserLeetCodeProfile = async (username) => {
     const user = await LeetCode.findOneAndUpdate(
       { username },
       { ...result, lastUpdated: new Date() },
-      { new: true }
+      { new: true },
     );
-
   } catch (err) {
     console.error(`Error updating ${username}:`, err);
   }
 };
-
diff --git a/docs/env_guide.md b/docs/env_guide.md
index e8c1739..644ef5a 100644
--- a/docs/env_guide.md
+++ b/docs/env_guide.md
@@ -1,75 +1,73 @@
-# 🗂 Environment Variables Guide
-
-**Purpose:**  
-This file lists all the environment variables required for the project.  
-For detailed setup instructions, refer to the linked setup guides below.
-
----
-
-```bash
-# -----------------------------
-# Application Settings
-# -----------------------------
-
-# Port on which the application runs locally
-PORT=5000
-
-# URL of the frontend client
-CLIENT_URL=http://localhost:5173
-
-# -----------------------------
-# Database Settings
-# -----------------------------
-
-# MongoDB connection string
-MONGODB_URI=mongodb+srv://<username>:<password>@cluster0.mongodb.net/<dbname>?retryWrites=true&w=majority
-
-# -----------------------------
-# Authentication & Security
-# -----------------------------
-
-# Secret key for signing JSON Web Tokens
-JWT_SECRET=<your-jwt-secret>
-
-# Secret key for session cookies
-SESSION_SECRET=<your-session-secret>
-
-# -----------------------------
-# Google OAuth Settings
-# -----------------------------
-
-# Google OAuth client ID
-GOOGLE_CLIENT_ID=<your-google-client-id>           # See [Google OAuth Setup](./google-auth-setup.md) for detailed instructions
-
-# Google OAuth client secret
-GOOGLE_CLIENT_SECRET=<your-google-client-secret>   # See [Google OAuth Setup](./google-auth-setup.md)
-
-# Callback URL for Google OAuth redirects
-GOOGLE_CALLBACK_URL=http://localhost:5000/auth/callback   # See [Google OAuth Setup](./google-auth-setup.md)
-
-# -----------------------------
-# Admin & Notifications
-# -----------------------------
-
-# Email of the admin account
-ADMIN_EMAIL=your-registered-email@example.com    # Must match the email used for services like Resend
-
-# -----------------------------
-# Email Service (Resend) Settings
-# -----------------------------
-
-# API key for sending emails via Resend
-RESEND_API_KEY=<your-resend-api-key>             # Must have full access permissions; see [Resend Setup](./resend-setup.md)
-
-```
-
-## ⚠️ Notes
-
-- **Do not commit `.env` files** to Git. Always add `.env` to `.gitignore`.  
-- Ensure `ADMIN_EMAIL` matches the registered email for services like Resend.  
-- After setting environment variables, test **Google OAuth login** and **email functionality**.  
-- For detailed setup instructions, follow the guides below:  
-  - [Google OAuth Setup](./setup/google_auth_setup.md)  
-  - [Resend API Setup](./setup/resend_setup.md)
-
-
+# 🗂 Environment Variables Guide
+
+**Purpose:**  
+This file lists all the environment variables required for the project.  
+For detailed setup instructions, refer to the linked setup guides below.
+
+---
+
+```bash
+# -----------------------------
+# Application Settings
+# -----------------------------
+
+# Port on which the application runs locally
+PORT=5000
+
+# URL of the frontend client
+CLIENT_URL=http://localhost:5173
+
+# -----------------------------
+# Database Settings
+# -----------------------------
+
+# MongoDB connection string
+MONGODB_URI=mongodb+srv://<username>:<password>@cluster0.mongodb.net/<dbname>?retryWrites=true&w=majority
+
+# -----------------------------
+# Authentication & Security
+# -----------------------------
+
+# Secret key for signing JSON Web Tokens
+JWT_SECRET=<your-jwt-secret>
+
+# Secret key for session cookies
+SESSION_SECRET=<your-session-secret>
+
+# -----------------------------
+# Google OAuth Settings
+# -----------------------------
+
+# Google OAuth client ID
+GOOGLE_CLIENT_ID=<your-google-client-id>           # See [Google OAuth Setup](./google-auth-setup.md) for detailed instructions
+
+# Google OAuth client secret
+GOOGLE_CLIENT_SECRET=<your-google-client-secret>   # See [Google OAuth Setup](./google-auth-setup.md)
+
+# Callback URL for Google OAuth redirects
+GOOGLE_CALLBACK_URL=http://localhost:5000/auth/callback   # See [Google OAuth Setup](./google-auth-setup.md)
+
+# -----------------------------
+# Admin & Notifications
+# -----------------------------
+
+# Email of the admin account
+ADMIN_EMAIL=your-registered-email@example.com    # Must match the email used for services like Resend
+
+# -----------------------------
+# Email Service (Resend) Settings
+# -----------------------------
+
+# API key for sending emails via Resend
+RESEND_API_KEY=<your-resend-api-key>             # Must have full access permissions; see [Resend Setup](./resend-setup.md)
+
+```
+
+## ⚠️ Notes
+
+- **Do not commit `.env` files** to Git. Always add `.env` to `.gitignore`.
+- Ensure `ADMIN_EMAIL` matches the registered email for services like Resend.
+- After setting environment variables, test **Google OAuth login** and **email functionality**.
+- For detailed setup instructions, follow the guides below:
+  - [Google OAuth Setup](./setup/google_auth_setup.md)
+  - [Resend API Setup](./setup/resend_setup.md)
diff --git a/docs/setup/google_auth_setup.md b/docs/setup/google_auth_setup.md
index 39fb789..ff129e4 100644
--- a/docs/setup/google_auth_setup.md
+++ b/docs/setup/google_auth_setup.md
@@ -1,46 +1,46 @@
-# 🔑 Google OAuth Setup
-
-**Purpose:**  
-Enable Google login for the project and allow access to Google APIs securely.
-
----
-
-## 🚀 Steps
-
-1. **Create a Google Cloud Project**  
-   - Go to [Google Cloud Console](https://console.cloud.google.com/).  
-   - Click on **“Create Project”** → Give it a name (e.g., `Devsync`).  
-   ![Create Google Cloud Project](../../assets/screenshots/google-cloud-enable-oauth.png)
-
-2. **Enable OAuth 2.0 API**  
-   - Navigate to **APIs & Services → Library**.  
-   - Search for **“Google Identity Services”** or **“OAuth 2.0 Client IDs”**.  
-   - Click **Enable**.
-
-3. **Configure OAuth Consent Screen**  
-   - Go to **APIs & Services → OAuth consent screen**.  
-   - Select **External** (if this is public) or **Internal** (for organization use).  
-   - Fill in:  
-     - App Name: `My Project`  
-     - User Support Email: `your-email@example.com`  
-     - Add Scopes: `email`, `profile`  
-  
-
-4. **Create OAuth Credentials**  
-   - Go to **APIs & Services → Credentials → Create Credentials → OAuth Client ID**  
-   - Application type: **Web Application**
-   ![OAuth Credentials](../../assets/screenshots/google-oauth-credentials1.png) 
-   - Add **Redirect URIs**:  
-     - `http://localhost:5000/api/auth/callback` (for local dev)  
-     - `https://yourdomain.com/auth/callback` (for production)  
-   - Click **Create** → Save your `Client ID` and `Client Secret`.
-   ![OAuth Credentials](../../assets/screenshots/google-oauth-credentials.png)
-
-5. **Add Environment Variables**  
-   - Open `.env` (or create it by copying `.env.example`)  
-   - Add the following keys:
-
-```bash
-GOOGLE_CLIENT_ID=<your-client-id>
-GOOGLE_CLIENT_SECRET=<your-client-secret>
-GOOGLE_REDIRECT_URI=http://localhost:5000/api/auth/callback
+# 🔑 Google OAuth Setup
+
+**Purpose:**  
+Enable Google login for the project and allow access to Google APIs securely.
+
+---
+
+## 🚀 Steps
+
+1. **Create a Google Cloud Project**
+   - Go to [Google Cloud Console](https://console.cloud.google.com/).
+   - Click on **“Create Project”** → Give it a name (e.g., `Devsync`).  
+     ![Create Google Cloud Project](../../assets/screenshots/google-cloud-enable-oauth.png)
+
+2. **Enable OAuth 2.0 API**
+   - Navigate to **APIs & Services → Library**.
+   - Search for **“Google Identity Services”** or **“OAuth 2.0 Client IDs”**.
+   - Click **Enable**.
+
+3. **Configure OAuth Consent Screen**
+   - Go to **APIs & Services → OAuth consent screen**.
+   - Select **External** (if this is public) or **Internal** (for organization use).
+   - Fill in:
+     - App Name: `My Project`
+     - User Support Email: `your-email@example.com`
+     - Add Scopes: `email`, `profile`
+
+4. **Create OAuth Credentials**
+   - Go to **APIs & Services → Credentials → Create Credentials → OAuth Client ID**
+   - Application type: **Web Application**
+     ![OAuth Credentials](../../assets/screenshots/google-oauth-credentials1.png)
+   - Add **Redirect URIs**:
+     - `http://localhost:5000/api/auth/callback` (for local dev)
+     - `https://yourdomain.com/auth/callback` (for production)
+   - Click **Create** → Save your `Client ID` and `Client Secret`.
+     ![OAuth Credentials](../../assets/screenshots/google-oauth-credentials.png)
+
+5. **Add Environment Variables**
+   - Open `.env` (or create it by copying `.env.example`)
+   - Add the following keys:
+
+```bash
+GOOGLE_CLIENT_ID=<your-client-id>
+GOOGLE_CLIENT_SECRET=<your-client-secret>
+GOOGLE_REDIRECT_URI=http://localhost:5000/api/auth/callback
+```
diff --git a/docs/setup/google_sheet_github_action.md b/docs/setup/google_sheet_github_action.md
index fe9aefd..d638ce7 100644
--- a/docs/setup/google_sheet_github_action.md
+++ b/docs/setup/google_sheet_github_action.md
@@ -1,40 +1,37 @@
-# 📊 GitHub → Google Sheets Action Scripts Setup
-
-**Purpose:**  
-Automate updating Google Sheets from GitHub Actions.  
-This guide explains the recommended method for setting up credentials and secrets.
-
----
-
-## 🚀 Steps
-
-1. **Create a Google Cloud Project**  
-   - Go to [Google Cloud Console](https://console.cloud.google.com/) and create a new project.  
-   - Enable the **Google Sheets API** and **Google Drive API**.
-     
-2. **Create a Service Account**  
-   - Navigate to **IAM & Admin → Service Accounts → Create Service Account**.
-   ![Create Service Account](../../assets/screenshots/google_sheet_accoun_creation.png)
-  
-   - Assign **Editor** or appropriate permissions.  
-    ![setup Service Account](../../assets/screenshots/google_sheet_account_setup.png) 
-
-3. **Download the Full JSON Credentials**  
-   - Click **Keys → Add Key → Create New Key → JSON**.
-   - **Important:** Download the **entire JSON file**.  
-     > Partial hardcoding (e.g., only client ID or private key) **will not work**.  
-   ![Download JSON Key](../../assets/screenshots/google_sheet_keys.png)
-
-4. **Share Your Google Sheet with the Service Account**  
-   - Open the Google Sheet you want to automate.  
-   - Click **Share → Enter the service account email → Give Editor access → Send**.  
-   - The **service account email** can be found in the downloaded JSON under `"client_email"`.
-
-5. **Add JSON as GitHub Secret**  
-   - Go to **Repository → Settings → Secrets and Variables → Actions → New Repository Secret**.  
-   - Upload the **full JSON content** as `GOOGLE_CREDENTIALS`.  
-   ![GitHub Secret Upload](../../assets/screenshots/github_secrets.png)
-
-6. **Reference Secret in GitHub Action**  
-   - Example workflow snippet (`.github/workflows/leaderboard.yml`):
-
+# 📊 GitHub → Google Sheets Action Scripts Setup
+
+**Purpose:**  
+Automate updating Google Sheets from GitHub Actions.  
+This guide explains the recommended method for setting up credentials and secrets.
+
+---
+
+## 🚀 Steps
+
+1. **Create a Google Cloud Project**
+   - Go to [Google Cloud Console](https://console.cloud.google.com/) and create a new project.
+   - Enable the **Google Sheets API** and **Google Drive API**.
+2. **Create a Service Account**
+   - Navigate to **IAM & Admin → Service Accounts → Create Service Account**.
+     ![Create Service Account](../../assets/screenshots/google_sheet_accoun_creation.png)
+   - Assign **Editor** or appropriate permissions.  
+     ![setup Service Account](../../assets/screenshots/google_sheet_account_setup.png)
+
+3. **Download the Full JSON Credentials**
+   - Click **Keys → Add Key → Create New Key → JSON**.
+   - **Important:** Download the **entire JSON file**.
+     > Partial hardcoding (e.g., only client ID or private key) **will not work**.  
+     > ![Download JSON Key](../../assets/screenshots/google_sheet_keys.png)
+
+4. **Share Your Google Sheet with the Service Account**
+   - Open the Google Sheet you want to automate.
+   - Click **Share → Enter the service account email → Give Editor access → Send**.
+   - The **service account email** can be found in the downloaded JSON under `"client_email"`.
+
+5. **Add JSON as GitHub Secret**
+   - Go to **Repository → Settings → Secrets and Variables → Actions → New Repository Secret**.
+   - Upload the **full JSON content** as `GOOGLE_CREDENTIALS`.  
+     ![GitHub Secret Upload](../../assets/screenshots/github_secrets.png)
+
+6. **Reference Secret in GitHub Action**
+   - Example workflow snippet (`.github/workflows/leaderboard.yml`):
diff --git a/docs/setup/resend_setup.md b/docs/setup/resend_setup.md
index 1fa9db2..423053b 100644
--- a/docs/setup/resend_setup.md
+++ b/docs/setup/resend_setup.md
@@ -1,27 +1,28 @@
-# 📧 Resend API Setup
-
-**Purpose:**  
-Enable email sending functionality using Resend API (emails, notifications, etc.) in the project.
-
----
-
-## 🚀 Steps
-
-1. **Create a Resend Account**  
-   - Go to [Resend](https://resend.com/) and sign up.  
-   - Verify your email and log in to the dashboard.  
-   ![Resend Signup](../../assets/screenshots/resend-signup.png)
-
-2. **Create an API Key**  
-   - Navigate to **API Keys → Create Key**.
-   ![Resend API Key](../../assets/screenshots/resend-api.png) 
-   - Give it a name (e.g., `project-dev-key`) and save it securely.  
-   ![Resend API Key](../../assets/screenshots/resend-api1.png)
-
-3. **Add Environment Variables**  
-   - Open `.env` (or create one if it doesn’t exist).  
-   - Add your Resend API key and sender email:
-
-```bash
-RESEND_API_KEY=<your-resend-api-key>       # Must have full access permissions
-ADMIN_EMAIL=your-registered-email@example.com  # Must be the same email you registered with on Resend
+# 📧 Resend API Setup
+
+**Purpose:**  
+Enable email sending functionality using Resend API (emails, notifications, etc.) in the project.
+
+---
+
+## 🚀 Steps
+
+1. **Create a Resend Account**
+   - Go to [Resend](https://resend.com/) and sign up.
+   - Verify your email and log in to the dashboard.  
+     ![Resend Signup](../../assets/screenshots/resend-signup.png)
+
+2. **Create an API Key**
+   - Navigate to **API Keys → Create Key**.
+     ![Resend API Key](../../assets/screenshots/resend-api.png)
+   - Give it a name (e.g., `project-dev-key`) and save it securely.  
+     ![Resend API Key](../../assets/screenshots/resend-api1.png)
+
+3. **Add Environment Variables**
+   - Open `.env` (or create one if it doesn’t exist).
+   - Add your Resend API key and sender email:
+
+```bash
+RESEND_API_KEY=<your-resend-api-key>       # Must have full access permissions
+ADMIN_EMAIL=your-registered-email@example.com  # Must be the same email you registered with on Resend
+```
diff --git a/frontend/eslint.config.js b/frontend/eslint.config.js
index cee1e2c..777fe18 100644
--- a/frontend/eslint.config.js
+++ b/frontend/eslint.config.js
@@ -1,29 +1,29 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import { defineConfig, globalIgnores } from 'eslint/config'
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import { defineConfig, globalIgnores } from "eslint/config";
 
 export default defineConfig([
-  globalIgnores(['dist']),
+  globalIgnores(["dist"]),
   {
-    files: ['**/*.{js,jsx}'],
+    files: ["**/*.{js,jsx}"],
     extends: [
       js.configs.recommended,
-      reactHooks.configs['recommended-latest'],
+      reactHooks.configs["recommended-latest"],
       reactRefresh.configs.vite,
     ],
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
       parserOptions: {
-        ecmaVersion: 'latest',
+        ecmaVersion: "latest",
         ecmaFeatures: { jsx: true },
-        sourceType: 'module',
+        sourceType: "module",
       },
     },
     rules: {
-      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
+      "no-unused-vars": ["error", { varsIgnorePattern: "^[A-Z_]" }],
     },
   },
-])
+]);
diff --git a/frontend/index.html b/frontend/index.html
index bc07f9e..97d1ccf 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -5,7 +5,10 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <!-- imported Google Fonts -->
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Sora:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Sora:wght@400;500;600;700&display=swap"
+      rel="stylesheet"
+    />
 
     <title>Devsync</title>
   </head>
diff --git a/frontend/jsconfig.json b/frontend/jsconfig.json
index f60767c..7cf9c96 100644
--- a/frontend/jsconfig.json
+++ b/frontend/jsconfig.json
@@ -6,4 +6,4 @@
       "@/*": ["./src/*"]
     }
   }
-}
\ No newline at end of file
+}
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index b14df54..b94ac05 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -143,4 +143,4 @@ function App() {
   );
 }
 
-export default App;
\ No newline at end of file
+export default App;
diff --git a/frontend/src/Components/About.jsx b/frontend/src/Components/About.jsx
index 054c234..b0736d2 100644
--- a/frontend/src/Components/About.jsx
+++ b/frontend/src/Components/About.jsx
@@ -6,53 +6,67 @@ import { Users2 } from "lucide-react";
 import { twMerge } from "tailwind-merge";
 import { TracingBeam } from "./ui/tracing-beam";
 
-
 const aboutPoints = [
   {
     badge: "Unified Dashboard",
     title: "Track GitHub, LeetCode, Codeforces, and more — all from one place.",
-    description: "No more switching tabs. DevSync aggregates your coding life and shows your productivity stats clearly and beautifully.",
+    description:
+      "No more switching tabs. DevSync aggregates your coding life and shows your productivity stats clearly and beautifully.",
   },
   {
     badge: "Focus Tools",
     title: "Built-in Pomodoro Timer and Focus Logs.",
-    description: "Boost your deep work sessions with built-in timers and log how you spend your dev time efficiently.",
+    description:
+      "Boost your deep work sessions with built-in timers and log how you spend your dev time efficiently.",
   },
   {
     badge: "Personal Insights",
     title: "See your coding journey evolve in real time.",
-    description: "Visualize your habits, identify patterns, and reflect on your growth as a developer.",
+    description:
+      "Visualize your habits, identify patterns, and reflect on your growth as a developer.",
   },
   {
     badge: "Zero Context Switching",
     title: "Everything you need, where you need it.",
-    description: "From open-source activity to interview prep stats — DevSync keeps you focused and synced.",
+    description:
+      "From open-source activity to interview prep stats — DevSync keeps you focused and synced.",
   },
 ];
 
 const About = () => {
   return (
-    <section id ="about "className="w-full mt-24 px-4">
+    <section id="about " className="w-full mt-24 px-4">
       <TracingBeam className="px-4 md:px-10">
         <div className="max-w-3xl mx-auto antialiased pt-4 relative">
           {/* Section Header */}
           <div className="flex items-center gap-3 mb-10">
-              <Users2 style={{ color: "var(--primary)" }} className="w-6 h-6" />
-              <h2 className="text-4xl font-bold" style={{ color: "var(--foreground)" }}>About DevSync</h2>
+            <Users2 style={{ color: "var(--primary)" }} className="w-6 h-6" />
+            <h2
+              className="text-4xl font-bold"
+              style={{ color: "var(--foreground)" }}
+            >
+              About DevSync
+            </h2>
           </div>
 
           {/* Tracing Points */}
           {aboutPoints.map((item, index) => (
             <div key={index} className="mb-12">
               <span className="bg-black text-white rounded-full text-xs px-3 py-1 mb-3 inline-block tracking-wider uppercase">
-                  {item.badge}
+                {item.badge}
               </span>
 
-              <p className={twMerge("text-xl font-semibold mb-2")} style={{ color: "var(--foreground)" }}>
+              <p
+                className={twMerge("text-xl font-semibold mb-2")}
+                style={{ color: "var(--foreground)" }}
+              >
                 {item.title}
               </p>
 
-              <p className="text-sm leading-relaxed prose" style={{ color: "var(--muted-foreground)" }}>
+              <p
+                className="text-sm leading-relaxed prose"
+                style={{ color: "var(--muted-foreground)" }}
+              >
                 {item.description}
               </p>
             </div>
diff --git a/frontend/src/Components/Ad.jsx b/frontend/src/Components/Ad.jsx
index 638ba92..d5bddab 100644
--- a/frontend/src/Components/Ad.jsx
+++ b/frontend/src/Components/Ad.jsx
@@ -40,33 +40,46 @@ const AdStrip = () => {
       className="w-full py-16 px-6 mt-12"
     >
       <div className="max-w-2xl mx-auto text-center flex flex-col items-center space-y-6">
-        
         {/* Top label */}
         <div className="flex items-center gap-3 justify-center">
           <RocketIcon className="w-8 h-8" style={{ color: "var(--primary)" }} />
-          <span className="uppercase text-sm tracking-wide" style={{ color: "var(--primary)" }}>
+          <span
+            className="uppercase text-sm tracking-wide"
+            style={{ color: "var(--primary)" }}
+          >
             Built for Developers
           </span>
         </div>
 
         {/* Heading */}
-  <h2 className="text-4xl md:text-6xl font-bold leading-snug" style={{ color: "var(--foreground)" }}>
+        <h2
+          className="text-4xl md:text-6xl font-bold leading-snug"
+          style={{ color: "var(--foreground)" }}
+        >
           <AnimatedWords text="Supercharge your dev flow with DevSync 🚀" />
         </h2>
 
         {/* Paragraph - FIXED: Changed from <p> to <div> */}
-  <div className="text-xl" style={{ color: "var(--muted-foreground)" }}>
-        {/* Paragraph */}
-        <div className="text-xl text-slate-700">
-          <AnimatedWords text="All your productivity tools. One powerful dashboard. No context switching." />
-        </div>
+        <div className="text-xl" style={{ color: "var(--muted-foreground)" }}>
+          {/* Paragraph */}
+          <div className="text-xl text-slate-700">
+            <AnimatedWords text="All your productivity tools. One powerful dashboard. No context switching." />
+          </div>
         </div>
 
         {/* CTA Button */}
         <PointerHighlight>
-        <Link to="/register">  <Button style={{ background: "var(--primary)", color: "var(--primary-foreground)" }} className="px-6 py-3 text-base rounded-xl shadow-lg transition">
-            Sign Up
-          </Button>
+          <Link to="/register">
+            {" "}
+            <Button
+              style={{
+                background: "var(--primary)",
+                color: "var(--primary-foreground)",
+              }}
+              className="px-6 py-3 text-base rounded-xl shadow-lg transition"
+            >
+              Sign Up
+            </Button>
           </Link>
         </PointerHighlight>
       </div>
diff --git a/frontend/src/Components/AllContributors.jsx b/frontend/src/Components/AllContributors.jsx
index 35ee03d..0391e86 100644
--- a/frontend/src/Components/AllContributors.jsx
+++ b/frontend/src/Components/AllContributors.jsx
@@ -13,7 +13,7 @@ const AllContributors = () => {
     const fetchContributors = async () => {
       try {
         const response = await fetch(
-          `https://api.github.com/repos/${OWNER}/${REPO}/contributors?per_page=100`
+          `https://api.github.com/repos/${OWNER}/${REPO}/contributors?per_page=100`,
         );
         if (!response.ok) {
           throw new Error(`GitHub API error: ${response.status}`);
@@ -58,7 +58,6 @@ const AllContributors = () => {
                   alt={contributor.login}
                   className="w-20 h-20 rounded-full"
                 />
-                
               </div>
 
               {/* Username */}
diff --git a/frontend/src/Components/Contributors.jsx b/frontend/src/Components/Contributors.jsx
index 56f40dd..38a36a7 100644
--- a/frontend/src/Components/Contributors.jsx
+++ b/frontend/src/Components/Contributors.jsx
@@ -15,7 +15,7 @@ const ContributorsSection = () => {
     const fetchContributors = async () => {
       try {
         const response = await fetch(
-          `https://api.github.com/repos/${OWNER}/${REPO}/contributors?per_page=100`
+          `https://api.github.com/repos/${OWNER}/${REPO}/contributors?per_page=100`,
         );
         if (!response.ok) {
           throw new Error(`GitHub API error: ${response.status}`);
diff --git a/frontend/src/Components/DashBoard/CardWrapper.jsx b/frontend/src/Components/DashBoard/CardWrapper.jsx
index 9bb397d..78475fd 100644
--- a/frontend/src/Components/DashBoard/CardWrapper.jsx
+++ b/frontend/src/Components/DashBoard/CardWrapper.jsx
@@ -1,7 +1,7 @@
 // src/components/DashBoard/CardWrapper.jsx
 export default function CardWrapper({ children, className = "" }) {
   return (
-  <div className={`bg-[var(--card)] rounded-xl p-6 shadow-md ${className}`}>
+    <div className={`bg-[var(--card)] rounded-xl p-6 shadow-md ${className}`}>
       {children}
     </div>
   );
diff --git a/frontend/src/Components/DashBoard/GithubRepoCard.jsx b/frontend/src/Components/DashBoard/GithubRepoCard.jsx
index ecfb7ef..cad0753 100644
--- a/frontend/src/Components/DashBoard/GithubRepoCard.jsx
+++ b/frontend/src/Components/DashBoard/GithubRepoCard.jsx
@@ -1,53 +1,53 @@
-import React from 'react';
-import { Github, Star, GitFork, Clock } from 'lucide-react';
-import CardWrapper from './CardWrapper';
+import React from "react";
+import { Github, Star, GitFork, Clock } from "lucide-react";
+import CardWrapper from "./CardWrapper";
 
 /**
  * Component to display a list of GitHub repositories
  */
-export default function GithubRepoCard({ repositories = [], className = '' }) {
+export default function GithubRepoCard({ repositories = [], className = "" }) {
   // Format the update time to a readable string
   const formatUpdateTime = (dateString) => {
-    if (!dateString) return '';
-    
+    if (!dateString) return "";
+
     const date = new Date(dateString);
     const now = new Date();
     const diffMs = now - date;
     const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
-    
+
     if (diffDays === 0) {
-      return 'Today';
+      return "Today";
     } else if (diffDays === 1) {
-      return 'Yesterday';
+      return "Yesterday";
     } else if (diffDays < 7) {
       return `${diffDays} days ago`;
     } else if (diffDays < 30) {
       const weeks = Math.floor(diffDays / 7);
-      return `${weeks} ${weeks === 1 ? 'week' : 'weeks'} ago`;
+      return `${weeks} ${weeks === 1 ? "week" : "weeks"} ago`;
     } else {
       const months = Math.floor(diffDays / 30);
-      return `${months} ${months === 1 ? 'month' : 'months'} ago`;
+      return `${months} ${months === 1 ? "month" : "months"} ago`;
     }
   };
 
   // Language color mapping
   const languageColors = {
-    JavaScript: '#f1e05a',
-    TypeScript: '#3178c6',
-    HTML: '#e34c26',
-    CSS: '#563d7c',
-    Python: '#3572A5',
-    Java: '#b07219',
-    'C#': '#178600',
-    PHP: '#4F5D95',
-    Ruby: '#701516',
-    Go: '#00ADD8',
-    Swift: '#F05138',
-    Kotlin: '#A97BFF',
-    Rust: '#dea584',
-    Dart: '#00B4AB',
+    JavaScript: "#f1e05a",
+    TypeScript: "#3178c6",
+    HTML: "#e34c26",
+    CSS: "#563d7c",
+    Python: "#3572A5",
+    Java: "#b07219",
+    "C#": "#178600",
+    PHP: "#4F5D95",
+    Ruby: "#701516",
+    Go: "#00ADD8",
+    Swift: "#F05138",
+    Kotlin: "#A97BFF",
+    Rust: "#dea584",
+    Dart: "#00B4AB",
     // Add more languages as needed
-    default: '#cccccc'
+    default: "#cccccc",
   };
 
   return (
@@ -66,43 +66,50 @@ export default function GithubRepoCard({ repositories = [], className = '' }) {
       ) : (
         <div className="space-y-3">
           {repositories.map((repo) => (
-            <div key={repo.id} className="border border-gray-200 rounded-lg p-3 hover:bg-gray-50 transition">
-              <a 
-                href={repo.html_url} 
+            <div
+              key={repo.id}
+              className="border border-gray-200 rounded-lg p-3 hover:bg-gray-50 transition"
+            >
+              <a
+                href={repo.html_url}
                 target="_blank"
-                rel="noopener noreferrer" 
+                rel="noopener noreferrer"
                 className="font-medium text-blue-600 hover:underline"
               >
                 {repo.name}
               </a>
-              
+
               {repo.description && (
                 <p className="text-sm text-[var(--muted-foreground)] mt-1 line-clamp-2">
                   {repo.description}
                 </p>
               )}
-              
+
               <div className="flex flex-wrap gap-3 mt-2 text-xs text-[var(--muted-foreground)]">
                 {repo.language && (
                   <div className="flex items-center">
-                    <span 
+                    <span
                       className="w-2 h-2 rounded-full mr-1"
-                      style={{ backgroundColor: languageColors[repo.language] || languageColors.default }}
+                      style={{
+                        backgroundColor:
+                          languageColors[repo.language] ||
+                          languageColors.default,
+                      }}
                     ></span>
                     {repo.language}
                   </div>
                 )}
-                
+
                 <div className="flex items-center">
                   <Star size={12} className="mr-1" />
                   {repo.stargazers_count}
                 </div>
-                
+
                 <div className="flex items-center">
                   <GitFork size={12} className="mr-1" />
                   {repo.forks_count}
                 </div>
-                
+
                 <div className="flex items-center">
                   <Clock size={12} className="mr-1" />
                   {formatUpdateTime(repo.updated_at)}
@@ -114,4 +121,4 @@ export default function GithubRepoCard({ repositories = [], className = '' }) {
       )}
     </CardWrapper>
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/src/Components/DashBoard/GoalsCard.jsx b/frontend/src/Components/DashBoard/GoalsCard.jsx
index 8da18e9..e6285de 100644
--- a/frontend/src/Components/DashBoard/GoalsCard.jsx
+++ b/frontend/src/Components/DashBoard/GoalsCard.jsx
@@ -74,8 +74,8 @@ export default function GoalsCard() {
                 completed: !goal.completed,
                 status: goal.completed ? "pending" : "completed",
               }
-            : g
-        )
+            : g,
+        ),
       );
     } catch (err) {
       console.error("Update error:", err);
@@ -98,8 +98,7 @@ export default function GoalsCard() {
   const pendingGoals = goals.filter((g) => !g.completed);
   const completedGoals = goals.filter((g) => g.completed);
 
-  const listClass =
-    "max-h-64 overflow-y-auto space-y-3 pr-2 scrollbar-hidden"; // hide scrollbar
+  const listClass = "max-h-64 overflow-y-auto space-y-3 pr-2 scrollbar-hidden"; // hide scrollbar
 
   return (
     <Card className="w-full sm:w-auto p-4 sm:p-6 hover:shadow-xl transition-shadow duration-200">
diff --git a/frontend/src/Components/DashBoard/LeetCode.jsx b/frontend/src/Components/DashBoard/LeetCode.jsx
index 88911e2..637741e 100644
--- a/frontend/src/Components/DashBoard/LeetCode.jsx
+++ b/frontend/src/Components/DashBoard/LeetCode.jsx
@@ -16,7 +16,15 @@ import ReactCalendarHeatmap from "react-calendar-heatmap";
 import "react-calendar-heatmap/dist/styles.css";
 import BackButton from "../ui/backbutton";
 
-ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend);
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Title,
+  Tooltip,
+  Legend,
+);
 
 export default function LeetCode({ platforms = {} }) {
   const [stats, setStats] = useState(null);
@@ -26,10 +34,13 @@ export default function LeetCode({ platforms = {} }) {
     const fetchStats = async () => {
       if (!leetUser) return;
       try {
-        const res = await fetch(`${import.meta.env.VITE_API_URL}/api/profile/leetcode/${leetUser}`, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-        });
+        const res = await fetch(
+          `${import.meta.env.VITE_API_URL}/api/profile/leetcode/${leetUser}`,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+          },
+        );
         if (!res.ok) throw new Error(`API error: ${res.status}`);
         const json = await res.json();
         setStats(json.data);
@@ -53,10 +64,12 @@ export default function LeetCode({ platforms = {} }) {
     submissionCalendar,
   } = stats;
 
-  const calendarData = Object.entries(submissionCalendar).map(([timestamp, count]) => ({
-    date: new Date(Number(timestamp) * 1000).toISOString().split("T")[0],
-    count: parseInt(count, 10),
-  }));
+  const calendarData = Object.entries(submissionCalendar).map(
+    ([timestamp, count]) => ({
+      date: new Date(Number(timestamp) * 1000).toISOString().split("T")[0],
+      count: parseInt(count, 10),
+    }),
+  );
 
   const startDate = new Date("2025-01-01");
   const endDate = new Date();
@@ -64,7 +77,7 @@ export default function LeetCode({ platforms = {} }) {
   const attendedContests = contestHistory.filter((c) => c.attended);
 
   const labels = attendedContests.map((c) =>
-    new Date(c.contest.startTime).toLocaleDateString()
+    new Date(c.contest.startTime).toLocaleDateString(),
   );
 
   const data = {
@@ -86,7 +99,10 @@ export default function LeetCode({ platforms = {} }) {
     responsive: true,
     maintainAspectRatio: false,
     plugins: {
-      legend: { position: "top", labels: { color: "#FFA116", font: { size: 12 } } },
+      legend: {
+        position: "top",
+        labels: { color: "#FFA116", font: { size: 12 } },
+      },
       title: {
         display: true,
         text: "LeetCode Contest Rating Over Time",
@@ -123,7 +139,7 @@ export default function LeetCode({ platforms = {} }) {
 
   return (
     <>
-    <BackButton />
+      <BackButton />
       <div className="w-full min-h-screen p-10 bg-[var(--card)] rounded-lg shadow-lg border border-[var(--border)] space-y-6">
         <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
           <div className="flex items-center gap-4">
@@ -138,7 +154,8 @@ export default function LeetCode({ platforms = {} }) {
               </h3>
               {profile?.ranking && (
                 <p className="text-sm text-muted-foreground mt-1">
-                  Global Rank: <span className="font-semibold">#{profile.ranking}</span>
+                  Global Rank:{" "}
+                  <span className="font-semibold">#{profile.ranking}</span>
                 </p>
               )}
               {badges.length > 0 && (
@@ -146,7 +163,11 @@ export default function LeetCode({ platforms = {} }) {
                   {badges.map(({ id, icon, displayName }) => (
                     <img
                       key={id}
-                      src={icon && icon.startsWith("https://") ? icon : `https://leetcode.com${icon || ''}`}
+                      src={
+                        icon && icon.startsWith("https://")
+                          ? icon
+                          : `https://leetcode.com${icon || ""}`
+                      }
                       alt={displayName}
                       title={displayName}
                       className="w-6 h-6 rounded"
@@ -168,37 +189,58 @@ export default function LeetCode({ platforms = {} }) {
 
         <section className="grid grid-cols-1 md:grid-cols-3 gap-4">
           <div className="bg-[var(--card)] border border-[var(--border)] rounded-lg p-4 shadow-sm">
-            <h3 className="text-lg font-semibold mb-4 text-[var(--primary)]">Problems Solved</h3>
+            <h3 className="text-lg font-semibold mb-4 text-[var(--primary)]">
+              Problems Solved
+            </h3>
             <div className="grid grid-cols-3 gap-4 text-center">
               {stats.submitStatsGlobal?.map(({ difficulty, count }) => (
                 <div key={difficulty}>
-                  <p className="text-sm capitalize text-muted-foreground">{difficulty}</p>
-                  <p className={`text-2xl font-bold ${difficultyColor[difficulty] || ""}`}>{count}</p>
+                  <p className="text-sm capitalize text-muted-foreground">
+                    {difficulty}
+                  </p>
+                  <p
+                    className={`text-2xl font-bold ${difficultyColor[difficulty] || ""}`}
+                  >
+                    {count}
+                  </p>
                 </div>
               ))}
             </div>
           </div>
 
           <div className="bg-[var(--card)] border border-[var(--border)] rounded-lg p-4 shadow-sm col-span-2">
-            <h3 className="text-lg font-semibold mb-4 text-[var(--primary)]">Recent Submissions</h3>
+            <h3 className="text-lg font-semibold mb-4 text-[var(--primary)]">
+              Recent Submissions
+            </h3>
             {recentSubmissions.length > 0 ? (
               <ul className="space-y-2 text-sm text-muted-foreground max-h-[130px] overflow-y-auto">
-                {recentSubmissions.slice(0, 3).map(({ id, title, timestamp }) => (
-                  <li key={id} className="flex justify-between whitespace-nowrap">
-                    <span className="truncate">{title}</span>
-                    <span className="ml-3 text-xs">{new Date(timestamp).toLocaleDateString()}</span>
-                  </li>
-                ))}
+                {recentSubmissions
+                  .slice(0, 3)
+                  .map(({ id, title, timestamp }) => (
+                    <li
+                      key={id}
+                      className="flex justify-between whitespace-nowrap"
+                    >
+                      <span className="truncate">{title}</span>
+                      <span className="ml-3 text-xs">
+                        {new Date(timestamp).toLocaleDateString()}
+                      </span>
+                    </li>
+                  ))}
               </ul>
             ) : (
-              <p className="text-xs text-muted-foreground">No recent activity found.</p>
+              <p className="text-xs text-muted-foreground">
+                No recent activity found.
+              </p>
             )}
           </div>
         </section>
 
         <section className="grid grid-cols-1 md:grid-cols-2 gap-4">
           <div className="bg-[var(--card)] border border-[var(--border)] rounded-lg p-4 shadow-sm">
-            <h3 className="text-lg font-semibold mb-4 text-[var(--primary)]">Submission Heatmap</h3>
+            <h3 className="text-lg font-semibold mb-4 text-[var(--primary)]">
+              Submission Heatmap
+            </h3>
             <ReactCalendarHeatmap
               startDate={startDate}
               endDate={endDate}
@@ -211,41 +253,57 @@ export default function LeetCode({ platforms = {} }) {
                 return "fill-green-300";
               }}
               tooltipDataAttrs={(value) => ({
-                "data-tip": value ? `Submissions: ${value.count}` : "No submissions",
+                "data-tip": value
+                  ? `Submissions: ${value.count}`
+                  : "No submissions",
               })}
             />
           </div>
 
           <div className="bg-[var(--card)] border border-[var(--border)] rounded-lg p-4 shadow-sm">
-            <h3 className="text-lg font-semibold mb-4 text-[var(--primary)]">Contest Stats</h3>
+            <h3 className="text-lg font-semibold mb-4 text-[var(--primary)]">
+              Contest Stats
+            </h3>
             {contestRating?.badge && (
-
               <div className="flex items-center gap-3 mb-3 text-muted-foreground flex-wrap">
-                { contestRating.badge.icon != "/default_icon.png"  && <img
-                  src={"https://leetcode.com" + contestRating.badge.icon}
-                  alt={contestRating.badge.name}
-                  title={contestRating.badge.name}
-                  className="w-5 h-5"
-                />}
+                {contestRating.badge.icon != "/default_icon.png" && (
+                  <img
+                    src={"https://leetcode.com" + contestRating.badge.icon}
+                    alt={contestRating.badge.name}
+                    title={contestRating.badge.name}
+                    className="w-5 h-5"
+                  />
+                )}
                 <span>{contestRating.badge.name}</span>
-                {contestRating.badge.expired && <span className="text-red-400">(Expired)</span>}
+                {contestRating.badge.expired && (
+                  <span className="text-red-400">(Expired)</span>
+                )}
               </div>
             )}
 
             <div className="space-y-1 text-sm text-muted-foreground">
               <p>Contests: {contestRating?.attendedContestsCount ?? "N/A"}</p>
               <p>Rating: {contestRating?.rating ?? "N/A"}</p>
-              <p>Rank: {contestRating?.globalRanking ? `#${contestRating.globalRanking}` : "N/A"}</p>
+              <p>
+                Rank:{" "}
+                {contestRating?.globalRanking
+                  ? `#${contestRating.globalRanking}`
+                  : "N/A"}
+              </p>
               <p>
                 Top %:{" "}
-                {contestRating?.topPercentage ? `${contestRating.topPercentage.toFixed(2)}%` : "N/A"}
+                {contestRating?.topPercentage
+                  ? `${contestRating.topPercentage.toFixed(2)}%`
+                  : "N/A"}
               </p>
             </div>
           </div>
         </section>
 
         <div className="bg-[var(--card)] border border-[var(--border)] rounded-lg p-4 shadow-sm">
-          <h3 className="text-lg font-semibold mb-4 text-[var(--primary)]">Contest Rating History</h3>
+          <h3 className="text-lg font-semibold mb-4 text-[var(--primary)]">
+            Contest Rating History
+          </h3>
           {attendedContests.length > 0 ? (
             <div className="relative w-full h-[250px]">
               <Line data={data} options={options} />
diff --git a/frontend/src/Components/DashBoard/PlatformLinks.jsx b/frontend/src/Components/DashBoard/PlatformLinks.jsx
index 3bcd1e8..649ca48 100644
--- a/frontend/src/Components/DashBoard/PlatformLinks.jsx
+++ b/frontend/src/Components/DashBoard/PlatformLinks.jsx
@@ -46,7 +46,7 @@ const githubUrl = (url) => {
 export default function PlatformLinks({ platforms }) {
   // Filter out empty or falsy URLs
   const platformEntries = Object.entries(platforms).filter(
-    ([, url]) => url && url.trim() !== ""
+    ([, url]) => url && url.trim() !== "",
   );
 
   return (
@@ -60,8 +60,8 @@ export default function PlatformLinks({ platforms }) {
             name.toLowerCase() === "leetcode"
               ? leetcodeUrl(url)
               : name.toLowerCase() === "github"
-              ? githubUrl(normalizeGitHubURL(url))
-              : url;
+                ? githubUrl(normalizeGitHubURL(url))
+                : url;
 
           return (
             <a
@@ -92,4 +92,4 @@ export default function PlatformLinks({ platforms }) {
       )}
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/src/Components/DashBoard/Pomodoro.jsx b/frontend/src/Components/DashBoard/Pomodoro.jsx
index 59bf988..b687b72 100644
--- a/frontend/src/Components/DashBoard/Pomodoro.jsx
+++ b/frontend/src/Components/DashBoard/Pomodoro.jsx
@@ -1,17 +1,17 @@
 // src/Components/DashBoard/Pomodoro.jsx
-import React from 'react';
+import React from "react";
 import { useTimer } from "../../context/TimerContext";
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from "react-router-dom";
 
 const Pomodoro = () => {
   const navigate = useNavigate();
   const { timeLeft, isWork, startTimer, pauseTimer, resetTimer } = useTimer();
 
   const formatTime = (seconds) => {
-    const mins = String(Math.floor(seconds / 60)).padStart(2, '0');
-    const secs = String(seconds % 60).padStart(2, '0');
+    const mins = String(Math.floor(seconds / 60)).padStart(2, "0");
+    const secs = String(seconds % 60).padStart(2, "0");
     return `${mins}:${secs}`;
-  };  
+  };
 
   return (
     <section className="min-h-screen bg-[#DCE6EC] flex flex-col items-center justify-center px-4 md:px-10">
@@ -28,10 +28,10 @@ const Pomodoro = () => {
 
       <h4
         className={`absolute top-20 px-4 py-2 sm:px-6 sm:py-2 rounded text-white text-lg sm:text-xl md:text-2xl ${
-          isWork ? 'bg-green-500' : 'bg-blue-500'
+          isWork ? "bg-green-500" : "bg-blue-500"
         }`}
       >
-        {isWork ? 'Work Session' : 'Take a Break'}
+        {isWork ? "Work Session" : "Take a Break"}
       </h4>
 
       <div className="text-center mt-20 w-full">
@@ -64,4 +64,4 @@ const Pomodoro = () => {
   );
 };
 
-export default Pomodoro;
\ No newline at end of file
+export default Pomodoro;
diff --git a/frontend/src/Components/DashBoard/PomodoroTimer.jsx b/frontend/src/Components/DashBoard/PomodoroTimer.jsx
index dfa07cc..064c448 100644
--- a/frontend/src/Components/DashBoard/PomodoroTimer.jsx
+++ b/frontend/src/Components/DashBoard/PomodoroTimer.jsx
@@ -16,7 +16,14 @@ function CircularTimer({ value, max, label, size = 140, isDarkMode }) {
   return (
     <div style={{ width: size, height: size, position: "relative" }}>
       <svg width={size} height={size}>
-        <circle cx={size / 2} cy={size / 2} r={radius} fill="none" stroke={palette.track} strokeWidth="10" />
+        <circle
+          cx={size / 2}
+          cy={size / 2}
+          r={radius}
+          fill="none"
+          stroke={palette.track}
+          strokeWidth="10"
+        />
         <circle
           cx={size / 2}
           cy={size / 2}
@@ -41,13 +48,30 @@ function CircularTimer({ value, max, label, size = 140, isDarkMode }) {
           flexDirection: "column",
           justifyContent: "center",
           alignItems: "center",
-          pointerEvents: "none"
+          pointerEvents: "none",
         }}
       >
-        <span style={{ fontSize: 32, color: palette.text, fontWeight: 700, fontFamily: "'Roboto Mono', monospace", letterSpacing: 2 }}>
+        <span
+          style={{
+            fontSize: 32,
+            color: palette.text,
+            fontWeight: 700,
+            fontFamily: "'Roboto Mono', monospace",
+            letterSpacing: 2,
+          }}
+        >
           {String(value).padStart(2, "0")}
         </span>
-        <span style={{ fontSize: 15, color: palette.label, marginTop: 7, textTransform: "uppercase", letterSpacing: 1.5, fontFamily: "'Roboto', sans-serif" }}>
+        <span
+          style={{
+            fontSize: 15,
+            color: palette.label,
+            marginTop: 7,
+            textTransform: "uppercase",
+            letterSpacing: 1.5,
+            fontFamily: "'Roboto', sans-serif",
+          }}
+        >
           {label}
         </span>
       </div>
@@ -73,52 +97,133 @@ export default function PomodoroTimer() {
     updateWorkTime,
     updateShortBreak,
     updateLongBreak,
-    SESSIONS_BEFORE_LONG_BREAK
+    SESSIONS_BEFORE_LONG_BREAK,
   } = useTimer();
 
   const minutes = Math.floor(timeLeft / 60);
   const seconds = timeLeft % 60;
 
   return (
-    <div className={`min-h-screen flex flex-col transition-colors duration-500 ${isDarkMode ? "bg-[#232b34] text-white" : "bg-gradient-to-br from-blue-100 to-white text-black"}`}>
+    <div
+      className={`min-h-screen flex flex-col transition-colors duration-500 ${isDarkMode ? "bg-[#232b34] text-white" : "bg-gradient-to-br from-blue-100 to-white text-black"}`}
+    >
       <Navbar />
       <div className="flex flex-col items-center justify-center flex-1 px-4 py-6">
-        <h1 className="text-3xl md:text-4xl font-bold mb-10">{isWork ? "Focus Time 💻" : "Break Time ☕"}</h1>
+        <h1 className="text-3xl md:text-4xl font-bold mb-10">
+          {isWork ? "Focus Time 💻" : "Break Time ☕"}
+        </h1>
 
-        <div style={{ display: "flex", alignItems: "center", gap: "54px", marginBottom: "36px", justifyContent: "center" }}>
-          <CircularTimer value={minutes} max={59} label="MINUTES" size={140} isDarkMode={isDarkMode} />
-          <span style={{ fontSize: "44px", fontWeight: "700", color: isDarkMode ? "#d5dae0" : "#232b34", textShadow: isDarkMode ? "0 0 8px #232b34" : "0 0 5px #dde", margin: "0 8px", minWidth: "22px", letterSpacing: 2, opacity: 0.8, userSelect: "none" }}>:</span>
-          <CircularTimer value={seconds} max={59} label="SECONDS" size={140} isDarkMode={isDarkMode} />
+        <div
+          style={{
+            display: "flex",
+            alignItems: "center",
+            gap: "54px",
+            marginBottom: "36px",
+            justifyContent: "center",
+          }}
+        >
+          <CircularTimer
+            value={minutes}
+            max={59}
+            label="MINUTES"
+            size={140}
+            isDarkMode={isDarkMode}
+          />
+          <span
+            style={{
+              fontSize: "44px",
+              fontWeight: "700",
+              color: isDarkMode ? "#d5dae0" : "#232b34",
+              textShadow: isDarkMode ? "0 0 8px #232b34" : "0 0 5px #dde",
+              margin: "0 8px",
+              minWidth: "22px",
+              letterSpacing: 2,
+              opacity: 0.8,
+              userSelect: "none",
+            }}
+          >
+            :
+          </span>
+          <CircularTimer
+            value={seconds}
+            max={59}
+            label="SECONDS"
+            size={140}
+            isDarkMode={isDarkMode}
+          />
         </div>
 
         <div className="flex flex-col md:flex-row gap-6 mb-8 w-full max-w-xl justify-center p-6 rounded-xl shadow-lg transition-colors duration-500">
           {[
-            { label: "Work", value: Math.floor(workTime / 60), onChange: e => updateWorkTime(Number(e.target.value)) },
-            { label: "Short Break", value: Math.floor(shortBreak / 60), onChange: e => updateShortBreak(Number(e.target.value)) },
-            { label: "Long Break", value: Math.floor(longBreak / 60), onChange: e => updateLongBreak(Number(e.target.value)) }
-          ].map(input => (
-            <div key={input.label} className="flex flex-col items-center bg-white dark:bg-gray-700 p-4 rounded-lg shadow-inner w-28 transition-colors duration-300">
-              <label className="text-sm mb-2 text-gray-800 dark:text-gray-200 font-medium">{input.label} (min)</label>
-              <input type="number" min="1" value={input.value} onChange={input.onChange} className="w-full text-center px-2 py-1 rounded-md border border-gray-300 dark:border-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-400 transition-all duration-300 text-black dark:text-white" />
+            {
+              label: "Work",
+              value: Math.floor(workTime / 60),
+              onChange: (e) => updateWorkTime(Number(e.target.value)),
+            },
+            {
+              label: "Short Break",
+              value: Math.floor(shortBreak / 60),
+              onChange: (e) => updateShortBreak(Number(e.target.value)),
+            },
+            {
+              label: "Long Break",
+              value: Math.floor(longBreak / 60),
+              onChange: (e) => updateLongBreak(Number(e.target.value)),
+            },
+          ].map((input) => (
+            <div
+              key={input.label}
+              className="flex flex-col items-center bg-white dark:bg-gray-700 p-4 rounded-lg shadow-inner w-28 transition-colors duration-300"
+            >
+              <label className="text-sm mb-2 text-gray-800 dark:text-gray-200 font-medium">
+                {input.label} (min)
+              </label>
+              <input
+                type="number"
+                min="1"
+                value={input.value}
+                onChange={input.onChange}
+                className="w-full text-center px-2 py-1 rounded-md border border-gray-300 dark:border-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-400 transition-all duration-300 text-black dark:text-white"
+              />
             </div>
           ))}
         </div>
 
         <div className="flex gap-4 mb-8">
           {!isRunning ? (
-            <button onClick={startTimer} className={`px-6 py-2 rounded-full font-semibold shadow-lg transform transition-transform hover:scale-105 ${isDarkMode ? "bg-blue-600 hover:bg-blue-700" : "bg-blue-400 hover:bg-blue-500 text-black"}`}>Start</button>
+            <button
+              onClick={startTimer}
+              className={`px-6 py-2 rounded-full font-semibold shadow-lg transform transition-transform hover:scale-105 ${isDarkMode ? "bg-blue-600 hover:bg-blue-700" : "bg-blue-400 hover:bg-blue-500 text-black"}`}
+            >
+              Start
+            </button>
           ) : (
-            <button onClick={pauseTimer} className={`px-6 py-2 rounded-full font-semibold shadow-lg transform transition-transform hover:scale-105 bg-yellow-500 hover:bg-yellow-600 text-black`}>Pause</button>
+            <button
+              onClick={pauseTimer}
+              className={`px-6 py-2 rounded-full font-semibold shadow-lg transform transition-transform hover:scale-105 bg-yellow-500 hover:bg-yellow-600 text-black`}
+            >
+              Pause
+            </button>
           )}
-          <button onClick={resetTimer} className={`px-6 py-2 rounded-full font-semibold shadow-lg transform transition-transform hover:scale-105 bg-red-600 hover:bg-red-700 text-white`}>Reset</button>
+          <button
+            onClick={resetTimer}
+            className={`px-6 py-2 rounded-full font-semibold shadow-lg transform transition-transform hover:scale-105 bg-red-600 hover:bg-red-700 text-white`}
+          >
+            Reset
+          </button>
         </div>
 
         <div className="flex gap-2 mb-4">
           {[...Array(SESSIONS_BEFORE_LONG_BREAK)].map((_, i) => (
-            <div key={i} className={`w-5 h-5 rounded-full transition-colors duration-500 ${i < (sessions % SESSIONS_BEFORE_LONG_BREAK) && isWork ? "bg-green-400" : isDarkMode ? "bg-gray-600" : "bg-gray-400"}`} />
+            <div
+              key={i}
+              className={`w-5 h-5 rounded-full transition-colors duration-500 ${i < sessions % SESSIONS_BEFORE_LONG_BREAK && isWork ? "bg-green-400" : isDarkMode ? "bg-gray-600" : "bg-gray-400"}`}
+            />
           ))}
         </div>
-        <p className={`text-sm ${isDarkMode ? "text-gray-300" : "text-gray-700"} transition-colors duration-500`}>
+        <p
+          className={`text-sm ${isDarkMode ? "text-gray-300" : "text-gray-700"} transition-colors duration-500`}
+        >
           Session {sessions + 1} {isWork ? "(Work)" : "(Break)"}
         </p>
       </div>
diff --git a/frontend/src/Components/DashBoard/ProfileCard.jsx b/frontend/src/Components/DashBoard/ProfileCard.jsx
index 3b5b509..302bfc8 100644
--- a/frontend/src/Components/DashBoard/ProfileCard.jsx
+++ b/frontend/src/Components/DashBoard/ProfileCard.jsx
@@ -28,7 +28,7 @@ export default function ProfileCard({ user }) {
 
   const socialLinks = user.socialLinks || {};
   const entries = Object.entries(socialLinks).filter(
-    ([_, url]) => url?.trim() !== ""
+    ([_, url]) => url?.trim() !== "",
   );
 
   const normalizeLeetcodeURL = (url) => {
diff --git a/frontend/src/Components/DashBoard/Sidebar.jsx b/frontend/src/Components/DashBoard/Sidebar.jsx
index 3e7e6dc..490e5f6 100644
--- a/frontend/src/Components/DashBoard/Sidebar.jsx
+++ b/frontend/src/Components/DashBoard/Sidebar.jsx
@@ -1,5 +1,11 @@
 import React from "react";
-import { CheckSquare, Clock, Settings, Menu, MessageSquare } from "lucide-react";
+import {
+  CheckSquare,
+  Clock,
+  Settings,
+  Menu,
+  MessageSquare,
+} from "lucide-react";
 import { useNavigate } from "react-router-dom";
 import { Sheet, SheetContent, SheetTrigger } from "@/Components/ui/sheet";
 import { Button } from "@/Components/ui/button";
@@ -42,7 +48,7 @@ export default function Sidebar() {
                   {label}
                 </Button>
               ))}
-              
+
               {/* Feedback Button */}
               <Button
                 variant="ghost"
@@ -71,7 +77,7 @@ export default function Sidebar() {
               {label}
             </Button>
           ))}
-          
+
           {/* Feedback Button */}
           <Button
             variant="ghost"
diff --git a/frontend/src/Components/DashBoard/StreakCard.jsx b/frontend/src/Components/DashBoard/StreakCard.jsx
index 08157b1..1ea573a 100644
--- a/frontend/src/Components/DashBoard/StreakCard.jsx
+++ b/frontend/src/Components/DashBoard/StreakCard.jsx
@@ -9,7 +9,9 @@ export default function StreakCard({ streak }) {
     <Card className="flex flex-col items-center justify-center p-4 sm:p-6 w-full sm:w-auto hover:shadow-lg transition-shadow duration-200">
       <CardHeader className="flex flex-col items-center gap-2">
         <Flame size={36} className="text-[var(--accent)]" />
-        <span className="font-bold text-lg text-[var(--primary)]">{safeStreak} Days</span>
+        <span className="font-bold text-lg text-[var(--primary)]">
+          {safeStreak} Days
+        </span>
       </CardHeader>
       <CardContent className="text-center">
         <p className="text-sm text-[var(--muted-foreground)]">Current Streak</p>
diff --git a/frontend/src/Components/DashBoard/TimeSpentCard.jsx b/frontend/src/Components/DashBoard/TimeSpentCard.jsx
index afb2632..30830ec 100644
--- a/frontend/src/Components/DashBoard/TimeSpentCard.jsx
+++ b/frontend/src/Components/DashBoard/TimeSpentCard.jsx
@@ -7,7 +7,9 @@ export default function TimeSpentCard({ time = "0h 0m" }) {
     <Card className="flex flex-col items-center justify-center p-4 sm:p-6 w-full sm:w-auto hover:shadow-lg transition-shadow duration-200">
       <CardHeader className="flex flex-col items-center gap-2">
         <Clock size={32} className="text-[var(--accent)]" />
-        <span className="font-semibold text-lg text-[var(--primary)]">{time}</span>
+        <span className="font-semibold text-lg text-[var(--primary)]">
+          {time}
+        </span>
       </CardHeader>
       <CardContent className="flex flex-col items-center text-center">
         <p className="text-sm text-[var(--muted-foreground)]">Time Spent</p>
diff --git a/frontend/src/Components/DashBoard/Todo.jsx b/frontend/src/Components/DashBoard/Todo.jsx
index 19b2d46..2d94669 100644
--- a/frontend/src/Components/DashBoard/Todo.jsx
+++ b/frontend/src/Components/DashBoard/Todo.jsx
@@ -1,7 +1,14 @@
 import React, { useEffect, useMemo, useState } from "react";
 import Topbar from "./Topbar";
 import BackButton from "../ui/backbutton";
-import { Plus, Pencil, Trash2, CheckCircle2, Circle, Filter } from "lucide-react";
+import {
+  Plus,
+  Pencil,
+  Trash2,
+  CheckCircle2,
+  Circle,
+  Filter,
+} from "lucide-react";
 
 // Mock-only UI for GSSOC To-Do page. Uses local state; backend wiring will follow.
 export default function Todo() {
@@ -9,18 +16,37 @@ export default function Todo() {
   const [loading, setLoading] = useState(true);
   const API = `${import.meta.env.VITE_API_URL}/api/tasks`;
 
-  const [form, setForm] = useState({ title: "", description: "", deadline: "" });
+  const [form, setForm] = useState({
+    title: "",
+    description: "",
+    deadline: "",
+  });
   const [editingId, setEditingId] = useState(null);
   const [filter, setFilter] = useState("all"); // all | upcoming | completed
   const [showModal, setShowModal] = useState(false);
-  const [modalData, setModalData] = useState({ title: "", description: "", status: "pending", deadline: "" });
+  const [modalData, setModalData] = useState({
+    title: "",
+    description: "",
+    status: "pending",
+    deadline: "",
+  });
 
-  const pendingTasks = useMemo(() => tasks.filter(t => t.status === "pending"), [tasks]);
-  const completedTasks = useMemo(() => tasks.filter(t => t.status === "completed"), [tasks]);
+  const pendingTasks = useMemo(
+    () => tasks.filter((t) => t.status === "pending"),
+    [tasks],
+  );
+  const completedTasks = useMemo(
+    () => tasks.filter((t) => t.status === "completed"),
+    [tasks],
+  );
 
   const filtered = (items) => {
-    if (filter === "completed") return items.filter(t => t.status === "completed");
-    if (filter === "upcoming") return items.filter(t => t.status === "pending").sort((a,b)=> new Date(a.deadline) - new Date(b.deadline));
+    if (filter === "completed")
+      return items.filter((t) => t.status === "completed");
+    if (filter === "upcoming")
+      return items
+        .filter((t) => t.status === "pending")
+        .sort((a, b) => new Date(a.deadline) - new Date(b.deadline));
     return items;
   };
 
@@ -34,7 +60,8 @@ export default function Todo() {
     fetch(API, { headers: { "x-auth-token": token } })
       .then(async (res) => {
         const data = await res.json();
-        if (!res.ok) throw new Error(data?.errors?.[0]?.msg || "Failed to fetch tasks");
+        if (!res.ok)
+          throw new Error(data?.errors?.[0]?.msg || "Failed to fetch tasks");
         setTasks(data);
       })
       .catch((e) => console.error(e))
@@ -43,12 +70,22 @@ export default function Todo() {
 
   function resetForm() {
     setForm({ title: "", description: "", deadline: "" });
-    setModalData({ title: "", description: "", status: "pending", deadline: "" });
+    setModalData({
+      title: "",
+      description: "",
+      status: "pending",
+      deadline: "",
+    });
     setEditingId(null);
   }
 
   function openAddModal() {
-    setModalData({ title: "", description: "", status: "pending", deadline: "" });
+    setModalData({
+      title: "",
+      description: "",
+      status: "pending",
+      deadline: "",
+    });
     setEditingId(null);
     setShowModal(true);
   }
@@ -67,12 +104,15 @@ export default function Todo() {
           description: modalData.description,
           status: modalData.status,
           deadline: modalData.deadline || null,
-        })
+        }),
       })
         .then(async (res) => {
           const data = await res.json();
-          if (!res.ok) throw new Error(data?.errors?.[0]?.msg || "Failed to update task");
-          setTasks(prev => prev.map(t => (t._id || t.id) === taskId ? data : t));
+          if (!res.ok)
+            throw new Error(data?.errors?.[0]?.msg || "Failed to update task");
+          setTasks((prev) =>
+            prev.map((t) => ((t._id || t.id) === taskId ? data : t)),
+          );
           setShowModal(false);
           resetForm();
         })
@@ -86,12 +126,13 @@ export default function Todo() {
           description: modalData.description,
           status: modalData.status,
           deadline: modalData.deadline || null,
-        })
+        }),
       })
         .then(async (res) => {
           const data = await res.json();
-          if (!res.ok) throw new Error(data?.errors?.[0]?.msg || "Failed to create task");
-          setTasks(prev => [data, ...prev]);
+          if (!res.ok)
+            throw new Error(data?.errors?.[0]?.msg || "Failed to create task");
+          setTasks((prev) => [data, ...prev]);
           setShowModal(false);
           resetForm();
         })
@@ -101,35 +142,41 @@ export default function Todo() {
 
   function toggleComplete(id) {
     const token = localStorage.getItem("token");
-    const task = tasks.find(t => t._id === id || t.id === id);
+    const task = tasks.find((t) => t._id === id || t.id === id);
     if (!task) return;
     const newStatus = task.status === "pending" ? "completed" : "pending";
     const taskId = task._id || task.id;
     fetch(`${API}/${taskId}`, {
       method: "PUT",
       headers: { "Content-Type": "application/json", "x-auth-token": token },
-      body: JSON.stringify({ status: newStatus })
+      body: JSON.stringify({ status: newStatus }),
     })
       .then(async (res) => {
         const data = await res.json();
-        if (!res.ok) throw new Error(data?.errors?.[0]?.msg || "Failed to update task");
-        setTasks(prev => prev.map(t => (t._id || t.id) === taskId ? data : t));
+        if (!res.ok)
+          throw new Error(data?.errors?.[0]?.msg || "Failed to update task");
+        setTasks((prev) =>
+          prev.map((t) => ((t._id || t.id) === taskId ? data : t)),
+        );
       })
       .catch((e) => console.error(e));
   }
 
   function removeTask(id) {
     const token = localStorage.getItem("token");
-    const task = tasks.find(t => t._id === id || t.id === id);
+    const task = tasks.find((t) => t._id === id || t.id === id);
     if (!task) return;
     const taskId = task._id || task.id;
-    fetch(`${API}/${taskId}`, { method: "DELETE", headers: { "x-auth-token": token } })
+    fetch(`${API}/${taskId}`, {
+      method: "DELETE",
+      headers: { "x-auth-token": token },
+    })
       .then(async (res) => {
         if (!res.ok) {
           const data = await res.json();
           throw new Error(data?.errors?.[0]?.msg || "Failed to delete task");
         }
-        setTasks(prev => prev.filter(t => (t._id || t.id) !== taskId));
+        setTasks((prev) => prev.filter((t) => (t._id || t.id) !== taskId));
       })
       .catch((e) => console.error(e));
   }
@@ -140,7 +187,7 @@ export default function Todo() {
       title: task.title,
       description: task.description,
       status: task.status,
-      deadline: task.deadline ? task.deadline.slice(0,16) : "",
+      deadline: task.deadline ? task.deadline.slice(0, 16) : "",
     });
     setShowModal(true);
   }
@@ -153,13 +200,22 @@ export default function Todo() {
     return (
       <div className="p-4 rounded-xl bg-[var(--card)] border border-[var(--border)] shadow-sm">
         <div className="flex items-center justify-between">
-          <h3 className="text-lg font-semibold text-[var(--card-foreground)]">Goals</h3>
-          <span className="text-sm text-[var(--muted-foreground)]">{done}/{total} completed</span>
+          <h3 className="text-lg font-semibold text-[var(--card-foreground)]">
+            Goals
+          </h3>
+          <span className="text-sm text-[var(--muted-foreground)]">
+            {done}/{total} completed
+          </span>
         </div>
         <div className="mt-3 w-full h-3 bg-[var(--accent)]/30 rounded-full overflow-hidden">
-          <div className="h-full bg-[var(--primary)]" style={{ width: `${percent}%` }} />
+          <div
+            className="h-full bg-[var(--primary)]"
+            style={{ width: `${percent}%` }}
+          />
         </div>
-        <p className="mt-2 text-sm text-[var(--muted-foreground)]">Track milestones like "Solve X LeetCode" or "Finish project".</p>
+        <p className="mt-2 text-sm text-[var(--muted-foreground)]">
+          Track milestones like "Solve X LeetCode" or "Finish project".
+        </p>
       </div>
     );
   }
@@ -168,7 +224,11 @@ export default function Todo() {
     <div className="p-4 rounded-xl bg-[var(--card)] border border-[var(--border)] shadow-sm flex flex-col gap-2">
       <div className="flex items-start justify-between">
         <div className="flex items-start gap-3">
-          <button onClick={() => toggleComplete(task.id)} className="mt-1 p-1 rounded-full hover:bg-[var(--accent)]" aria-label="toggle-complete">
+          <button
+            onClick={() => toggleComplete(task.id)}
+            className="mt-1 p-1 rounded-full hover:bg-[var(--accent)]"
+            aria-label="toggle-complete"
+          >
             {task.status === "completed" ? (
               <CheckCircle2 className="w-5 h-5 text-[var(--primary)]" />
             ) : (
@@ -176,18 +236,34 @@ export default function Todo() {
             )}
           </button>
           <div>
-            <h4 className="font-semibold text-[var(--card-foreground)]">{task.title}</h4>
-            {task.description && <p className="text-sm text-[var(--muted-foreground)]">{task.description}</p>}
+            <h4 className="font-semibold text-[var(--card-foreground)]">
+              {task.title}
+            </h4>
+            {task.description && (
+              <p className="text-sm text-[var(--muted-foreground)]">
+                {task.description}
+              </p>
+            )}
             {task.deadline && (
-              <p className="text-xs mt-1 text-[var(--muted-foreground)]">Due {new Date(task.deadline).toLocaleString()}</p>
+              <p className="text-xs mt-1 text-[var(--muted-foreground)]">
+                Due {new Date(task.deadline).toLocaleString()}
+              </p>
             )}
           </div>
         </div>
         <div className="flex items-center gap-2">
-          <button onClick={() => startEdit(task)} className="p-2 rounded-lg hover:bg-[var(--accent)]" aria-label="edit">
+          <button
+            onClick={() => startEdit(task)}
+            className="p-2 rounded-lg hover:bg-[var(--accent)]"
+            aria-label="edit"
+          >
             <Pencil className="w-4 h-4 text-[var(--primary)]" />
           </button>
-          <button onClick={() => removeTask(task.id)} className="p-2 rounded-lg hover:bg-[var(--accent)]" aria-label="delete">
+          <button
+            onClick={() => removeTask(task.id)}
+            className="p-2 rounded-lg hover:bg-[var(--accent)]"
+            aria-label="delete"
+          >
             <Trash2 className="w-4 h-4 text-red-500" />
           </button>
         </div>
@@ -202,13 +278,22 @@ export default function Todo() {
     return (
       <div className="p-4 rounded-xl bg-[var(--card)] border border-[var(--border)] shadow-sm">
         <div className="flex items-center justify-between">
-          <h3 className="text-lg font-semibold text-[var(--card-foreground)]">Weekly Goals</h3>
-          <span className="text-sm text-[var(--muted-foreground)]">{weeklyDone}/{weeklyTarget} this week</span>
+          <h3 className="text-lg font-semibold text-[var(--card-foreground)]">
+            Weekly Goals
+          </h3>
+          <span className="text-sm text-[var(--muted-foreground)]">
+            {weeklyDone}/{weeklyTarget} this week
+          </span>
         </div>
         <div className="mt-3 w-full h-3 bg-[var(--accent)]/30 rounded-full overflow-hidden">
-          <div className="h-full bg-[var(--primary)]" style={{ width: `${percent}%` }} />
+          <div
+            className="h-full bg-[var(--primary)]"
+            style={{ width: `${percent}%` }}
+          />
         </div>
-        <p className="mt-2 text-sm text-[var(--muted-foreground)]">Set targets like "Solve 7 problems" weekly.</p>
+        <p className="mt-2 text-sm text-[var(--muted-foreground)]">
+          Set targets like "Solve 7 problems" weekly.
+        </p>
       </div>
     );
   }
@@ -220,100 +305,178 @@ export default function Todo() {
         <div className="max-w-full mx-auto space-y-6">
           <div className="flex items-center gap-3">
             <BackButton to="/dashboard" />
-            <h2 className="text-2xl font-bold text-[var(--card-foreground)] dark:text-[var(--primary)]">To-Do List</h2>
+            <h2 className="text-2xl font-bold text-[var(--card-foreground)] dark:text-[var(--primary)]">
+              To-Do List
+            </h2>
             <div className="flex items-center gap-2 ml-auto">
               <div className="relative">
-                <select value={filter} onChange={(e)=>setFilter(e.target.value)} className="appearance-none pr-8 pl-3 py-2 rounded-lg bg-[var(--card)] text-[var(--card-foreground)] border border-[var(--input)]">
+                <select
+                  value={filter}
+                  onChange={(e) => setFilter(e.target.value)}
+                  className="appearance-none pr-8 pl-3 py-2 rounded-lg bg-[var(--card)] text-[var(--card-foreground)] border border-[var(--input)]"
+                >
                   <option value="all">All</option>
                   <option value="upcoming">Upcoming deadlines</option>
                   <option value="completed">Completed</option>
                 </select>
                 <Filter className="w-4 h-4 absolute right-2 top-1/2 -translate-y-1/2 text-[var(--muted-foreground)]" />
               </div>
-              <button type="button" onClick={openAddModal} className="px-4 py-2 rounded-lg bg-[var(--primary)] text-[var(--primary-foreground)] flex items-center gap-2 hover:opacity-90">
+              <button
+                type="button"
+                onClick={openAddModal}
+                className="px-4 py-2 rounded-lg bg-[var(--primary)] text-[var(--primary-foreground)] flex items-center gap-2 hover:opacity-90"
+              >
                 <Plus className="w-4 h-4" />
                 Add
               </button>
             </div>
           </div>
 
-            {/* Add / Edit Modal */}
-            {showModal && (
-              <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/40">
-                <div className="w-full max-w-lg p-5 rounded-xl bg-[var(--card)] border border-[var(--border)] shadow-xl">
-                  <div className="flex items-center justify-between">
-                    <h3 className="text-xl font-semibold text-[var(--card-foreground)]">{editingId ? "Edit Task" : "Add Task"}</h3>
-                    <button onClick={() => { setShowModal(false); resetForm(); }} className="px-2 py-1 rounded-md hover:bg-[var(--accent)] text-[var(--card-foreground)]">✕</button>
-                  </div>
-                  <form onSubmit={handleSubmitModal} className="mt-4 grid grid-cols-1 gap-3">
-                    <input value={modalData.title} onChange={(e)=>setModalData({ ...modalData, title: e.target.value })} placeholder="Title" className="px-3 py-2 rounded-lg bg-[var(--background)] text-[var(--card-foreground)] border border-[var(--input)]" />
-                    <textarea value={modalData.description} onChange={(e)=>setModalData({ ...modalData, description: e.target.value })} placeholder="Description" className="px-3 py-2 rounded-lg bg-[var(--background)] text-[var(--card-foreground)] border border-[var(--input)]" rows="3" />
-                    <div className="grid grid-cols-2 gap-3">
-                      <select value={modalData.status} onChange={(e)=>setModalData({ ...modalData, status: e.target.value })} className="px-3 py-2 rounded-lg bg-[var(--background)] text-[var(--card-foreground)] border border-[var(--input)]">
-                        <option value="pending">Pending</option>
-                        <option value="completed">Completed</option>
-                      </select>
-                      <input type="datetime-local" value={modalData.deadline} onChange={(e)=>setModalData({ ...modalData, deadline: e.target.value })} className="px-3 py-2 rounded-lg bg-[var(--background)] text-[var(--card-foreground)] border border-[var(--input)]" />
-                    </div>
-                    {/* userId is resolved on the server from JWT; no input needed */}
-                    <div className="flex items-center justify-end gap-2 mt-2">
-                      <button type="button" onClick={() => { setShowModal(false); resetForm(); }} className="px-4 py-2 rounded-lg border border-[var(--input)] text-[var(--card-foreground)] hover:bg-[var(--accent)]">Cancel</button>
-                      <button type="submit" className="px-4 py-2 rounded-lg bg-[var(--primary)] text-[var(--primary-foreground)]">
-                        {editingId ? "Save Changes" : "Add Task"}
-                      </button>
-                    </div>
-                  </form>
+          {/* Add / Edit Modal */}
+          {showModal && (
+            <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/40">
+              <div className="w-full max-w-lg p-5 rounded-xl bg-[var(--card)] border border-[var(--border)] shadow-xl">
+                <div className="flex items-center justify-between">
+                  <h3 className="text-xl font-semibold text-[var(--card-foreground)]">
+                    {editingId ? "Edit Task" : "Add Task"}
+                  </h3>
+                  <button
+                    onClick={() => {
+                      setShowModal(false);
+                      resetForm();
+                    }}
+                    className="px-2 py-1 rounded-md hover:bg-[var(--accent)] text-[var(--card-foreground)]"
+                  >
+                    ✕
+                  </button>
                 </div>
+                <form
+                  onSubmit={handleSubmitModal}
+                  className="mt-4 grid grid-cols-1 gap-3"
+                >
+                  <input
+                    value={modalData.title}
+                    onChange={(e) =>
+                      setModalData({ ...modalData, title: e.target.value })
+                    }
+                    placeholder="Title"
+                    className="px-3 py-2 rounded-lg bg-[var(--background)] text-[var(--card-foreground)] border border-[var(--input)]"
+                  />
+                  <textarea
+                    value={modalData.description}
+                    onChange={(e) =>
+                      setModalData({
+                        ...modalData,
+                        description: e.target.value,
+                      })
+                    }
+                    placeholder="Description"
+                    className="px-3 py-2 rounded-lg bg-[var(--background)] text-[var(--card-foreground)] border border-[var(--input)]"
+                    rows="3"
+                  />
+                  <div className="grid grid-cols-2 gap-3">
+                    <select
+                      value={modalData.status}
+                      onChange={(e) =>
+                        setModalData({ ...modalData, status: e.target.value })
+                      }
+                      className="px-3 py-2 rounded-lg bg-[var(--background)] text-[var(--card-foreground)] border border-[var(--input)]"
+                    >
+                      <option value="pending">Pending</option>
+                      <option value="completed">Completed</option>
+                    </select>
+                    <input
+                      type="datetime-local"
+                      value={modalData.deadline}
+                      onChange={(e) =>
+                        setModalData({ ...modalData, deadline: e.target.value })
+                      }
+                      className="px-3 py-2 rounded-lg bg-[var(--background)] text-[var(--card-foreground)] border border-[var(--input)]"
+                    />
+                  </div>
+                  {/* userId is resolved on the server from JWT; no input needed */}
+                  <div className="flex items-center justify-end gap-2 mt-2">
+                    <button
+                      type="button"
+                      onClick={() => {
+                        setShowModal(false);
+                        resetForm();
+                      }}
+                      className="px-4 py-2 rounded-lg border border-[var(--input)] text-[var(--card-foreground)] hover:bg-[var(--accent)]"
+                    >
+                      Cancel
+                    </button>
+                    <button
+                      type="submit"
+                      className="px-4 py-2 rounded-lg bg-[var(--primary)] text-[var(--primary-foreground)]"
+                    >
+                      {editingId ? "Save Changes" : "Add Task"}
+                    </button>
+                  </div>
+                </form>
               </div>
-            )}
+            </div>
+          )}
 
-            {/* Content */}
-            <div className="grid grid-cols-1 lg:grid-cols-3 gap-4">
-              <div className="lg:col-span-2 space-y-4">
-                {/* Pending */}
-                <div className="p-4 rounded-xl bg-[var(--card)] border border-[var(--border)] shadow-sm">
-                  <h3 className="text-lg font-semibold text-[var(--card-foreground)] mb-3">Pending</h3>
-                  <div className="space-y-3">
-                    {filtered(pendingTasks).length === 0 ? (
-                      <p className="text-sm text-[var(--muted-foreground)]">No pending tasks.</p>
-                    ) : (
-                      filtered(pendingTasks).map(task => <TaskCard key={task.id} task={task} />)
-                    )}
-                  </div>
+          {/* Content */}
+          <div className="grid grid-cols-1 lg:grid-cols-3 gap-4">
+            <div className="lg:col-span-2 space-y-4">
+              {/* Pending */}
+              <div className="p-4 rounded-xl bg-[var(--card)] border border-[var(--border)] shadow-sm">
+                <h3 className="text-lg font-semibold text-[var(--card-foreground)] mb-3">
+                  Pending
+                </h3>
+                <div className="space-y-3">
+                  {filtered(pendingTasks).length === 0 ? (
+                    <p className="text-sm text-[var(--muted-foreground)]">
+                      No pending tasks.
+                    </p>
+                  ) : (
+                    filtered(pendingTasks).map((task) => (
+                      <TaskCard key={task.id} task={task} />
+                    ))
+                  )}
                 </div>
+              </div>
 
-                {/* Completed */}
-                <div className="p-4 rounded-xl bg-[var(--card)] border border-[var(--border)] shadow-sm">
-                  <h3 className="text-lg font-semibold text-[var(--card-foreground)] mb-3">Completed</h3>
-                  <div className="space-y-3">
-                    {filtered(completedTasks).length === 0 ? (
-                      <p className="text-sm text-[var(--muted-foreground)]">No completed tasks yet.</p>
-                    ) : (
-                      filtered(completedTasks).map(task => <TaskCard key={task.id} task={task} />)
-                    )}
-                  </div>
+              {/* Completed */}
+              <div className="p-4 rounded-xl bg-[var(--card)] border border-[var(--border)] shadow-sm">
+                <h3 className="text-lg font-semibold text-[var(--card-foreground)] mb-3">
+                  Completed
+                </h3>
+                <div className="space-y-3">
+                  {filtered(completedTasks).length === 0 ? (
+                    <p className="text-sm text-[var(--muted-foreground)]">
+                      No completed tasks yet.
+                    </p>
+                  ) : (
+                    filtered(completedTasks).map((task) => (
+                      <TaskCard key={task.id} task={task} />
+                    ))
+                  )}
                 </div>
               </div>
+            </div>
 
-              {/* Right column widgets */}
-              <div className="space-y-4">
-                {/* Move Quick Tips to top for visibility */}
-                <div className="p-4 rounded-xl bg-[var(--card)] border border-[var(--border)] shadow-sm">
-                  <h3 className="text-lg font-semibold text-[var(--card-foreground)]">Quick Tips</h3>
-                  <ul className="mt-2 list-disc list-inside text-sm text-[var(--muted-foreground)] space-y-1">
-                    <li>Use deadlines to prioritize tasks.</li>
-                    <li>Break big goals into smaller, actionable items.</li>
-                    <li>Mark tasks done to track your streaks.</li>
-                  </ul>
-                </div>
-                <GoalProgress />
-                <WeeklyGoals />
+            {/* Right column widgets */}
+            <div className="space-y-4">
+              {/* Move Quick Tips to top for visibility */}
+              <div className="p-4 rounded-xl bg-[var(--card)] border border-[var(--border)] shadow-sm">
+                <h3 className="text-lg font-semibold text-[var(--card-foreground)]">
+                  Quick Tips
+                </h3>
+                <ul className="mt-2 list-disc list-inside text-sm text-[var(--muted-foreground)] space-y-1">
+                  <li>Use deadlines to prioritize tasks.</li>
+                  <li>Break big goals into smaller, actionable items.</li>
+                  <li>Mark tasks done to track your streaks.</li>
+                </ul>
               </div>
+              <GoalProgress />
+              <WeeklyGoals />
             </div>
+          </div>
         </div>
       </main>
     </div>
   );
 }
-
-
diff --git a/frontend/src/Components/DashBoard/Topbar.jsx b/frontend/src/Components/DashBoard/Topbar.jsx
index 0561d42..db9ab43 100644
--- a/frontend/src/Components/DashBoard/Topbar.jsx
+++ b/frontend/src/Components/DashBoard/Topbar.jsx
@@ -69,9 +69,7 @@ export default function Topbar() {
             <DropdownMenuItem onClick={() => navigate("/settings")}>
               Settings
             </DropdownMenuItem>
-            <DropdownMenuItem onClick={handleLogout}>
-              Logout
-            </DropdownMenuItem>
+            <DropdownMenuItem onClick={handleLogout}>Logout</DropdownMenuItem>
           </DropdownMenuContent>
         </DropdownMenu>
 
diff --git a/frontend/src/Components/Dashboard.jsx b/frontend/src/Components/Dashboard.jsx
index 870a88b..7711a9b 100644
--- a/frontend/src/Components/Dashboard.jsx
+++ b/frontend/src/Components/Dashboard.jsx
@@ -188,7 +188,7 @@ export default function Dashboard() {
         <ScrollArea className="flex-1 h-full p-4 sm:p-6 bg-muted/30">
           {/* Add FeedbackController with the user profile */}
           <FeedbackController user={profile} />
-          
+
           <div className="grid grid-cols-[repeat(auto-fit,minmax(300px,1fr))] gap-6 auto-rows-max">
             {/* Row 1 */}
             <ProfileCard user={profile} className="col-span-1" />
@@ -216,7 +216,7 @@ export default function Dashboard() {
                           "x-auth-token": token,
                         },
                         body: JSON.stringify({ date: day }),
-                      }
+                      },
                     );
                     if (res.ok) {
                       setProfile((prev) => ({
diff --git a/frontend/src/Components/FAQ.jsx b/frontend/src/Components/FAQ.jsx
index cfd90b6..495cee2 100644
--- a/frontend/src/Components/FAQ.jsx
+++ b/frontend/src/Components/FAQ.jsx
@@ -2,44 +2,54 @@ import React, { useState } from "react";
 
 export default function FAQ() {
   const faqs = [
-    { 
+    {
       question: "What is DevSync?",
-      answer: "DevSync is a unified productivity tracker for developers. It aggregates your coding activity, contributions, and daily goals from multiple platforms into a single dashboard, helping you track growth, stay consistent, and showcase your development journey." 
+      answer:
+        "DevSync is a unified productivity tracker for developers. It aggregates your coding activity, contributions, and daily goals from multiple platforms into a single dashboard, helping you track growth, stay consistent, and showcase your development journey.",
     },
-    { 
-      question: "Which platforms does DevSync support?", 
-      answer: "DevSync supports a growing list of coding and development platforms. Currently, it integrates with popular platforms like GitHub, LeetCode, and other major coding platforms. More integrations will be added over time." 
+    {
+      question: "Which platforms does DevSync support?",
+      answer:
+        "DevSync supports a growing list of coding and development platforms. Currently, it integrates with popular platforms like GitHub, LeetCode, and other major coding platforms. More integrations will be added over time.",
     },
-    { 
-      question: "How is DevSync different?", 
-      answer: "While platforms like GitHub, LeetCode, and Wakatime track specific activities, DevSync consolidates all your coding stats, streaks, and growth across multiple platforms into a single, easy-to-read dashboard, providing a holistic view of your developer progress." 
+    {
+      question: "How is DevSync different?",
+      answer:
+        "While platforms like GitHub, LeetCode, and Wakatime track specific activities, DevSync consolidates all your coding stats, streaks, and growth across multiple platforms into a single, easy-to-read dashboard, providing a holistic view of your developer progress.",
     },
-    { 
-      question: "Can I connect multiple platforms?", 
-      answer: "Yes! DevSync allows you to connect multiple supported platforms simultaneously, giving you a unified view of all your coding activity and progress in one place." 
+    {
+      question: "Can I connect multiple platforms?",
+      answer:
+        "Yes! DevSync allows you to connect multiple supported platforms simultaneously, giving you a unified view of all your coding activity and progress in one place.",
     },
-    { 
-      question: "How to set up locally?", 
+    {
+      question: "How to set up locally?",
       answer: (
         <>
-          1. Fork the repository and clone it to your machine.<br />
-          2. Install dependencies for the frontend and backend using <code>npm install</code>.<br />
-          3. Run the development servers:<br />
-          &nbsp;&nbsp;- Frontend: <code>npm run dev</code><br />
-          &nbsp;&nbsp;- Backend: <code>npm run dev</code><br />
+          1. Fork the repository and clone it to your machine.
+          <br />
+          2. Install dependencies for the frontend and backend using{" "}
+          <code>npm install</code>.<br />
+          3. Run the development servers:
+          <br />
+          &nbsp;&nbsp;- Frontend: <code>npm run dev</code>
+          <br />
+          &nbsp;&nbsp;- Backend: <code>npm run dev</code>
+          <br />
         </>
-      ) 
+      ),
     },
-    { 
-      question: "Do I need an account?", 
-      answer: "Yes, you will need to sign in using your GitHub or other supported accounts to sync your coding activity." 
+    {
+      question: "Do I need an account?",
+      answer:
+        "Yes, you will need to sign in using your GitHub or other supported accounts to sync your coding activity.",
     },
   ];
 
   const [openIndex, setOpenIndex] = useState(null);
 
   return (
-    <section id ="faq" className="max-w-4xl mx-auto py-16 px-6 font-sans">
+    <section id="faq" className="max-w-4xl mx-auto py-16 px-6 font-sans">
       <h2 className="text-4xl font-bold font-heading text-center mb-4 text-gray-900 dark:text-gray-100">
         Frequently Asked Questions
       </h2>
@@ -65,7 +75,12 @@ export default function FAQ() {
                 viewBox="0 0 24 24"
                 stroke="currentColor"
               >
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth={2}
+                  d="M19 9l-7 7-7-7"
+                />
               </svg>
             </button>
             {openIndex === idx && (
diff --git a/frontend/src/Components/Features.jsx b/frontend/src/Components/Features.jsx
index 4846db2..428d5f5 100644
--- a/frontend/src/Components/Features.jsx
+++ b/frontend/src/Components/Features.jsx
@@ -15,12 +15,14 @@ export function FeaturesSection() {
   const features = [
     {
       title: "Unified Developer Dashboard",
-      description: "Track GitHub, LeetCode, Codeforces, and more from a single dashboard.",
+      description:
+        "Track GitHub, LeetCode, Codeforces, and more from a single dashboard.",
       icon: <Activity />,
     },
     {
       title: "Smart Productivity Logs",
-      description: "Log tasks, wins, blockers, and progress with daily summaries.",
+      description:
+        "Log tasks, wins, blockers, and progress with daily summaries.",
       icon: <BookOpen />,
     },
     {
@@ -35,17 +37,20 @@ export function FeaturesSection() {
     },
     {
       title: "DSA Progress Tracking",
-      description: "Keep tabs on your problem-solving journey across platforms.",
+      description:
+        "Keep tabs on your problem-solving journey across platforms.",
       icon: <Brain />,
     },
     {
       title: "Interactive Visualizations",
-      description: "Understand your productivity via dynamic graphs and charts.",
+      description:
+        "Understand your productivity via dynamic graphs and charts.",
       icon: <BarChart3 />,
     },
     {
       title: "Community Collaboration",
-      description: "Connect, share logs, and grow together with other developers.",
+      description:
+        "Connect, share logs, and grow together with other developers.",
       icon: <MessageCircle />,
     },
     {
@@ -56,7 +61,10 @@ export function FeaturesSection() {
   ];
 
   return (
-    <div id="features" className=" bg-[#101e35] border border-[#1c2e4a] rounded-3xl p-8 md:p-12 shadow-lg">
+    <div
+      id="features"
+      className=" bg-[#101e35] border border-[#1c2e4a] rounded-3xl p-8 md:p-12 shadow-lg"
+    >
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 relative z-10 py-10 max-w-7xl mx-auto">
         {features.map((feature, index) => (
           <Feature key={feature.title} {...feature} index={index} />
@@ -66,12 +74,7 @@ export function FeaturesSection() {
   );
 }
 
-const Feature = ({
-  title,
-  description,
-  icon,
-  index,
-}) => {
+const Feature = ({ title, description, icon, index }) => {
   return (
     <div
       className={cn(
@@ -79,7 +82,7 @@ const Feature = ({
         "transition-all duration-300 ease-in-out", // Added for smooth transitions
         (index === 0 || index === 4) && "lg:border-l dark:border-neutral-500",
         index < 4 && "lg:border-b dark:border-neutral-800",
-        "hover:bg-[#1a2b47] hover:shadow-xl rounded-lg" // Background and shadow on hover
+        "hover:bg-[#1a2b47] hover:shadow-xl rounded-lg", // Background and shadow on hover
       )}
     >
       {/* Absolute positioned overlay for a subtle highlight effect */}
@@ -99,4 +102,4 @@ const Feature = ({
       </p>
     </div>
   );
-};
\ No newline at end of file
+};
diff --git a/frontend/src/Components/GitHubProfile.jsx b/frontend/src/Components/GitHubProfile.jsx
index 727b872..22f91f0 100644
--- a/frontend/src/Components/GitHubProfile.jsx
+++ b/frontend/src/Components/GitHubProfile.jsx
@@ -23,7 +23,7 @@ const GitHubProfile = () => {
         const backendUrl =
           import.meta.env.VITE_API_URL || "http://localhost:5000";
         const res = await fetch(
-          `${backendUrl}/api/github/${normalizedUsername}`
+          `${backendUrl}/api/github/${normalizedUsername}`,
         );
         const json = await res.json();
 
@@ -115,7 +115,7 @@ const GitHubProfile = () => {
 
     const totalSize = Object.values(languages).reduce(
       (sum, val) => sum + val,
-      0
+      0,
     );
 
     return (
@@ -291,4 +291,4 @@ const GitHubProfile = () => {
   );
 };
 
-export default GitHubProfile;
\ No newline at end of file
+export default GitHubProfile;
diff --git a/frontend/src/Components/Hero.jsx b/frontend/src/Components/Hero.jsx
index d39cda8..fdcd48e 100644
--- a/frontend/src/Components/Hero.jsx
+++ b/frontend/src/Components/Hero.jsx
@@ -17,17 +17,16 @@ const Hero = () => {
       const rect = textRef.current.getBoundingClientRect();
       setMousePosition({
         x: e.clientX - rect.left,
-        y: e.clientY - rect.top
+        y: e.clientY - rect.top,
       });
     }
   };
 
   return (
-    <section 
-   
+    <section
       id="home"
       className="relative w-full min-h-[78vh] px-6 py-20 flex items-center justify-center overflow-hidden rounded-3xl border border-white/50 bg-gradient-to-b from-white to-sky-50 shadow-2xl"
-    style={{ background: "var(--background)", color: "var(--foreground)" }}
+      style={{ background: "var(--background)", color: "var(--foreground)" }}
     >
       <ScrollProgress />
       {/* subtle corner accents */}
@@ -51,98 +50,113 @@ const Hero = () => {
           whileInView={{ scale: 1, opacity: 1 }}
           transition={{ delay: 0.05, duration: 0.4 }}
           className="mx-auto mb-6 inline-flex items-center gap-2 rounded-full border px-4 py-1.5 text-xs font-semibold tracking-wide shadow-sm backdrop-blur"
-          style={{ borderColor: "var(--border)", background: "var(--card)", color: "var(--primary)" }}
+          style={{
+            borderColor: "var(--border)",
+            background: "var(--card)",
+            color: "var(--primary)",
+          }}
         >
-          <span className="size-2 rounded-full" style={{ background: "var(--primary)" }} /> Productivity Platform
+          <span
+            className="size-2 rounded-full"
+            style={{ background: "var(--primary)" }}
+          />{" "}
+          Productivity Platform
         </motion.div>
 
         {/* Headline */}
-  <h1 className="text-balance font-extrabold tracking-tight" style={{ color: "var(--foreground)" }}>
+        <h1
+          className="text-balance font-extrabold tracking-tight"
+          style={{ color: "var(--foreground)" }}
+        >
           <span className="block text-5xl md:text-7xl">Welcome to</span>
-          <motion.div 
+          <motion.div
             ref={textRef}
             className="relative mx-auto mt-2 inline-block"
             onMouseMove={handleMouseMove}
             onMouseEnter={() => setIsHovering(true)}
             onMouseLeave={() => setIsHovering(false)}
-            style={{ 
+            style={{
               perspective: "1000px",
-              transformStyle: "preserve-3d"
+              transformStyle: "preserve-3d",
             }}
           >
-            <motion.span 
+            <motion.span
               className="relative mx-auto inline-block bg-gradient-to-r from-[#1D3557] via-[#215A96] to-[#3B82F6] bg-clip-text text-transparent text-6xl md:text-8xl"
-              animate={{ 
-                textShadow: isHovering ? "0 0 8px rgba(59, 130, 246, 0.3)" : "0 0 0px rgba(59, 130, 246, 0)",
-                transform: isHovering ? 
-                  `perspective(1000px) rotateX(${(mousePosition.y - 50) / 50}deg) rotateY(${(mousePosition.x - 130) / 50}deg)` : 
-                  "perspective(1000px) rotateX(0deg) rotateY(0deg)"
+              animate={{
+                textShadow: isHovering
+                  ? "0 0 8px rgba(59, 130, 246, 0.3)"
+                  : "0 0 0px rgba(59, 130, 246, 0)",
+                transform: isHovering
+                  ? `perspective(1000px) rotateX(${(mousePosition.y - 50) / 50}deg) rotateY(${(mousePosition.x - 130) / 50}deg)`
+                  : "perspective(1000px) rotateX(0deg) rotateY(0deg)",
               }}
               transition={{ type: "spring", stiffness: 100, damping: 15 }}
             >
               DevSync
             </motion.span>
-            
+
             {/* Interactive underline with cursor response */}
-            <motion.div 
+            <motion.div
               ref={underlineRef}
               className="relative mx-auto mt-1 h-[1px] max-w-[260px]"
-              style={{ 
-                background: "linear-gradient(to right, transparent, #60a5fa, transparent)",
-                boxShadow: isHovering ? "0 0 10px 1px rgba(59, 130, 246, 0.5)" : "none",
+              style={{
+                background:
+                  "linear-gradient(to right, transparent, #60a5fa, transparent)",
+                boxShadow: isHovering
+                  ? "0 0 10px 1px rgba(59, 130, 246, 0.5)"
+                  : "none",
               }}
-              animate={{ 
+              animate={{
                 width: isHovering ? "100%" : "80%",
                 height: isHovering ? "2px" : "1px",
-                x: isHovering ? `calc(${mousePosition.x / 5 - 10}px)` : 0
+                x: isHovering ? `calc(${mousePosition.x / 5 - 10}px)` : 0,
               }}
               transition={{ type: "spring", stiffness: 150, damping: 15 }}
             />
           </motion.div>
         </h1>
 
-        <p className="mx-auto mt-8 max-w-3xl text-lg md:text-2xl" style={{ color: "var(--muted-foreground)" }}>
+        <p
+          className="mx-auto mt-8 max-w-3xl text-lg md:text-2xl"
+          style={{ color: "var(--muted-foreground)" }}
+        >
           Your all-in-one productivity dashboard for developers 🚀
         </p>
 
-          <div className="z-10 mt-10 flex justify-center">
-            <a
-              href="https://github.com/DevSyncx/DevSync"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="group relative flex items-center justify-center rounded-full px-6 py-2 shadow-[inset_0_-8px_10px_rgba(96,165,250,0.12)] transition-shadow duration-500 ease-out hover:shadow-[inset_0_-5px_10px_rgba(59,130,246,0.25)]"
-            >
-              {/* gradient overlay */}
-              <span
-                className={cn(
-                  "animate-gradient absolute inset-0 block h-full w-full rounded-full bg-gradient-to-r from-[#3b82f6]/50 via-[#60a5fa]/50 to-[#1e40af]/50 bg-[length:300%_100%] p-[1px]"
-                )}
-                style={{
-                  WebkitMask:
-                    "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
-                  WebkitMaskComposite: "destination-out",
-                  mask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
-                  maskComposite: "subtract",
-                  WebkitClipPath: "padding-box",
-                }}
-              />
-
-              {/* separator */}
-              ⭐ <hr className="mx-2 h-4 w-px shrink-0 bg-sky-300/50" />
-
-              {/* text */}
-              <AnimatedGradientText className="text-sm font-medium text-[--popover-foreground]">
-                Star on GitHub
-              </AnimatedGradientText>
-
-              {/* arrow icon */}
-              <ArrowRightIcon className="ml-2 h-5 w-5 stroke-[--popover-foreground] transition-transform duration-300 ease-in-out group-hover:translate-x-1" />
-            </a>
-          </div>          
+        <div className="z-10 mt-10 flex justify-center">
+          <a
+            href="https://github.com/DevSyncx/DevSync"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="group relative flex items-center justify-center rounded-full px-6 py-2 shadow-[inset_0_-8px_10px_rgba(96,165,250,0.12)] transition-shadow duration-500 ease-out hover:shadow-[inset_0_-5px_10px_rgba(59,130,246,0.25)]"
+          >
+            {/* gradient overlay */}
+            <span
+              className={cn(
+                "animate-gradient absolute inset-0 block h-full w-full rounded-full bg-gradient-to-r from-[#3b82f6]/50 via-[#60a5fa]/50 to-[#1e40af]/50 bg-[length:300%_100%] p-[1px]",
+              )}
+              style={{
+                WebkitMask:
+                  "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
+                WebkitMaskComposite: "destination-out",
+                mask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
+                maskComposite: "subtract",
+                WebkitClipPath: "padding-box",
+              }}
+            />
+            {/* separator */}
+            ⭐ <hr className="mx-2 h-4 w-px shrink-0 bg-sky-300/50" />
+            {/* text */}
+            <AnimatedGradientText className="text-sm font-medium text-[--popover-foreground]">
+              Star on GitHub
+            </AnimatedGradientText>
+            {/* arrow icon */}
+            <ArrowRightIcon className="ml-2 h-5 w-5 stroke-[--popover-foreground] transition-transform duration-300 ease-in-out group-hover:translate-x-1" />
+          </a>
+        </div>
         <div className="mt-6" />
       </motion.div>
     </section>
-
   );
 };
 
diff --git a/frontend/src/Components/Navbar/Navbar.jsx b/frontend/src/Components/Navbar/Navbar.jsx
index b738872..458dfd6 100644
--- a/frontend/src/Components/Navbar/Navbar.jsx
+++ b/frontend/src/Components/Navbar/Navbar.jsx
@@ -17,77 +17,93 @@ import { useTimer } from "../../context/TimerContext";
 
 const publicNavItems = [
   { name: "Home", link: "/", icon: <Home className="h-4 w-4" /> },
-  { name: "Features", link: "#features", icon: <Sparkle className="h-4 w-4" /> },
+  {
+    name: "Features",
+    link: "#features",
+    icon: <Sparkle className="h-4 w-4" />,
+  },
   { name: "About us", link: "#about", icon: <Info className="h-4 w-4" /> },
-  { name: "Github", link: "https://github.com/DevSyncx/DevSync.git", icon: <Github className="h-4 w-4" /> },
+  {
+    name: "Github",
+    link: "https://github.com/DevSyncx/DevSync.git",
+    icon: <Github className="h-4 w-4" />,
+  },
   { name: "Contact Us", link: "#contact", icon: <Phone className="h-4 w-4" /> },
   { name: "FAQ", link: "#faq", icon: <HelpCircle className="h-4 w-4" /> },
 ];
 
 // --- Mobile Navigation Overlay Component (defined in the same file) ---
-const MobileNavOverlay = ({ isOpen, onClose, navItems, isAuthenticated, handleLogout }) => {
-    const overlayClasses = `mobile-nav-overlay ${isOpen ? "open" : ""}`;
+const MobileNavOverlay = ({
+  isOpen,
+  onClose,
+  navItems,
+  isAuthenticated,
+  handleLogout,
+}) => {
+  const overlayClasses = `mobile-nav-overlay ${isOpen ? "open" : ""}`;
 
-    const handleLinkClick = () => {
-      onClose();
-    };
-    
-    const handleLogoutClick = () => {
-      handleLogout();
-      onClose();
-    }
+  const handleLinkClick = () => {
+    onClose();
+  };
 
-    return (
-      <div className={overlayClasses}>
-        <button onClick={onClose} className="absolute top-8 right-8 text-foreground">
-          <X size={32} />
-        </button>
-        <nav className="flex flex-col items-center justify-center h-full">
-          <ul>
-            {!isAuthenticated ? (
-              navItems.map((item) => (
-                <li key={item.name}>
-                  <a href={item.link} onClick={handleLinkClick}>
-                    {item.name}
-                  </a>
-                </li>
-              ))
-            ) : (
-              <>
-                <li>
-                  <Link to="/profile" onClick={handleLinkClick}>
-                    Profile
-                  </Link>
-                </li>
-                {/* Add other authenticated links here */}
-              </>
-            )}
-          </ul>
-        </nav>
+  const handleLogoutClick = () => {
+    handleLogout();
+    onClose();
+  };
 
-        <div className="mobile-nav-footer">
+  return (
+    <div className={overlayClasses}>
+      <button
+        onClick={onClose}
+        className="absolute top-8 right-8 text-foreground"
+      >
+        <X size={32} />
+      </button>
+      <nav className="flex flex-col items-center justify-center h-full">
+        <ul>
           {!isAuthenticated ? (
-            <>
-              <Link to="/register" className="w-full">
-                <button onClick={handleLinkClick} className="signup-btn-mobile">
-                  Sign Up
-                </button>
-              </Link>
-              <DarkModeToggle />
-            </>
+            navItems.map((item) => (
+              <li key={item.name}>
+                <a href={item.link} onClick={handleLinkClick}>
+                  {item.name}
+                </a>
+              </li>
+            ))
           ) : (
             <>
-              <button onClick={handleLogoutClick} className="logout-btn-mobile">
-                Logout
-              </button>
-              <DarkModeToggle />
+              <li>
+                <Link to="/profile" onClick={handleLinkClick}>
+                  Profile
+                </Link>
+              </li>
+              {/* Add other authenticated links here */}
             </>
           )}
-        </div>
-      </div>
-    );
-}; 
+        </ul>
+      </nav>
 
+      <div className="mobile-nav-footer">
+        {!isAuthenticated ? (
+          <>
+            <Link to="/register" className="w-full">
+              <button onClick={handleLinkClick} className="signup-btn-mobile">
+                Sign Up
+              </button>
+            </Link>
+            <DarkModeToggle />
+          </>
+        ) : (
+          <>
+            <button onClick={handleLogoutClick} className="logout-btn-mobile">
+              Logout
+            </button>
+            <DarkModeToggle />
+          </>
+        )}
+      </div>
+    </div>
+  );
+};
 
 // --- Main Navbar Component ---
 const Navbar = () => {
@@ -98,21 +114,21 @@ const Navbar = () => {
 
   const navigate = useNavigate();
   const { timeLeft, isRunning } = useTimer();
-  
+
   useEffect(() => {
     setIsAuthenticated(!!localStorage.getItem("token"));
   }, []);
-  
+
   useEffect(() => {
     const handleResize = () => {
       if (window.innerWidth >= 1024) {
         setMenuOpen(false);
       }
     };
-    
-    window.addEventListener('resize', handleResize);
-    
-    return () => window.removeEventListener('resize', handleResize);
+
+    window.addEventListener("resize", handleResize);
+
+    return () => window.removeEventListener("resize", handleResize);
   }, []);
 
   useEffect(() => {
@@ -162,57 +178,57 @@ const Navbar = () => {
             </Link>
 
             <nav className="hidden lg:flex space-x-6 lg:space-x-8 items-center">
-               {!isAuthenticated &&
-                 publicNavItems.map((item) => (
-                   <a
-                     key={item.name}
-                     href={item.link}
-                     className="relative text-[15px] md:text-[16px] lg:text-[17px] font-medium transition-all duration-300 group flex items-center gap-2"
-                     style={{ color: "var(--card-foreground)" }}
-                   >
-                     {item.icon} <span>{item.name}</span>
-                     <span className="absolute left-0 -bottom-1 w-0 h-[2px] bg-gradient-to-r from-[var(--primary)] to-purple-500 transition-all duration-500 group-hover:w-full"></span>
-                   </a>
-                 ))}
+              {!isAuthenticated &&
+                publicNavItems.map((item) => (
+                  <a
+                    key={item.name}
+                    href={item.link}
+                    className="relative text-[15px] md:text-[16px] lg:text-[17px] font-medium transition-all duration-300 group flex items-center gap-2 hover:pb-1"
+                    style={{ color: "var(--card-foreground)" }}
+                  >
+                    {item.icon} <span>{item.name}</span>
+                    <span className="absolute left-0 -bottom-1 w-0 h-[2px] bg-gradient-to-r from-[var(--primary)] to-purple-500 transition-all duration-500 group-hover:w-full"></span>
+                  </a>
+                ))}
 
-               {isAuthenticated && isRunning && (
-                 <div
-                   onClick={() => navigate("/pomodoro")}
-                   className="flex items-center gap-2 cursor-pointer px-3 py-1 rounded-lg transition-all duration-300 hover:bg-gray-200 dark:hover:bg-gray-700 hover:shadow-md hover:shadow-[var(--primary)]/30"
-                 >
-                   <Clock className="w-5 h-5 text-blue-500 animate-pulse" />
-                   <span className="text-sm font-mono">{displayTime}</span>
-                 </div>
-               )}
+              {isAuthenticated && isRunning && (
+                <div
+                  onClick={() => navigate("/pomodoro")}
+                  className="flex items-center gap-2 cursor-pointer px-3 py-1 rounded-lg transition-all duration-300 hover:bg-gray-200 dark:hover:bg-gray-700 hover:shadow-md hover:shadow-[var(--primary)]/30"
+                >
+                  <Clock className="w-5 h-5 text-blue-500 animate-pulse" />
+                  <span className="text-sm font-mono">{displayTime}</span>
+                </div>
+              )}
 
-               {isAuthenticated ? (
-                 <div className="flex items-center gap-3 ml-4">
-                   <Link
-                     to="/profile"
-                     className="flex items-center gap-2 text-[16px] lg:text-[17px] font-medium relative group"
-                     style={{ color: "var(--primary)" }}
-                   >
-                     <UserCircle className="h-4 w-4" /> <span>Profile</span>
-                     <span className="absolute left-0 -bottom-1 w-0 h-[2px] bg-gradient-to-r from-[var(--primary)] to-purple-500 transition-all duration-500 group-hover:w-full"></span>
-                   </Link>
-                   <button
-                     onClick={handleLogout}
-                     className="text-[16px] lg:text-[17px] font-medium text-red-500 transition-colors duration-300 hover:text-red-600"
-                   >
-                     Logout
-                   </button>
-                   <DarkModeToggle />
-                 </div>
-               ) : (
-                 <div className="flex items-center gap-3 ml-4">
-                   <Link to="/register">
-                     <button className="px-4 md:px-5 lg:px-6 py-2 rounded-md font-semibold bg-[var(--primary)] text-[var(--primary-foreground)] shadow-md transition-transform duration-300 hover:scale-105 hover:shadow-lg cursor-pointer text-sm md:text-base">
-                       Sign Up
-                     </button>
-                   </Link>
-                   <DarkModeToggle />
-                 </div>
-               )}
+              {isAuthenticated ? (
+                <div className="flex items-center gap-3 ml-4">
+                  <Link
+                    to="/profile"
+                    className="flex items-center gap-2 text-[16px] lg:text-[17px] font-medium relative group"
+                    style={{ color: "var(--primary)" }}
+                  >
+                    <UserCircle className="h-4 w-4" /> <span>Profile</span>
+                    <span className="absolute left-0 -bottom-1 w-0 h-[2px] bg-gradient-to-r from-[var(--primary)] to-purple-500 transition-all duration-500 group-hover:w-full"></span>
+                  </Link>
+                  <button
+                    onClick={handleLogout}
+                    className="text-[16px] lg:text-[17px] font-medium text-red-500 transition-colors duration-300 hover:text-red-600"
+                  >
+                    Logout
+                  </button>
+                  <DarkModeToggle />
+                </div>
+              ) : (
+                <div className="flex items-center gap-3 ml-4">
+                  <Link to="/register">
+                    <button className="px-4 md:px-5 lg:px-6 py-2 rounded-md font-semibold bg-[var(--primary)] text-[var(--primary-foreground)] shadow-md transition-transform duration-300 hover:scale-105 hover:shadow-lg cursor-pointer text-sm md:text-base">
+                      Sign Up
+                    </button>
+                  </Link>
+                  <DarkModeToggle />
+                </div>
+              )}
             </nav>
 
             <div className="lg:hidden">
@@ -222,7 +238,9 @@ const Navbar = () => {
               >
                 <span
                   className={`block h-1 w-full rounded transform transition duration-300 ease-in-out ${
-                    menuOpen ? "rotate-45 translate-y-[9px] bg-white" : "bg-current"
+                    menuOpen
+                      ? "rotate-45 translate-y-[9px] bg-white"
+                      : "bg-current"
                   }`}
                 />
                 <span
@@ -232,7 +250,9 @@ const Navbar = () => {
                 />
                 <span
                   className={`block h-1 w-full rounded transform transition duration-300 ease-in-out ${
-                    menuOpen ? "-rotate-45 -translate-y-[9px] bg-white" : "bg-current"
+                    menuOpen
+                      ? "-rotate-45 -translate-y-[9px] bg-white"
+                      : "bg-current"
                   }`}
                 />
               </button>
@@ -257,4 +277,3 @@ const Navbar = () => {
 };
 
 export default Navbar;
-
diff --git a/frontend/src/Components/auth/EmailVerification.jsx b/frontend/src/Components/auth/EmailVerification.jsx
index 66470c3..edba528 100644
--- a/frontend/src/Components/auth/EmailVerification.jsx
+++ b/frontend/src/Components/auth/EmailVerification.jsx
@@ -1,14 +1,14 @@
-import { useState, useEffect } from 'react';
-import { Link } from 'react-router-dom';
-import { motion } from 'framer-motion';
-import { Mail, ArrowLeft, RefreshCw, CheckCircle, Clock } from 'lucide-react';
+import { useState, useEffect } from "react";
+import { Link } from "react-router-dom";
+import { motion } from "framer-motion";
+import { Mail, ArrowLeft, RefreshCw, CheckCircle, Clock } from "lucide-react";
 
 const EmailVerification = ({ userId, email, onVerificationSuccess }) => {
-  const [verificationCode, setVerificationCode] = useState('');
+  const [verificationCode, setVerificationCode] = useState("");
   const [isLoading, setIsLoading] = useState(false);
   const [isResending, setIsResending] = useState(false);
-  const [error, setError] = useState('');
-  const [message, setMessage] = useState('');
+  const [error, setError] = useState("");
+  const [message, setMessage] = useState("");
   const [timeLeft, setTimeLeft] = useState(900); // 15 minutes in seconds
 
   // Countdown timer
@@ -25,69 +25,71 @@ const EmailVerification = ({ userId, email, onVerificationSuccess }) => {
   const formatTime = (seconds) => {
     const minutes = Math.floor(seconds / 60);
     const remainingSeconds = seconds % 60;
-    return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;
+    return `${minutes}:${remainingSeconds.toString().padStart(2, "0")}`;
   };
 
   // Auto-focus first input
   useEffect(() => {
-    const firstInput = document.getElementById('verification-input');
+    const firstInput = document.getElementById("verification-input");
     if (firstInput) firstInput.focus();
   }, []);
 
   const handleInputChange = (e) => {
-    const value = e.target.value.replace(/\D/g, ''); // Only numbers
+    const value = e.target.value.replace(/\D/g, ""); // Only numbers
     if (value.length <= 6) {
       setVerificationCode(value);
-      setError(''); // Clear error when user types
+      setError(""); // Clear error when user types
     }
   };
 
   const handleVerify = async (e) => {
     e.preventDefault();
-    
+
     if (verificationCode.length !== 6) {
-      setError('Please enter the complete 6-digit code');
+      setError("Please enter the complete 6-digit code");
       return;
     }
 
     setIsLoading(true);
-    setError('');
-    setMessage('');
+    setError("");
+    setMessage("");
 
     try {
-      const response = await fetch(`${import.meta.env.VITE_API_URL}/api/auth/verify-email`, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
+      const response = await fetch(
+        `${import.meta.env.VITE_API_URL}/api/auth/verify-email`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify({
+            userId,
+            verificationCode,
+          }),
         },
-        body: JSON.stringify({
-          userId,
-          verificationCode
-        })
-      });
+      );
 
       let data;
       try {
         data = await response.json();
       } catch {
-        throw new Error('Invalid server response');
+        throw new Error("Invalid server response");
       }
 
       if (!response.ok) {
-        throw new Error(data.errors?.[0]?.msg || 'Invalid verification code');
+        throw new Error(data.errors?.[0]?.msg || "Invalid verification code");
       }
 
       // Store token and call success handler
-      localStorage.setItem('token', data.token);
+      localStorage.setItem("token", data.token);
       setMessage(data.message);
-      
+
       // Small delay to show success message
       setTimeout(() => {
         onVerificationSuccess(data.user);
       }, 1500);
-
     } catch (err) {
-      setError(err.message || 'Verification failed. Please try again.');
+      setError(err.message || "Verification failed. Please try again.");
     } finally {
       setIsLoading(false);
     }
@@ -95,35 +97,37 @@ const EmailVerification = ({ userId, email, onVerificationSuccess }) => {
 
   const handleResend = async () => {
     setIsResending(true);
-    setError('');
-    setMessage('');
+    setError("");
+    setMessage("");
 
     try {
-      const response = await fetch(`${import.meta.env.VITE_API_URL}/api/auth/resend-verification`, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
+      const response = await fetch(
+        `${import.meta.env.VITE_API_URL}/api/auth/resend-verification`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify({ userId }),
         },
-        body: JSON.stringify({ userId })
-      });
+      );
 
       let data;
       try {
         data = await response.json();
       } catch {
-        throw new Error('Invalid server response');
+        throw new Error("Invalid server response");
       }
 
       if (!response.ok) {
-        throw new Error(data.errors?.[0]?.msg || 'Failed to resend code');
+        throw new Error(data.errors?.[0]?.msg || "Failed to resend code");
       }
 
-      setMessage('New verification code sent to your email!');
+      setMessage("New verification code sent to your email!");
       setTimeLeft(900); // Reset timer
-      setVerificationCode(''); // Clear current code
-
+      setVerificationCode(""); // Clear current code
     } catch (err) {
-      setError(err.message || 'Failed to resend code. Please try again.');
+      setError(err.message || "Failed to resend code. Please try again.");
     } finally {
       setIsResending(false);
     }
@@ -194,8 +198,8 @@ const EmailVerification = ({ userId, email, onVerificationSuccess }) => {
         {/* Verification Form */}
         <form onSubmit={handleVerify} className="space-y-6">
           <div>
-            <label 
-              htmlFor="verification-input" 
+            <label
+              htmlFor="verification-input"
               className="block text-sm font-medium text-[var(--primary)] mb-3 text-center"
             >
               Enter verification code
@@ -245,7 +249,7 @@ const EmailVerification = ({ userId, email, onVerificationSuccess }) => {
                 Verifying...
               </>
             ) : (
-              'Verify Email'
+              "Verify Email"
             )}
           </button>
         </form>
@@ -274,7 +278,8 @@ const EmailVerification = ({ userId, email, onVerificationSuccess }) => {
           </button>
           {timeLeft > 840 && (
             <p className="text-xs text-[var(--primary)]/50 mt-1">
-              Please wait {Math.ceil((timeLeft - 840) / 60)} minute(s) before requesting a new code
+              Please wait {Math.ceil((timeLeft - 840) / 60)} minute(s) before
+              requesting a new code
             </p>
           )}
         </div>
@@ -282,11 +287,19 @@ const EmailVerification = ({ userId, email, onVerificationSuccess }) => {
         {/* Help Text */}
         <div className="mt-6 text-center text-xs text-[var(--primary)]/60">
           <p>Check your spam folder if you don't see the email.</p>
-          <p className="mt-1">Need help? <Link to="/contact" className="text-[var(--primary)] hover:underline">Contact support</Link></p>
+          <p className="mt-1">
+            Need help?{" "}
+            <Link
+              to="/contact"
+              className="text-[var(--primary)] hover:underline"
+            >
+              Contact support
+            </Link>
+          </p>
         </div>
       </motion.div>
     </div>
   );
 };
 
-export default EmailVerification;
\ No newline at end of file
+export default EmailVerification;
diff --git a/frontend/src/Components/auth/ForgotPassword.jsx b/frontend/src/Components/auth/ForgotPassword.jsx
index a025f38..7221154 100644
--- a/frontend/src/Components/auth/ForgotPassword.jsx
+++ b/frontend/src/Components/auth/ForgotPassword.jsx
@@ -13,18 +13,24 @@ const ForgotPassword = () => {
     setStatus(null);
 
     try {
-      const res = await fetch(`${import.meta.env.VITE_API_URL}/api/auth/forgot-password`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ email }),
-      });
+      const res = await fetch(
+        `${import.meta.env.VITE_API_URL}/api/auth/forgot-password`,
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ email }),
+        },
+      );
 
       const data = await res.json();
 
       if (res.ok) {
         setStatus({ type: "success", message: data.message });
       } else {
-        setStatus({ type: "error", message: data.message || "Something went wrong" });
+        setStatus({
+          type: "error",
+          message: data.message || "Something went wrong",
+        });
       }
     } catch (error) {
       setStatus({ type: "error", message: "Server error. Try again later." });
diff --git a/frontend/src/Components/auth/Login.jsx b/frontend/src/Components/auth/Login.jsx
index 4fc5452..1374b08 100644
--- a/frontend/src/Components/auth/Login.jsx
+++ b/frontend/src/Components/auth/Login.jsx
@@ -36,11 +36,14 @@ const Login = () => {
     setError(null);
 
     try {
-      const response = await fetch(`${import.meta.env.VITE_API_URL}/api/auth/login`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(formData),
-      });
+      const response = await fetch(
+        `${import.meta.env.VITE_API_URL}/api/auth/login`,
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(formData),
+        },
+      );
 
       let data;
       try {
@@ -112,10 +115,18 @@ const Login = () => {
       >
         {/* Header */}
         <div className="text-center mb-8">
-          <h1 className="text-4xl font-extrabold text-[var(--primary)] mb-2 tracking-tight">DevSync</h1>
-          <p className="text-sm text-[var(--muted-foreground)] mb-6">Stay ahead. Stay synced. Stay Dev.</p>
-          <h2 className="text-2xl font-semibold text-[var(--primary)] mb-2">Welcome back</h2>
-          <p className="text-[var(--muted-foreground)]">Sign in to your account to continue</p>
+          <h1 className="text-4xl font-extrabold text-[var(--primary)] mb-2 tracking-tight">
+            DevSync
+          </h1>
+          <p className="text-sm text-[var(--muted-foreground)] mb-6">
+            Stay ahead. Stay synced. Stay Dev.
+          </p>
+          <h2 className="text-2xl font-semibold text-[var(--primary)] mb-2">
+            Welcome back
+          </h2>
+          <p className="text-[var(--muted-foreground)]">
+            Sign in to your account to continue
+          </p>
         </div>
 
         {/* Error */}
@@ -248,12 +259,12 @@ const Login = () => {
             <button
               onClick={handleGithubLogin}
               type="button"
-              onClick={handleGithubLogin}
               className="border border-[var(--input)] text-[var(--primary)] hover:bg-[var(--accent)] py-3 rounded-lg flex justify-center items-center"
             >
               <Github className="h-4 w-4 mr-2" /> GitHub
             </button>
-            <button onClick={handleGoogleLogin}
+            <button
+              onClick={handleGoogleLogin}
               type="button"
               className="border border-[var(--input)] text-[var(--primary)] hover:bg-[var(--accent)] py-3 rounded-lg flex justify-center items-center"
             >
@@ -262,21 +273,29 @@ const Login = () => {
                 viewBox="0 0 24 24"
                 fill="currentColor"
               >
-                <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 
+                <path
+                  d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 
                   1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 
-                  3.28-4.74 3.28-8.09z" />
-                <path d="M12 23c2.97 0 5.46-.98 
+                  3.28-4.74 3.28-8.09z"
+                />
+                <path
+                  d="M12 23c2.97 0 5.46-.98 
                   7.28-2.66l-3.57-2.77c-.98.66-2.23 
                   1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 
-                  20.53 7.7 23 12 23z" />
-                <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 
+                  20.53 7.7 23 12 23z"
+                />
+                <path
+                  d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 
                   8.55 1 10.22 1 12s.43 3.45 1.18 
-                  4.93l2.85-2.22.81-.62z" />
-                <path d="M12 5.38c1.62 0 3.06.56 
+                  4.93l2.85-2.22.81-.62z"
+                />
+                <path
+                  d="M12 5.38c1.62 0 3.06.56 
                   4.21 1.64l3.15-3.15C17.45 2.09 
                   14.97 1 12 1 7.7 1 3.99 3.47 
                   2.18 7.07l3.66 2.84c.87-2.6 
-                  3.3-4.53 6.16-4.53z" />
+                  3.3-4.53 6.16-4.53z"
+                />
               </svg>
               Google
             </button>
@@ -300,4 +319,4 @@ const Login = () => {
   );
 };
 
-export default Login;
\ No newline at end of file
+export default Login;
diff --git a/frontend/src/Components/auth/ProtectedRoute.jsx b/frontend/src/Components/auth/ProtectedRoute.jsx
index f5a3734..65444e9 100644
--- a/frontend/src/Components/auth/ProtectedRoute.jsx
+++ b/frontend/src/Components/auth/ProtectedRoute.jsx
@@ -3,40 +3,42 @@ import { Navigate } from "react-router-dom";
 import Loader from "../ui/Loader";
 
 const ProtectedRoute = ({ children }) => {
-  const [authStatus, setAuthStatus] = useState('loading'); // 'loading', 'authenticated', 'unauthenticated'
+  const [authStatus, setAuthStatus] = useState("loading"); // 'loading', 'authenticated', 'unauthenticated'
 
   useEffect(() => {
     // First check local storage for JWT token
     const hasToken = localStorage.getItem("token") !== null;
-    
+
     if (hasToken) {
-      setAuthStatus('authenticated');
+      setAuthStatus("authenticated");
       return;
     }
-    
+
     // If no token, check for session authentication
     fetch(`${import.meta.env.VITE_API_URL}/api/auth/me`, {
-      credentials: 'include' // Important for sending cookies
+      credentials: "include", // Important for sending cookies
     })
-      .then(res => {
+      .then((res) => {
         if (res.ok) {
-          setAuthStatus('authenticated');
+          setAuthStatus("authenticated");
         } else {
-          setAuthStatus('unauthenticated');
+          setAuthStatus("unauthenticated");
         }
       })
       .catch(() => {
-        setAuthStatus('unauthenticated');
+        setAuthStatus("unauthenticated");
       });
   }, []);
 
-  if (authStatus === 'loading') {
-    return <div className="min-h-screen flex items-center justify-center bg-[var(--background)]">
-      <Loader size="lg" />
-    </div>;
+  if (authStatus === "loading") {
+    return (
+      <div className="min-h-screen flex items-center justify-center bg-[var(--background)]">
+        <Loader size="lg" />
+      </div>
+    );
   }
 
-  if (authStatus === 'unauthenticated') {
+  if (authStatus === "unauthenticated") {
     return <Navigate to="/login" replace />;
   }
 
diff --git a/frontend/src/Components/auth/Register.jsx b/frontend/src/Components/auth/Register.jsx
index b080230..c7308dc 100644
--- a/frontend/src/Components/auth/Register.jsx
+++ b/frontend/src/Components/auth/Register.jsx
@@ -82,7 +82,7 @@ const Register = () => {
             email: formData.email,
             password: formData.password,
           }),
-        }
+        },
       );
 
       let data;
@@ -140,7 +140,7 @@ const Register = () => {
   }
 
   return (
-  <div className="min-h-screen bg-[var(--background)] flex items-center justify-center p-4 relative">
+    <div className="min-h-screen bg-[var(--background)] flex items-center justify-center p-4 relative">
       {/* Back to Home */}
       <Link
         to="/"
@@ -156,12 +156,18 @@ const Register = () => {
         transition={{ duration: 0.8, ease: "easeOut" }}
         className="w-full max-w-md"
       >
-  <div className="bg-[ var(--card-foreground)] backdrop-blur-xl border border-[var(--border)] rounded-3xl shadow-xl p-8">
+        <div className="bg-[ var(--card-foreground)] backdrop-blur-xl border border-[var(--border)] rounded-3xl shadow-xl p-8">
           {/* Header */}
           <div className="text-center mb-8">
-            <h1 className="text-4xl font-extrabold text-[var(--primary)] mb-2 tracking-tight">DevSync</h1>
-            <p className="text-sm text-[var(--muted-foreground)] mb-6">Stay ahead. Stay synced. Stay Dev.</p>
-            <h2 className="text-2xl font-semibold text-[var(--primary)] mb-2">Create account</h2>
+            <h1 className="text-4xl font-extrabold text-[var(--primary)] mb-2 tracking-tight">
+              DevSync
+            </h1>
+            <p className="text-sm text-[var(--muted-foreground)] mb-6">
+              Stay ahead. Stay synced. Stay Dev.
+            </p>
+            <h2 className="text-2xl font-semibold text-[var(--primary)] mb-2">
+              Create account
+            </h2>
           </div>
 
           {/* Error Alert */}
@@ -175,7 +181,9 @@ const Register = () => {
           <form onSubmit={handleSubmit} className="space-y-6">
             {/* Name */}
             <div className="space-y-2">
-              <label htmlFor="name" className="text-[var(--primary)]">Full Name</label>
+              <label htmlFor="name" className="text-[var(--primary)]">
+                Full Name
+              </label>
               <div className="relative">
                 <input
                   id="name"
@@ -193,7 +201,9 @@ const Register = () => {
 
             {/* Email */}
             <div className="space-y-2">
-              <label htmlFor="email" className="text-[var(--primary)]">Email</label>
+              <label htmlFor="email" className="text-[var(--primary)]">
+                Email
+              </label>
               <div className="relative">
                 <input
                   id="email"
@@ -211,7 +221,9 @@ const Register = () => {
 
             {/* Password */}
             <div className="space-y-2">
-              <label htmlFor="password" className="text-[var(--primary)]">Password</label>
+              <label htmlFor="password" className="text-[var(--primary)]">
+                Password
+              </label>
               <div className="relative">
                 <input
                   id="password"
@@ -246,17 +258,21 @@ const Register = () => {
                         passwordStrength === 0
                           ? "w-1/4 bg-red-500"
                           : passwordStrength === 1
-                          ? "w-1/4 bg-red-500"
-                          : passwordStrength === 2
-                          ? "w-2/4 bg-yellow-400"
-                          : passwordStrength === 3
-                          ? "w-3/4 bg-blue-500"
-                          : "w-full bg-green-500"
+                            ? "w-1/4 bg-red-500"
+                            : passwordStrength === 2
+                              ? "w-2/4 bg-yellow-400"
+                              : passwordStrength === 3
+                                ? "w-3/4 bg-blue-500"
+                                : "w-full bg-green-500"
                       } transition-all duration-300`}
                     />
                   </div>
                   <p className="text-sm mt-1 font-medium text-[var(--primary)]">
-                    {["Too weak", "Weak", "Fair", "Good", "Strong"][passwordStrength]}
+                    {
+                      ["Too weak", "Weak", "Fair", "Good", "Strong"][
+                        passwordStrength
+                      ]
+                    }
                   </p>
                 </div>
               )}
@@ -264,7 +280,12 @@ const Register = () => {
 
             {/* Confirm Password */}
             <div className="space-y-2">
-              <label htmlFor="confirmPassword" className="text-[var(--primary)]">Confirm Password</label>
+              <label
+                htmlFor="confirmPassword"
+                className="text-[var(--primary)]"
+              >
+                Confirm Password
+              </label>
               <div className="relative">
                 <input
                   id="confirmPassword"
@@ -274,8 +295,9 @@ const Register = () => {
                   onChange={handleChange}
                   placeholder="Confirm your password"
                   required
-                  className={`w-full pl-10 pr-10 py-3 bg-[var(--card)] border ${passwordMatch ? "border-[var(--input)]" : "border-red-500"
-                    } rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--primary)] text-[var(--card-foreground)]`}
+                  className={`w-full pl-10 pr-10 py-3 bg-[var(--card)] border ${
+                    passwordMatch ? "border-[var(--input)]" : "border-red-500"
+                  } rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--primary)] text-[var(--card-foreground)]`}
                 />
                 <Lock className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-[var(--muted-foreground)]" />
                 <button
@@ -318,7 +340,11 @@ const Register = () => {
 
             {/* Social Login */}
             <div className="grid grid-cols-2 gap-3">
-              <button type="button" onClick={handleGithubRegister} className="flex items-center cursor-pointer justify-center py-3 border border-[var(--input)] rounded-lg text-[var(--primary)] hover:bg-[var(--accent)]">
+              <button
+                type="button"
+                onClick={handleGithubRegister}
+                className="flex items-center cursor-pointer justify-center py-3 border border-[var(--input)] rounded-lg text-[var(--primary)] hover:bg-[var(--accent)]"
+              >
                 <Github className="h-4 w-4 mr-2" />
                 GitHub
               </button>
@@ -330,7 +356,8 @@ const Register = () => {
                   }/auth/google`;
                 }}
                 type="button"
-                className="flex items-center cursor-pointer justify-center py-3 border border-[var(--input)] rounded-lg text-[var(--primary)] hover:bg-[var(--accent)]">
+                className="flex items-center cursor-pointer justify-center py-3 border border-[var(--input)] rounded-lg text-[var(--primary)] hover:bg-[var(--accent)]"
+              >
                 <svg className="h-4 w-4 mr-2" viewBox="0 0 24 24">
                   <path
                     fill="currentColor"
@@ -355,8 +382,13 @@ const Register = () => {
 
             {/* Sign in link */}
             <div className="text-center">
-              <span className="text-[var(--muted-foreground)]">Already have an account? </span>
-              <Link to="/login" className="text-[var(--primary)] hover:text-[var(--primary)]/80 font-medium">
+              <span className="text-[var(--muted-foreground)]">
+                Already have an account?{" "}
+              </span>
+              <Link
+                to="/login"
+                className="text-[var(--primary)] hover:text-[var(--primary)]/80 font-medium"
+              >
                 Sign in
               </Link>
             </div>
diff --git a/frontend/src/Components/auth/ResetPassword.jsx b/frontend/src/Components/auth/ResetPassword.jsx
index 615b94b..2d8dd78 100644
--- a/frontend/src/Components/auth/ResetPassword.jsx
+++ b/frontend/src/Components/auth/ResetPassword.jsx
@@ -15,18 +15,24 @@ const ResetPassword = () => {
     setLoading(true);
 
     try {
-      const res = await fetch(`${import.meta.env.VITE_API_URL}/api/auth/reset-password/${token}`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ password }),
-      });
+      const res = await fetch(
+        `${import.meta.env.VITE_API_URL}/api/auth/reset-password/${token}`,
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ password }),
+        },
+      );
 
       const data = await res.json();
       if (res.ok) {
         setStatus({ type: "success", message: "Password reset successful!" });
         setTimeout(() => navigate("/login"), 2000);
       } else {
-        setStatus({ type: "error", message: data.message || "Invalid or expired token" });
+        setStatus({
+          type: "error",
+          message: data.message || "Invalid or expired token",
+        });
       }
     } catch {
       setStatus({ type: "error", message: "Server error. Try again." });
diff --git a/frontend/src/Components/contact.jsx b/frontend/src/Components/contact.jsx
index aa0046a..ece2be1 100644
--- a/frontend/src/Components/contact.jsx
+++ b/frontend/src/Components/contact.jsx
@@ -28,13 +28,14 @@ const Contact = () => {
   const onSubmit = async (values) => {
     const { name, email, message } = values;
     try {
-      const response = await fetch(`${import.meta.env.VITE_API_URL}/api/contact`, {
-        
-        method: "POST",
-        body: JSON.stringify({ name, email, message }),
-        headers: { "Content-Type": "application/json" },
-      });
-    
+      const response = await fetch(
+        `${import.meta.env.VITE_API_URL}/api/contact`,
+        {
+          method: "POST",
+          body: JSON.stringify({ name, email, message }),
+          headers: { "Content-Type": "application/json" },
+        },
+      );
 
       if (response.ok) {
         reset();
@@ -52,7 +53,7 @@ const Contact = () => {
   };
 
   return (
-  <div className="min-h-screen flex items-center justify-center px-4 font-inter bg-[var(--background)]">
+    <div className="min-h-screen flex items-center justify-center px-4 font-inter bg-[var(--background)]">
       <div className="grid md:grid-cols-2 gap-10 w-full max-w-6xl items-center">
         <motion.div
           initial={{ opacity: 0, x: -40 }}
@@ -63,15 +64,21 @@ const Contact = () => {
           <div className="shadow-md rounded-xl p-6 flex items-center space-x-4 bg-[var(--card)]">
             <Mail className="w-10 h-10 text-[var(--primary)]" />
             <div>
-              <h3 className="text-lg font-semibold text-[var(--card-foreground)]">Email Us</h3>
-              <p className="text-[var(--muted-foreground)]">anonym.notifys@gmail.com</p>
+              <h3 className="text-lg font-semibold text-[var(--card-foreground)]">
+                Email Us
+              </h3>
+              <p className="text-[var(--muted-foreground)]">
+                anonym.notifys@gmail.com
+              </p>
             </div>
           </div>
 
           <div className="shadow-md rounded-xl p-6 flex items-center space-x-4 bg-[var(--card)]">
             <Clock className="w-10 h-10 text-[var(--accent)]" />
             <div>
-              <h3 className="text-lg font-semibold text-[var(--card-foreground)]">Response Time</h3>
+              <h3 className="text-lg font-semibold text-[var(--card-foreground)]">
+                Response Time
+              </h3>
               <p className="text-[var(--muted-foreground)]">Within 24 hours</p>
             </div>
           </div>
@@ -79,8 +86,12 @@ const Contact = () => {
           <div className="shadow-md rounded-xl p-6 flex items-center space-x-4 bg-[var(--card)]">
             <Headphones className="w-10 h-10 text-[var(--accent)]" />
             <div>
-              <h3 className="text-lg font-semibold text-[var(--card-foreground)]">24x7 Online Support</h3>
-              <p className="text-[var(--muted-foreground)]">Always here to help you</p>
+              <h3 className="text-lg font-semibold text-[var(--card-foreground)]">
+                24x7 Online Support
+              </h3>
+              <p className="text-[var(--muted-foreground)]">
+                Always here to help you
+              </p>
             </div>
           </div>
         </motion.div>
@@ -93,7 +104,9 @@ const Contact = () => {
         >
           <div className="flex items-center justify-center mb-6 space-x-2">
             <MessageCircle className="w-10 h-10 text-blue-600 animate-bounce" />
-            <h1 className="text-3xl font-bold text-gray-800 dark:text-white">Contact Us</h1>
+            <h1 className="text-3xl font-bold text-gray-800 dark:text-white">
+              Contact Us
+            </h1>
           </div>
 
           <div className="text-center w-full z-10">
@@ -120,7 +133,7 @@ const Contact = () => {
                       {...register("name")}
                       className={`w-full pl-10 pr-4 py-2 border ${
                         errors.name ? "border-red-500" : "border-gray-300"
-                      } rounded-lg focus:ring-blue-500 focus:border-blue-500 transition`}
+                      } rounded-lg focus:ring-blue-500 focus:border-blue-500 placeholder-gray-500 transition`}
                       placeholder="Your Name"
                     />
                     {errors.name && (
@@ -138,7 +151,7 @@ const Contact = () => {
                       {...register("email")}
                       className={`w-full pl-10 pr-4 py-2 border ${
                         errors.email ? "border-red-500" : "border-gray-300"
-                      } rounded-lg focus:ring-blue-500 focus:border-blue-500 transition`}
+                      } rounded-lg focus:ring-blue-500 focus:border-blue-500 placeholder-gray-500 transition`}
                       placeholder="you@example.com"
                     />
                     {errors.email && (
@@ -156,7 +169,7 @@ const Contact = () => {
                       rows="5"
                       className={`w-full pl-10 pr-4 py-2 border ${
                         errors.message ? "border-red-500" : "border-gray-300"
-                      } rounded-lg focus:ring-blue-500 focus:border-blue-500 transition`}
+                      } rounded-lg focus:ring-blue-500 focus:border-blue-500 placeholder-gray-500 transition`}
                       placeholder="Type your message..."
                     ></textarea>
                     {errors.message && (
@@ -232,7 +245,7 @@ const Contact = () => {
                       href="mailto:info@example.com"
                       className="text-blue-600 hover:underline"
                     >
-                     anonym.notifys@gmail.com
+                      anonym.notifys@gmail.com
                     </a>
                   </p>
                 </motion.div>
diff --git a/frontend/src/Components/feedback/FeedbackButton.jsx b/frontend/src/Components/feedback/FeedbackButton.jsx
index a5785b9..cb5b703 100644
--- a/frontend/src/Components/feedback/FeedbackButton.jsx
+++ b/frontend/src/Components/feedback/FeedbackButton.jsx
@@ -4,7 +4,7 @@ import { useFeedback } from "../../context/FeedbackContext";
 
 export default function FeedbackButton() {
   const { openFeedbackPopup } = useFeedback();
-  
+
   return (
     <button
       onClick={openFeedbackPopup}
@@ -14,4 +14,4 @@ export default function FeedbackButton() {
       <MessageSquarePlus className="h-4 w-4" /> Give Feedback
     </button>
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/src/Components/feedback/FeedbackController.jsx b/frontend/src/Components/feedback/FeedbackController.jsx
index 3e8b53c..3ad15e0 100644
--- a/frontend/src/Components/feedback/FeedbackController.jsx
+++ b/frontend/src/Components/feedback/FeedbackController.jsx
@@ -6,133 +6,150 @@ const FEEDBACK_INTERVAL_DAYS = 5; // Number of days between feedback prompts
 const FEEDBACK_STORAGE_KEY = "devSync_feedback_state";
 
 export default function FeedbackController({ user }) {
-  const { showFeedbackPopup, openFeedbackPopup, closeFeedbackPopup } = useFeedback();
+  const { showFeedbackPopup, openFeedbackPopup, closeFeedbackPopup } =
+    useFeedback();
   // Use a ref to track if we've already shown the popup in this session
   const hasTriggeredPopup = useRef(false);
-  
-    // Check if we should show feedback popup based on last shown date
+
+  // Check if we should show feedback popup based on last shown date
   useEffect(() => {
     // Only run this if user is logged in
     if (!user) {
       return;
     }
-    
+
     // Get a reliable user ID from the user object structure
     // Check common properties in the profile object for a usable ID
-    const userId = user.id || user.githubId || user._id || user.user || 
-                  (user.user && user.user._id) || 
-                  (typeof user === 'string' ? user : null);
-    
+    const userId =
+      user.id ||
+      user.githubId ||
+      user._id ||
+      user.user ||
+      (user.user && user.user._id) ||
+      (typeof user === "string" ? user : null);
+
     if (!userId) {
-      console.error("%c FeedbackController: Unable to determine user ID", "background: red; color: white; padding: 4px; font-weight: bold;", user);
+      console.error(
+        "%c FeedbackController: Unable to determine user ID",
+        "background: red; color: white; padding: 4px; font-weight: bold;",
+        user,
+      );
       return;
     }
-    
+
     // Use the determined user ID
     const effectiveUserId = userId;
-    
+
     // Check local storage for feedback state
     const storedState = localStorage.getItem(FEEDBACK_STORAGE_KEY);
     const feedbackState = storedState ? JSON.parse(storedState) : null;
-    
+
     const shouldShowFeedback = () => {
       // For debugging, log what's in localStorage
       // If no previous feedback state, show the popup
       if (!feedbackState) {
         return true;
       }
-      
+
       // If user ID has changed, show the popup
       if (feedbackState.userId !== effectiveUserId) {
         return true;
       }
-      
+
       // Check if enough time has passed since last feedback
       const lastShownDate = new Date(feedbackState.lastShown);
       const currentDate = new Date();
-      
+
       // Calculate days since last shown
       const daysSinceLastShown = Math.floor(
-        (currentDate - lastShownDate) / (1000 * 60 * 60 * 24)
+        (currentDate - lastShownDate) / (1000 * 60 * 60 * 24),
       );
-      
+
       // Check if enough time has passed since the last feedback
       return daysSinceLastShown >= FEEDBACK_INTERVAL_DAYS;
     };
-    
+
     // Show feedback popup if needed with a slight delay after login
     // Only trigger the popup if we haven't shown it already in this session
     if (shouldShowFeedback() && !hasTriggeredPopup.current) {
       hasTriggeredPopup.current = true; // Mark that we've triggered the popup
-      
+
       // Show feedback form after a short delay
       const timer = setTimeout(() => {
         openFeedbackPopup();
       }, 3000); // 3 second delay
-      
+
       return () => clearTimeout(timer);
     }
   }, [user, openFeedbackPopup]);
-  
+
   // Handle feedback submission
   const handleFeedbackSubmit = async (feedbackData) => {
     try {
       // Get authentication tokens from different sources
       const jwtToken = localStorage.getItem("token");
-      const githubToken = localStorage.getItem("github_token") || sessionStorage.getItem("github_token");
-      
+      const githubToken =
+        localStorage.getItem("github_token") ||
+        sessionStorage.getItem("github_token");
+
       // Prepare headers with available authentication
       const headers = {
-        "Content-Type": "application/json"
+        "Content-Type": "application/json",
       };
-      
+
       if (jwtToken) {
         headers["x-auth-token"] = jwtToken;
       }
-      
+
       if (githubToken) {
         headers["Authorization"] = `Bearer ${githubToken}`;
       }
-      
+
       // Send feedback to backend
-      const response = await fetch(`${import.meta.env.VITE_API_URL}/api/feedback`, {
-        method: "POST",
-        headers,
-        body: JSON.stringify(feedbackData),
-        credentials: "include"
-      });
-      
+      const response = await fetch(
+        `${import.meta.env.VITE_API_URL}/api/feedback`,
+        {
+          method: "POST",
+          headers,
+          body: JSON.stringify(feedbackData),
+          credentials: "include",
+        },
+      );
+
       if (!response.ok) {
         throw new Error(`Error: ${response.status}`);
       }
-      
+
       // Close the popup
       closeFeedbackPopup();
-      
+
       // Get the user ID (support multiple authentication methods)
-      const submissionUserId = user.id || user.githubId || user._id || 
-                           user.user || (user.user && user.user._id) || 
-                           (typeof user === 'string' ? user : null) || 
-                           "test-user-id";
-      
+      const submissionUserId =
+        user.id ||
+        user.githubId ||
+        user._id ||
+        user.user ||
+        (user.user && user.user._id) ||
+        (typeof user === "string" ? user : null) ||
+        "test-user-id";
+
       // Update local storage with the new date
       localStorage.setItem(
         FEEDBACK_STORAGE_KEY,
         JSON.stringify({
           userId: submissionUserId,
           lastShown: new Date().toISOString(),
-        })
+        }),
       );
-      
+
       // Show success message
       alert("Thank you for your feedback!");
-      
     } catch (error) {
       console.error("Error submitting feedback:", error);
       alert("Failed to submit feedback. Please try again later.");
     }
   };
-  
+
   return (
     <FeedbackPopup
       open={showFeedbackPopup}
@@ -141,4 +158,4 @@ export default function FeedbackController({ user }) {
       userInfo={user}
     />
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/src/Components/feedback/FeedbackPopup.jsx b/frontend/src/Components/feedback/FeedbackPopup.jsx
index f0f1f52..49357eb 100644
--- a/frontend/src/Components/feedback/FeedbackPopup.jsx
+++ b/frontend/src/Components/feedback/FeedbackPopup.jsx
@@ -9,7 +9,13 @@ import {
 } from "@/Components/ui/dialog";
 import StarRating from "@/Components/ui/StarRating";
 import { Textarea } from "@/Components/ui/textarea";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/Components/ui/select";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/Components/ui/select";
 import { Checkbox } from "@/Components/ui/checkbox";
 import { Button } from "@/Components/ui/button";
 import { Sparkles } from "lucide-react";
@@ -19,10 +25,15 @@ const feedbackCategories = [
   { id: "features", label: "Features" },
   { id: "bugs", label: "Bug Reports" },
   { id: "suggestions", label: "Suggestions" },
-  { id: "other", label: "Other" }
+  { id: "other", label: "Other" },
 ];
 
-export default function FeedbackPopup({ open, onOpenChange, onSubmit, userInfo }) {
+export default function FeedbackPopup({
+  open,
+  onOpenChange,
+  onSubmit,
+  userInfo,
+}) {
   const [rating, setRating] = useState(0);
   const [comment, setComment] = useState("");
   const [category, setCategory] = useState("other");
@@ -64,7 +75,7 @@ export default function FeedbackPopup({ open, onOpenChange, onSubmit, userInfo }
 
   const handleSubmit = (e) => {
     e.preventDefault();
-    
+
     if (!validate()) return;
 
     // If user is not logged in, we'll always treat it as anonymous
@@ -76,7 +87,7 @@ export default function FeedbackPopup({ open, onOpenChange, onSubmit, userInfo }
       comment: comment.trim(),
       category,
       isAnonymous: actualIsAnonymous,
-      date: new Date().toISOString()
+      date: new Date().toISOString(),
     };
 
     onSubmit(feedbackData);
@@ -88,7 +99,7 @@ export default function FeedbackPopup({ open, onOpenChange, onSubmit, userInfo }
         <form onSubmit={handleSubmit}>
           <DialogHeader>
             <DialogTitle className="flex items-center gap-2">
-              <Sparkles className="h-5 w-5 text-yellow-500" /> 
+              <Sparkles className="h-5 w-5 text-yellow-500" />
               We'd Love Your Feedback
             </DialogTitle>
             <DialogDescription>
@@ -99,14 +110,17 @@ export default function FeedbackPopup({ open, onOpenChange, onSubmit, userInfo }
           <div className="grid gap-4 py-4">
             {/* Rating */}
             <div className="flex flex-col gap-2">
-              <label htmlFor="rating" className="text-sm font-medium text-[var(--primary)]">
+              <label
+                htmlFor="rating"
+                className="text-sm font-medium text-[var(--primary)]"
+              >
                 How would you rate your experience?
               </label>
               <div className="flex justify-center py-2">
-                <StarRating 
-                  value={rating} 
-                  onChange={handleRatingChange} 
-                  size={28} 
+                <StarRating
+                  value={rating}
+                  onChange={handleRatingChange}
+                  size={28}
                   activeColor="gold"
                 />
               </div>
@@ -117,7 +131,10 @@ export default function FeedbackPopup({ open, onOpenChange, onSubmit, userInfo }
 
             {/* Category */}
             <div className="flex flex-col gap-2">
-              <label htmlFor="category" className="text-sm font-medium text-[var(--primary)]">
+              <label
+                htmlFor="category"
+                className="text-sm font-medium text-[var(--primary)]"
+              >
                 Feedback Category
               </label>
               <Select value={category} onValueChange={setCategory}>
@@ -136,7 +153,10 @@ export default function FeedbackPopup({ open, onOpenChange, onSubmit, userInfo }
 
             {/* Comment */}
             <div className="flex flex-col gap-2">
-              <label htmlFor="comment" className="text-sm font-medium text-[var(--primary)]">
+              <label
+                htmlFor="comment"
+                className="text-sm font-medium text-[var(--primary)]"
+              >
                 Your Feedback
               </label>
               <Textarea
@@ -153,10 +173,10 @@ export default function FeedbackPopup({ open, onOpenChange, onSubmit, userInfo }
 
             {/* Anonymous Option */}
             <div className="flex items-center space-x-2">
-              <Checkbox 
-                id="anonymous" 
-                checked={isAnonymous} 
-                onCheckedChange={(checked) => setIsAnonymous(!!checked)} 
+              <Checkbox
+                id="anonymous"
+                checked={isAnonymous}
+                onCheckedChange={(checked) => setIsAnonymous(!!checked)}
               />
               <label
                 htmlFor="anonymous"
@@ -168,10 +188,17 @@ export default function FeedbackPopup({ open, onOpenChange, onSubmit, userInfo }
           </div>
 
           <DialogFooter>
-            <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
+            <Button
+              type="button"
+              variant="outline"
+              onClick={() => onOpenChange(false)}
+            >
               Close
             </Button>
-            <Button type="submit" className="bg-[var(--primary)] hover:bg-opacity-90 text-white">
+            <Button
+              type="submit"
+              className="bg-[var(--primary)] hover:bg-opacity-90 text-white"
+            >
               Submit Feedback
             </Button>
           </DialogFooter>
@@ -179,4 +206,4 @@ export default function FeedbackPopup({ open, onOpenChange, onSubmit, userInfo }
       </DialogContent>
     </Dialog>
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/src/Components/feedback/FeedbackReviewPage.jsx b/frontend/src/Components/feedback/FeedbackReviewPage.jsx
index a91fb1a..635e3af 100644
--- a/frontend/src/Components/feedback/FeedbackReviewPage.jsx
+++ b/frontend/src/Components/feedback/FeedbackReviewPage.jsx
@@ -9,7 +9,7 @@ const FeedbackCard = ({ feedback }) => {
   const formattedDate = new Date(date).toLocaleDateString("en-US", {
     year: "numeric",
     month: "short",
-    day: "numeric"
+    day: "numeric",
   });
 
   // Category labels mapping
@@ -18,20 +18,22 @@ const FeedbackCard = ({ feedback }) => {
     features: "Features",
     bugs: "Bug Reports",
     suggestions: "Suggestions",
-    other: "Other"
+    other: "Other",
   };
 
   // Function to render stars based on rating
   const renderStars = (rating) => {
-    return Array(5).fill(0).map((_, i) => (
-      <Star
-        key={i}
-        size={16}
-        fill={i < rating ? "gold" : "transparent"}
-        stroke={i < rating ? "gold" : "gray"}
-        className="inline-block"
-      />
-    ));
+    return Array(5)
+      .fill(0)
+      .map((_, i) => (
+        <Star
+          key={i}
+          size={16}
+          fill={i < rating ? "gold" : "transparent"}
+          stroke={i < rating ? "gold" : "gray"}
+          className="inline-block"
+        />
+      ));
   };
 
   return (
@@ -52,11 +54,11 @@ const FeedbackCard = ({ feedback }) => {
           {formattedDate}
         </span>
       </div>
-      
+
       <div className="mt-3">
         <p className="text-[var(--foreground)]">{comment}</p>
       </div>
-      
+
       <div className="mt-2 text-xs text-[var(--muted-foreground)] italic">
         {isAnonymous ? "Anonymous User" : "DevSync User"}
       </div>
@@ -65,15 +67,21 @@ const FeedbackCard = ({ feedback }) => {
 };
 
 // Filter component for feedback
-const FeedbackFilters = ({ categories, selectedCategory, onCategoryChange, selectedRating, onRatingChange }) => {
+const FeedbackFilters = ({
+  categories,
+  selectedCategory,
+  onCategoryChange,
+  selectedRating,
+  onRatingChange,
+}) => {
   return (
     <div className="mb-6 flex flex-col sm:flex-row gap-4">
       <div className="flex-1">
         <label className="block text-sm font-medium mb-2 text-[var(--foreground)]">
           Filter by Category
         </label>
-        <select 
-          value={selectedCategory} 
+        <select
+          value={selectedCategory}
           onChange={(e) => onCategoryChange(e.target.value)}
           className="w-full p-2 border rounded bg-[var(--background)] text-[var(--foreground)] border-[var(--border)]"
         >
@@ -85,13 +93,13 @@ const FeedbackFilters = ({ categories, selectedCategory, onCategoryChange, selec
           ))}
         </select>
       </div>
-      
+
       <div className="flex-1">
         <label className="block text-sm font-medium mb-2 text-[var(--foreground)]">
           Filter by Rating
         </label>
-        <select 
-          value={selectedRating} 
+        <select
+          value={selectedRating}
           onChange={(e) => onRatingChange(e.target.value)}
           className="w-full p-2 border rounded bg-[var(--background)] text-[var(--foreground)] border-[var(--border)]"
         >
@@ -112,16 +120,16 @@ export default function FeedbackReviewPage() {
   const [feedbackList, setFeedbackList] = useState([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
-  const [selectedCategory, setSelectedCategory] = useState('all');
-  const [selectedRating, setSelectedRating] = useState('all');
-  
+  const [selectedCategory, setSelectedCategory] = useState("all");
+  const [selectedRating, setSelectedRating] = useState("all");
+
   // Category options
   const categories = [
     { id: "ui", label: "User Interface" },
     { id: "features", label: "Features" },
     { id: "bugs", label: "Bug Reports" },
     { id: "suggestions", label: "Suggestions" },
-    { id: "other", label: "Other" }
+    { id: "other", label: "Other" },
   ];
 
   // Fetch feedback from the backend or use mock data if unavailable
@@ -129,13 +137,16 @@ export default function FeedbackReviewPage() {
     const fetchFeedback = async () => {
       try {
         setLoading(true);
-        
+
         try {
           // Try to fetch from backend first
-          const response = await fetch(`${import.meta.env.VITE_API_URL}/api/feedback`, {
-            credentials: 'include',
-          });
-          
+          const response = await fetch(
+            `${import.meta.env.VITE_API_URL}/api/feedback`,
+            {
+              credentials: "include",
+            },
+          );
+
           if (response.ok) {
             const data = await response.json();
             setFeedbackList(data);
@@ -144,7 +155,7 @@ export default function FeedbackReviewPage() {
         } catch (backendError) {
           console.warn("Backend API not available:", backendError);
         }
-        
+
         // If backend fetch fails, show empty list
         console.log("Backend API not available, showing empty feedback list");
         setFeedbackList([]);
@@ -155,63 +166,73 @@ export default function FeedbackReviewPage() {
         setLoading(false);
       }
     };
-    
+
     fetchFeedback();
   }, []);
 
   // Filter feedback based on selected category and rating
-  const filteredFeedback = feedbackList.filter(feedback => {
+  const filteredFeedback = feedbackList.filter((feedback) => {
     // Filter by category
-    const categoryMatch = selectedCategory === 'all' || feedback.category === selectedCategory;
-    
+    const categoryMatch =
+      selectedCategory === "all" || feedback.category === selectedCategory;
+
     // Filter by rating
-    const ratingMatch = 
-      selectedRating === 'all' || 
-      (selectedRating === '5' && feedback.rating === 5) ||
-      (selectedRating === '4' && feedback.rating >= 4) ||
-      (selectedRating === '3' && feedback.rating >= 3) ||
-      (selectedRating === '2' && feedback.rating >= 2) ||
-      (selectedRating === '1' && feedback.rating >= 1);
-    
+    const ratingMatch =
+      selectedRating === "all" ||
+      (selectedRating === "5" && feedback.rating === 5) ||
+      (selectedRating === "4" && feedback.rating >= 4) ||
+      (selectedRating === "3" && feedback.rating >= 3) ||
+      (selectedRating === "2" && feedback.rating >= 2) ||
+      (selectedRating === "1" && feedback.rating >= 1);
+
     return categoryMatch && ratingMatch;
   });
 
   return (
     <div className="min-h-screen bg-[var(--background)]">
       <Navbar />
-      
+
       <div className="container mx-auto px-4 py-12 max-w-5xl">
-        <h1 className="text-3xl font-bold mb-2 text-[var(--primary)]">Community Feedback</h1>
+        <h1 className="text-3xl font-bold mb-2 text-[var(--primary)]">
+          Community Feedback
+        </h1>
         <p className="text-[var(--muted-foreground)] mb-8">
-          See what our users are saying about DevSync and how we're improving based on your feedback.
+          See what our users are saying about DevSync and how we're improving
+          based on your feedback.
         </p>
-        
+
         {/* Filters */}
-        <FeedbackFilters 
+        <FeedbackFilters
           categories={categories}
           selectedCategory={selectedCategory}
           onCategoryChange={setSelectedCategory}
           selectedRating={selectedRating}
           onRatingChange={setSelectedRating}
         />
-        
+
         {/* Feedback display */}
         {loading ? (
           <div className="flex justify-center items-center h-64">
             <div className="flex flex-col items-center">
               <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-[var(--primary)]"></div>
-              <p className="mt-4 text-[var(--muted-foreground)]">Loading feedback...</p>
+              <p className="mt-4 text-[var(--muted-foreground)]">
+                Loading feedback...
+              </p>
             </div>
           </div>
         ) : error ? (
           <div className="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded">
             {error}
-            <p className="mt-2">Don't worry! You're seeing our demo feedback data.</p>
+            <p className="mt-2">
+              Don't worry! You're seeing our demo feedback data.
+            </p>
           </div>
         ) : filteredFeedback.length === 0 ? (
           <div className="text-center py-12">
-            <h3 className="text-xl font-medium text-[var(--muted-foreground)]">No feedback found</h3>
-            {selectedCategory !== 'all' || selectedRating !== 'all' ? (
+            <h3 className="text-xl font-medium text-[var(--muted-foreground)]">
+              No feedback found
+            </h3>
+            {selectedCategory !== "all" || selectedRating !== "all" ? (
               <p className="mt-2 text-[var(--muted-foreground)]">
                 Try adjusting your filters to see more results
               </p>
@@ -229,8 +250,8 @@ export default function FeedbackReviewPage() {
           </div>
         )}
       </div>
-      
+
       <Footer />
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/src/Components/feedback/GuestFeedbackController.jsx b/frontend/src/Components/feedback/GuestFeedbackController.jsx
index 85c4085..5caf761 100644
--- a/frontend/src/Components/feedback/GuestFeedbackController.jsx
+++ b/frontend/src/Components/feedback/GuestFeedbackController.jsx
@@ -8,34 +8,36 @@ export default function GuestFeedbackController() {
   const handleFeedbackSubmit = async (feedbackData) => {
     try {
       // Try to send feedback to backend using the guest endpoint
-      const response = await fetch(`${import.meta.env.VITE_API_URL}/api/feedback/guest`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
+      const response = await fetch(
+        `${import.meta.env.VITE_API_URL}/api/feedback/guest`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify({ ...feedbackData, isAnonymous: true }),
+          credentials: "include",
         },
-        body: JSON.stringify({ ...feedbackData, isAnonymous: true }),
-        credentials: "include"
-      });
-      
+      );
+
       if (!response.ok) {
         throw new Error(`Error: ${response.status}`);
       }
-      
+
       // Close the popup
       closeFeedbackPopup();
-      
+
       // Show success message
       alert("Thank you for your feedback!");
-      
     } catch (error) {
       console.error("Error submitting feedback:", error);
-      
+
       // Even if API fails, close popup and thank the user
       closeFeedbackPopup();
       alert("Thank you for your feedback! We've saved it locally.");
     }
   };
-  
+
   return (
     <FeedbackPopup
       open={showFeedbackPopup}
@@ -44,4 +46,4 @@ export default function GuestFeedbackController() {
       userInfo={null}
     />
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/src/Components/footer.jsx b/frontend/src/Components/footer.jsx
index 37c406e..01b6074 100644
--- a/frontend/src/Components/footer.jsx
+++ b/frontend/src/Components/footer.jsx
@@ -1,13 +1,21 @@
-import { Github, Mail,Facebook ,Linkedin,Twitter} from "lucide-react";
+import { Github, Mail, Facebook, Linkedin, Twitter } from "lucide-react";
 import { Link } from "react-router-dom"; // or use `next/link` if using Next.js
 
 const Footer = () => {
   return (
-  <footer className="rounded-lg mt-32 pt-24 pb-10 px-6 md:px-12" style={{ background: "var(--card)", color: "var(--card-foreground)" }}>
+    <footer
+      className="rounded-lg mt-32 pt-24 pb-10 px-6 md:px-12"
+      style={{ background: "var(--card)", color: "var(--card-foreground)" }}
+    >
       <div className="max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-10">
         {/* Brand */}
         <div>
-          <h3 className="text-3xl font-bold mb-2 tracking-tight cursor-pointer transition-all duration-300 hover:scale-105 hover:text-blue-400" style={{ color: "var(--primary)" }}>DevSync</h3>
+          <h3
+            className="text-3xl font-bold mb-2 tracking-tight cursor-pointer transition-all duration-300 hover:scale-105 hover:text-blue-400"
+            style={{ color: "var(--primary)" }}
+          >
+            DevSync
+          </h3>
           <p className="text-sm" style={{ color: "var(--muted-foreground)" }}>
             Stay ahead. Stay synced. Stay Dev.
           </p>
@@ -15,19 +23,67 @@ const Footer = () => {
 
         {/* Navigation */}
         <div>
-          <h4 className="text-lg font-semibold mb-3" style={{ color: "var(--primary)" }}>Navigate</h4>
-          <ul className="space-y-2 text-sm" style={{ color: "var(--muted-foreground)" }}>
-            <li><a href="#home" className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full" style={{ color: "var(--card-foreground)" }}>Home</a></li>
-            <li><a href="#features" className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full" style={{ color: "var(--card-foreground)" }}>Features</a></li>
-            <li><a href="#about" className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full" style={{ color: "var(--card-foreground)" }}>About</a></li>
-            <li><a href="#contact" className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full" style={{ color: "var(--card-foreground)" }}>Contact</a></li>
+          <h4
+            className="text-lg font-semibold mb-3"
+            style={{ color: "var(--primary)" }}
+          >
+            Navigate
+          </h4>
+          <ul
+            className="space-y-2 text-sm"
+            style={{ color: "var(--muted-foreground)" }}
+          >
+            <li>
+              <a
+                href="#home"
+                className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full"
+                style={{ color: "var(--card-foreground)" }}
+              >
+                Home
+              </a>
+            </li>
+            <li>
+              <a
+                href="#features"
+                className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full"
+                style={{ color: "var(--card-foreground)" }}
+              >
+                Features
+              </a>
+            </li>
+            <li>
+              <a
+                href="#about"
+                className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full"
+                style={{ color: "var(--card-foreground)" }}
+              >
+                About
+              </a>
+            </li>
+            <li>
+              <a
+                href="#contact"
+                className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full"
+                style={{ color: "var(--card-foreground)" }}
+              >
+                Contact
+              </a>
+            </li>
           </ul>
         </div>
 
         {/* Resources */}
         <div>
-          <h4 className="text-lg font-semibold mb-3" style={{ color: "var(--primary)" }}>Resources</h4>
-          <ul className="space-y-2 text-sm" style={{ color: "var(--muted-foreground)" }}>
+          <h4
+            className="text-lg font-semibold mb-3"
+            style={{ color: "var(--primary)" }}
+          >
+            Resources
+          </h4>
+          <ul
+            className="space-y-2 text-sm"
+            style={{ color: "var(--muted-foreground)" }}
+          >
             <li>
               <a
                 href="https://github.com/DevSyncx/DevSync/tree/main/docs"
@@ -43,24 +99,48 @@ const Footer = () => {
               </a>
             </li>
 
-            <li><a href="#" className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full" style={{ color: "var(--card-foreground)" }}>API Reference</a></li>
             <li>
-              <Link 
-                to="/feedback" 
-                className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full" 
+              <a
+                href="#"
+                className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full"
+                style={{ color: "var(--card-foreground)" }}
+              >
+                API Reference
+              </a>
+            </li>
+            <li>
+              <Link
+                to="/feedback"
+                className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full"
                 style={{ color: "var(--card-foreground)" }}
               >
                 Community Feedback
               </Link>
             </li>
-            <li><a href="#" className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full" style={{ color: "var(--card-foreground)" }}>Support</a></li>
+            <li>
+              <a
+                href="#"
+                className="relative inline-block transition-colors duration-200 hover:text-neutral-400 after:content-[''] after:absolute after:w-0 after:h-0.5 after:left-0 after:-bottom-1 after:bg-gradient-to-r after:from-blue-400 after:to-purple-500 after:transition-all after:duration-300 hover:after:w-full"
+                style={{ color: "var(--card-foreground)" }}
+              >
+                Support
+              </a>
+            </li>
           </ul>
         </div>
 
         {/* Contact & Social */}
         <div>
-          <h4 className="text-lg font-semibold mb-3" style={{ color: "var(--primary)" }}>Connect</h4>
-          <div className="flex items-center gap-4 mt-2" style={{ color: "var(--primary)" }}>
+          <h4
+            className="text-lg font-semibold mb-3"
+            style={{ color: "var(--primary)" }}
+          >
+            Connect
+          </h4>
+          <div
+            className="flex items-center gap-4 mt-2"
+            style={{ color: "var(--primary)" }}
+          >
             <a
               href="https://github.com/DevSyncx/DevSync"
               target="_blank"
@@ -69,10 +149,7 @@ const Footer = () => {
             >
               <Github className="w-5 h-5" />
             </a>
-            <a
-              href="mailto:hello@devsync.com"
-              className="hover:text-blue-400"
-            >
+            <a href="mailto:hello@devsync.com" className="hover:text-blue-400">
               <Mail className="w-5 h-5" />
             </a>
             <a
@@ -105,14 +182,18 @@ const Footer = () => {
 
       {/* Bottom Bar */}
       <div
-          className="mt-12 pt-6 text-center text-sm space-y-1"
-          style={{ borderTop: "1px solid var(--border)", color: "var(--muted-foreground)" }}
-        >
-          <p>© {new Date().getFullYear()} DevSync. All rights reserved.</p>
-          <p>
-            Made with ☕ by <span className="font-semibold text-[var(--primary)]">Annanya</span>
-          </p>
-        </div>
+        className="mt-12 pt-6 text-center text-sm space-y-1"
+        style={{
+          borderTop: "1px solid var(--border)",
+          color: "var(--muted-foreground)",
+        }}
+      >
+        <p>© {new Date().getFullYear()} DevSync. All rights reserved.</p>
+        <p>
+          Made with ☕ by{" "}
+          <span className="font-semibold text-[var(--primary)]">Annanya</span>
+        </p>
+      </div>
     </footer>
   );
 };
diff --git a/frontend/src/Components/profile/Profile.jsx b/frontend/src/Components/profile/Profile.jsx
index 69e8301..a3ac25f 100644
--- a/frontend/src/Components/profile/Profile.jsx
+++ b/frontend/src/Components/profile/Profile.jsx
@@ -242,7 +242,7 @@ const Profile = () => {
             headers: {
               "x-auth-token": token,
             },
-          }
+          },
         );
 
         if (!response.ok) {
@@ -352,7 +352,7 @@ const Profile = () => {
             headers: {
               "x-auth-token": token,
             },
-          }
+          },
         );
 
         if (!response.ok) {
@@ -447,7 +447,7 @@ const Profile = () => {
             method: "POST",
             headers: { "x-auth-token": token },
             body: formData,
-          }
+          },
         );
 
         if (!avatarResponse.ok) {
@@ -489,7 +489,7 @@ const Profile = () => {
             "x-auth-token": token,
           },
           body: JSON.stringify(requestBody),
-        }
+        },
       );
 
       if (!response.ok) {
@@ -543,15 +543,15 @@ const Profile = () => {
 
   const connectedPlatformsCount = profileData.socialLinks
     ? Object.values(profileData.socialLinks).filter(
-        (link) => link && link.trim() !== ""
+        (link) => link && link.trim() !== "",
       ).length
     : 0;
 
   const currentAvatarSrc = avatarPreview
     ? avatarPreview
     : profileData.avatar?.startsWith("http")
-    ? profileData.avatar
-    : `${import.meta.env.VITE_API_URL}${profileData.avatar}`;
+      ? profileData.avatar
+      : `${import.meta.env.VITE_API_URL}${profileData.avatar}`;
 
   // ... (Loading and Error screens remain the same) ...
 
@@ -998,7 +998,7 @@ const Profile = () => {
                                 </button>
                               )}
                             </motion.div>
-                          )
+                          ),
                         )}
                       </div>
                     )}
@@ -1175,4 +1175,4 @@ const Profile = () => {
   );
 };
 
-export default Profile;
\ No newline at end of file
+export default Profile;
diff --git a/frontend/src/Components/ui/Card.jsx b/frontend/src/Components/ui/Card.jsx
index 397151e..9164da6 100644
--- a/frontend/src/Components/ui/Card.jsx
+++ b/frontend/src/Components/ui/Card.jsx
@@ -1,92 +1,83 @@
-import * as React from "react"
+import * as React from "react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-function Card({
-  className,
-  ...props
-}) {
+function Card({ className, ...props }) {
   return (
     <div
       data-slot="card"
       className={cn(
         "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        className
+        className,
       )}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function CardHeader({
-  className,
-  ...props
-}) {
+function CardHeader({ className, ...props }) {
   return (
     <div
       data-slot="card-header"
       className={cn(
         "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
+        className,
       )}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function CardTitle({
-  className,
-  ...props
-}) {
+function CardTitle({ className, ...props }) {
   return (
     <div
       data-slot="card-title"
       className={cn("leading-none font-semibold", className)}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function CardDescription({
-  className,
-  ...props
-}) {
+function CardDescription({ className, ...props }) {
   return (
     <div
       data-slot="card-description"
       className={cn("text-muted-foreground text-sm", className)}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function CardAction({
-  className,
-  ...props
-}) {
+function CardAction({ className, ...props }) {
   return (
     <div
       data-slot="card-action"
       className={cn(
         "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        className
+        className,
       )}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function CardContent({
-  className,
-  ...props
-}) {
-  return (<div data-slot="card-content" className={cn("px-6", className)} {...props} />);
+function CardContent({ className, ...props }) {
+  return (
+    <div
+      data-slot="card-content"
+      className={cn("px-6", className)}
+      {...props}
+    />
+  );
 }
 
-function CardFooter({
-  className,
-  ...props
-}) {
+function CardFooter({ className, ...props }) {
   return (
     <div
       data-slot="card-footer"
       className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
-      {...props} />
+      {...props}
+    />
   );
 }
 
@@ -98,4 +89,4 @@ export {
   CardAction,
   CardDescription,
   CardContent,
-}
+};
diff --git a/frontend/src/Components/ui/DarkModeToggle.jsx b/frontend/src/Components/ui/DarkModeToggle.jsx
index 87cd174..4c80a21 100644
--- a/frontend/src/Components/ui/DarkModeToggle.jsx
+++ b/frontend/src/Components/ui/DarkModeToggle.jsx
@@ -11,9 +11,7 @@ export default function DarkModeToggle() {
       onClick={toggleTheme}
       aria-label="Toggle dark mode"
       className={`flex items-center justify-center w-12 h-12 rounded-full transition-all duration-300 cursor-pointer hover:scale-110   ${
-        isDark
-          ? "bg-[ --background]"
-          : "bg-[--foreground]"
+        isDark ? "bg-[ --background]" : "bg-[--foreground]"
       }`}
     >
       {isDark ? <Moon className="w-6 h-6" /> : <Sun className="w-6 h-6" />}
diff --git a/frontend/src/Components/ui/Loader.tsx b/frontend/src/Components/ui/Loader.tsx
index d26160b..6a7eae8 100644
--- a/frontend/src/Components/ui/Loader.tsx
+++ b/frontend/src/Components/ui/Loader.tsx
@@ -19,7 +19,7 @@ const Loader = ({ className, size = "md" }: LoaderProps) => {
         className={cn(
           "animate-spin rounded-full border-4 border-muted border-t-primary",
           sizes[size],
-          className
+          className,
         )}
       />
     </div>
diff --git a/frontend/src/Components/ui/ScrollRevealWrapper.jsx b/frontend/src/Components/ui/ScrollRevealWrapper.jsx
index 6983a0d..56fb73b 100644
--- a/frontend/src/Components/ui/ScrollRevealWrapper.jsx
+++ b/frontend/src/Components/ui/ScrollRevealWrapper.jsx
@@ -2,7 +2,11 @@
 import { motion } from "framer-motion";
 import { useInView } from "react-intersection-observer";
 
-export default function ScrollRevealWrapper({ children, delay = 0, className = "" }) {
+export default function ScrollRevealWrapper({
+  children,
+  delay = 0,
+  className = "",
+}) {
   const { ref, inView } = useInView({ triggerOnce: true, threshold: 0.1 });
 
   return (
diff --git a/frontend/src/Components/ui/StarRating.tsx b/frontend/src/Components/ui/StarRating.tsx
index 959785e..3c4f7e9 100644
--- a/frontend/src/Components/ui/StarRating.tsx
+++ b/frontend/src/Components/ui/StarRating.tsx
@@ -22,7 +22,7 @@ export default function StarRating({
   className,
 }: StarRatingProps) {
   const [hoverValue, setHoverValue] = useState<number | null>(null);
-  
+
   const stars = Array.from({ length: count }, (_, i) => i + 1);
 
   const handleMouseMove = (newValue: number) => {
@@ -43,7 +43,7 @@ export default function StarRating({
   };
 
   return (
-    <div 
+    <div
       className={cn("flex gap-1", className)}
       onMouseLeave={handleMouseLeave}
     >
@@ -61,4 +61,4 @@ export default function StarRating({
       ))}
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/src/Components/ui/alert.jsx b/frontend/src/Components/ui/alert.jsx
index ab99ec0..fd2f601 100644
--- a/frontend/src/Components/ui/alert.jsx
+++ b/frontend/src/Components/ui/alert.jsx
@@ -1,7 +1,7 @@
-import * as React from "react"
+import * as React from "react";
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 const alertVariants = cva(
   "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
@@ -16,48 +16,44 @@ const alertVariants = cva(
     defaultVariants: {
       variant: "default",
     },
-  }
-)
+  },
+);
 
-function Alert({
-  className,
-  variant,
-  ...props
-}) {
+function Alert({ className, variant, ...props }) {
   return (
     <div
       data-slot="alert"
       role="alert"
       className={cn(alertVariants({ variant }), className)}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function AlertTitle({
-  className,
-  ...props
-}) {
+function AlertTitle({ className, ...props }) {
   return (
     <div
       data-slot="alert-title"
-      className={cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className)}
-      {...props} />
+      className={cn(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        className,
+      )}
+      {...props}
+    />
   );
 }
 
-function AlertDescription({
-  className,
-  ...props
-}) {
+function AlertDescription({ className, ...props }) {
   return (
     <div
       data-slot="alert-description"
       className={cn(
         "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
-        className
+        className,
       )}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-export { Alert, AlertTitle, AlertDescription }
+export { Alert, AlertTitle, AlertDescription };
diff --git a/frontend/src/Components/ui/animated-gradient-text.jsx b/frontend/src/Components/ui/animated-gradient-text.jsx
index 03f6034..1696bc5 100644
--- a/frontend/src/Components/ui/animated-gradient-text.jsx
+++ b/frontend/src/Components/ui/animated-gradient-text.jsx
@@ -1,4 +1,4 @@
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 export function AnimatedGradientText({
   children,
@@ -10,18 +10,17 @@ export function AnimatedGradientText({
 }) {
   return (
     <span
-      style={
-        {
-          "--bg-size": `${speed * 300}%`,
-          "--color-from": colorFrom,
-          "--color-to": colorTo
-        }
-      }
+      style={{
+        "--bg-size": `${speed * 300}%`,
+        "--color-from": colorFrom,
+        "--color-to": colorTo,
+      }}
       className={cn(
         `animate-gradient inline bg-gradient-to-r from-[var(--color-from)] via-[var(--color-to)] to-[var(--color-from)] bg-[length:var(--bg-size)_100%] bg-clip-text text-transparent`,
-        className
+        className,
       )}
-      {...props}>
+      {...props}
+    >
       {children}
     </span>
   );
diff --git a/frontend/src/Components/ui/avatar.jsx b/frontend/src/Components/ui/avatar.jsx
index 9ad399b..cda70c3 100644
--- a/frontend/src/Components/ui/avatar.jsx
+++ b/frontend/src/Components/ui/avatar.jsx
@@ -1,45 +1,42 @@
-import * as React from "react"
-import * as AvatarPrimitive from "@radix-ui/react-avatar"
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-function Avatar({
-  className,
-  ...props
-}) {
+function Avatar({ className, ...props }) {
   return (
     <AvatarPrimitive.Root
       data-slot="avatar"
-      className={cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className)}
-      {...props} />
+      className={cn(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        className,
+      )}
+      {...props}
+    />
   );
 }
 
-function AvatarImage({
-  className,
-  ...props
-}) {
+function AvatarImage({ className, ...props }) {
   return (
     <AvatarPrimitive.Image
       data-slot="avatar-image"
       className={cn("aspect-square size-full", className)}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function AvatarFallback({
-  className,
-  ...props
-}) {
+function AvatarFallback({ className, ...props }) {
   return (
     <AvatarPrimitive.Fallback
       data-slot="avatar-fallback"
       className={cn(
         "bg-muted flex size-full items-center justify-center rounded-full",
-        className
+        className,
       )}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-export { Avatar, AvatarImage, AvatarFallback }
+export { Avatar, AvatarImage, AvatarFallback };
diff --git a/frontend/src/Components/ui/badge.jsx b/frontend/src/Components/ui/badge.jsx
index d725ae3..c4500fc 100644
--- a/frontend/src/Components/ui/badge.jsx
+++ b/frontend/src/Components/ui/badge.jsx
@@ -1,8 +1,8 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 const badgeVariants = cva(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
@@ -22,23 +22,19 @@ const badgeVariants = cva(
     defaultVariants: {
       variant: "default",
     },
-  }
-)
+  },
+);
 
-function Badge({
-  className,
-  variant,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "span"
+function Badge({ className, variant, asChild = false, ...props }) {
+  const Comp = asChild ? Slot : "span";
 
   return (
     <Comp
       data-slot="badge"
       className={cn(badgeVariants({ variant }), className)}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-export { Badge, badgeVariants }
+export { Badge, badgeVariants };
diff --git a/frontend/src/Components/ui/button.jsx b/frontend/src/Components/ui/button.jsx
index 69ad71f..92810c3 100644
--- a/frontend/src/Components/ui/button.jsx
+++ b/frontend/src/Components/ui/button.jsx
@@ -1,8 +1,8 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
@@ -32,24 +32,19 @@ const buttonVariants = cva(
       variant: "default",
       size: "default",
     },
-  }
-)
+  },
+);
 
-function Button({
-  className,
-  variant,
-  size,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "button"
+function Button({ className, variant, size, asChild = false, ...props }) {
+  const Comp = asChild ? Slot : "button";
 
   return (
     <Comp
       data-slot="button"
       className={cn(buttonVariants({ variant, size, className }))}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-export { Button, buttonVariants }
+export { Button, buttonVariants };
diff --git a/frontend/src/Components/ui/button.tsx b/frontend/src/Components/ui/button.tsx
index 0b85389..3fee4f0 100644
--- a/frontend/src/Components/ui/button.tsx
+++ b/frontend/src/Components/ui/button.tsx
@@ -8,8 +8,10 @@ const Button = React.forwardRef<
   }
 >(({ className, variant = "default", ...props }, ref) => {
   const variantStyles = {
-    default: "bg-[var(--primary)] text-[var(--primary-foreground)] hover:bg-[var(--primary)]/90",
-    outline: "border border-[var(--border)] bg-[var(--background)] hover:bg-[var(--muted)] hover:text-[var(--muted-foreground)]",
+    default:
+      "bg-[var(--primary)] text-[var(--primary-foreground)] hover:bg-[var(--primary)]/90",
+    outline:
+      "border border-[var(--border)] bg-[var(--background)] hover:bg-[var(--muted)] hover:text-[var(--muted-foreground)]",
     ghost: "hover:bg-[var(--muted)] hover:text-[var(--muted-foreground)]",
     link: "text-[var(--primary)] underline-offset-4 hover:underline",
     destructive: "bg-red-500 text-white hover:bg-red-600",
@@ -20,7 +22,7 @@ const Button = React.forwardRef<
       className={cn(
         "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)] focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none px-4 py-2",
         variantStyles[variant],
-        className
+        className,
       )}
       ref={ref}
       {...props}
@@ -30,4 +32,4 @@ const Button = React.forwardRef<
 
 Button.displayName = "Button";
 
-export { Button };
\ No newline at end of file
+export { Button };
diff --git a/frontend/src/Components/ui/checkbox.tsx b/frontend/src/Components/ui/checkbox.tsx
index 7c59aba..ebba032 100644
--- a/frontend/src/Components/ui/checkbox.tsx
+++ b/frontend/src/Components/ui/checkbox.tsx
@@ -11,15 +11,17 @@ const Checkbox = React.forwardRef<
     ref={ref}
     className={cn(
       "peer h-4 w-4 shrink-0 rounded-sm border border-[var(--primary)] ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--primary)] data-[state=checked]:text-[var(--primary-foreground)]",
-      className
+      className,
     )}
     {...props}
   >
-    <CheckboxPrimitive.Indicator className={cn("flex items-center justify-center")}>
+    <CheckboxPrimitive.Indicator
+      className={cn("flex items-center justify-center")}
+    >
       <Check className="h-3 w-3" />
     </CheckboxPrimitive.Indicator>
   </CheckboxPrimitive.Root>
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
-export { Checkbox };
\ No newline at end of file
+export { Checkbox };
diff --git a/frontend/src/Components/ui/dialog.tsx b/frontend/src/Components/ui/dialog.tsx
index 89efa1c..8065989 100644
--- a/frontend/src/Components/ui/dialog.tsx
+++ b/frontend/src/Components/ui/dialog.tsx
@@ -15,7 +15,7 @@ const DialogOverlay = React.forwardRef<
     ref={ref}
     className={cn(
       "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
+      className,
     )}
     {...props}
   />
@@ -32,7 +32,7 @@ const DialogContent = React.forwardRef<
       ref={ref}
       className={cn(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-[var(--card)] p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-xl",
-        className
+        className,
       )}
       {...props}
     >
@@ -53,7 +53,7 @@ const DialogHeader = ({
   <div
     className={cn(
       "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
+      className,
     )}
     {...props}
   />
@@ -67,7 +67,7 @@ const DialogFooter = ({
   <div
     className={cn(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
+      className,
     )}
     {...props}
   />
@@ -82,7 +82,7 @@ const DialogTitle = React.forwardRef<
     ref={ref}
     className={cn(
       "text-lg font-semibold leading-none tracking-tight text-[var(--primary)]",
-      className
+      className,
     )}
     {...props}
   />
@@ -111,4 +111,4 @@ export {
   DialogFooter,
   DialogTitle,
   DialogDescription,
-};
\ No newline at end of file
+};
diff --git a/frontend/src/Components/ui/dropdown-menu.jsx b/frontend/src/Components/ui/dropdown-menu.jsx
index 13051d5..f9d04cb 100644
--- a/frontend/src/Components/ui/dropdown-menu.jsx
+++ b/frontend/src/Components/ui/dropdown-menu.jsx
@@ -1,32 +1,29 @@
-import * as React from "react"
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-function DropdownMenu({
-  ...props
-}) {
+function DropdownMenu({ ...props }) {
   return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
 }
 
-function DropdownMenuPortal({
-  ...props
-}) {
-  return (<DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />);
+function DropdownMenuPortal({ ...props }) {
+  return (
+    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
+  );
 }
 
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return (<DropdownMenuPrimitive.Trigger data-slot="dropdown-menu-trigger" {...props} />);
+function DropdownMenuTrigger({ ...props }) {
+  return (
+    <DropdownMenuPrimitive.Trigger
+      data-slot="dropdown-menu-trigger"
+      {...props}
+    />
+  );
 }
 
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
   return (
     <DropdownMenuPrimitive.Portal>
       <DropdownMenuPrimitive.Content
@@ -34,25 +31,21 @@ function DropdownMenuContent({
         sideOffset={sideOffset}
         className={cn(
           "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-          className
+          className,
         )}
-        {...props} />
+        {...props}
+      />
     </DropdownMenuPrimitive.Portal>
   );
 }
 
-function DropdownMenuGroup({
-  ...props
-}) {
-  return (<DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />);
+function DropdownMenuGroup({ ...props }) {
+  return (
+    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
+  );
 }
 
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
   return (
     <DropdownMenuPrimitive.Item
       data-slot="dropdown-menu-item"
@@ -60,29 +53,25 @@ function DropdownMenuItem({
       data-variant={variant}
       className={cn(
         "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}) {
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
   return (
     <DropdownMenuPrimitive.CheckboxItem
       data-slot="dropdown-menu-checkbox-item"
       className={cn(
         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
       checked={checked}
-      {...props}>
-      <span
-        className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
         <DropdownMenuPrimitive.ItemIndicator>
           <CheckIcon className="size-4" />
         </DropdownMenuPrimitive.ItemIndicator>
@@ -92,27 +81,26 @@ function DropdownMenuCheckboxItem({
   );
 }
 
-function DropdownMenuRadioGroup({
-  ...props
-}) {
-  return (<DropdownMenuPrimitive.RadioGroup data-slot="dropdown-menu-radio-group" {...props} />);
+function DropdownMenuRadioGroup({ ...props }) {
+  return (
+    <DropdownMenuPrimitive.RadioGroup
+      data-slot="dropdown-menu-radio-group"
+      {...props}
+    />
+  );
 }
 
-function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}) {
+function DropdownMenuRadioItem({ className, children, ...props }) {
   return (
     <DropdownMenuPrimitive.RadioItem
       data-slot="dropdown-menu-radio-item"
       className={cn(
         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
-      {...props}>
-      <span
-        className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
         <DropdownMenuPrimitive.ItemIndicator>
           <CircleIcon className="size-2 fill-current" />
         </DropdownMenuPrimitive.ItemIndicator>
@@ -122,83 +110,74 @@ function DropdownMenuRadioItem({
   );
 }
 
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
+function DropdownMenuLabel({ className, inset, ...props }) {
   return (
     <DropdownMenuPrimitive.Label
       data-slot="dropdown-menu-label"
       data-inset={inset}
-      className={cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)}
-      {...props} />
+      className={cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className,
+      )}
+      {...props}
+    />
   );
 }
 
-function DropdownMenuSeparator({
-  className,
-  ...props
-}) {
+function DropdownMenuSeparator({ className, ...props }) {
   return (
     <DropdownMenuPrimitive.Separator
       data-slot="dropdown-menu-separator"
       className={cn("bg-border -mx-1 my-1 h-px", className)}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function DropdownMenuShortcut({
-  className,
-  ...props
-}) {
+function DropdownMenuShortcut({ className, ...props }) {
   return (
     <span
       data-slot="dropdown-menu-shortcut"
-      className={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)}
-      {...props} />
+      className={cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className,
+      )}
+      {...props}
+    />
   );
 }
 
-function DropdownMenuSub({
-  ...props
-}) {
+function DropdownMenuSub({ ...props }) {
   return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />;
 }
 
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
   return (
     <DropdownMenuPrimitive.SubTrigger
       data-slot="dropdown-menu-sub-trigger"
       data-inset={inset}
       className={cn(
         "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
-      {...props}>
+      {...props}
+    >
       {children}
       <ChevronRightIcon className="ml-auto size-4" />
     </DropdownMenuPrimitive.SubTrigger>
   );
 }
 
-function DropdownMenuSubContent({
-  className,
-  ...props
-}) {
+function DropdownMenuSubContent({ className, ...props }) {
   return (
     <DropdownMenuPrimitive.SubContent
       data-slot="dropdown-menu-sub-content"
       className={cn(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
+        className,
       )}
-      {...props} />
+      {...props}
+    />
   );
 }
 
@@ -218,4 +197,4 @@ export {
   DropdownMenuSub,
   DropdownMenuSubTrigger,
   DropdownMenuSubContent,
-}
+};
diff --git a/frontend/src/Components/ui/floating-navbar.tsx b/frontend/src/Components/ui/floating-navbar.tsx
index c08583b..45c724b 100644
--- a/frontend/src/Components/ui/floating-navbar.tsx
+++ b/frontend/src/Components/ui/floating-navbar.tsx
@@ -58,23 +58,23 @@ export const FloatingNav = ({
         }}
         className={cn(
           "flex max-w-fit  fixed top-10 inset-x-0 mx-auto border border-transparent dark:border-white/[0.2] rounded-full dark:bg-black bg-white shadow-[0px_2px_3px_-1px_RGBA(0,0,0,0.1),0px_1px_0px_0px_RGBA(25,28,33,0.02),0px_0px_0px_1px_RGBA(25,28,33,0.08)] z-[5000] pr-2 pl-8 py-2  items-center justify-center space-x-4",
-          className
+          className,
         )}
       >
         {navItems.map((navItem: any, idx: number) => (
           <a
             key={`link=${idx}`}
             href={navItem.link}
-            className={cn(
-              "relative dark:text-neutral-50 items-center flex space-x-1 text-neutral-600 dark:hover:text-neutral-300 hover:text-neutral-500"
-            )}
+            className="relative text-[15px] md:text-[16px] lg:text-[17px] font-medium transition-all duration-300 group flex items-center gap-2 hover:pb-1"
+            style={{ color: "var(--card-foreground)" }}
           >
             <span className="block sm:hidden">{navItem.icon}</span>
             <span className="hidden sm:block text-sm">{navItem.name}</span>
+            <span className="absolute left-0 -bottom-1 w-0 h-[2px] bg-gradient-to-r from-[var(--primary)] to-purple-500 transition-all duration-500 group-hover:w-full"></span>
           </a>
         ))}
         <button
-          onClick={() => navigate('/login')}
+          onClick={() => navigate("/login")}
           className="border text-sm font-medium relative border-neutral-200 dark:border-white/[0.2] text-black dark:text-white px-4 py-2 rounded-full hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:cursor-pointer transition-colors"
         >
           <span>Login</span>
@@ -83,4 +83,4 @@ export const FloatingNav = ({
       </motion.div>
     </AnimatePresence>
   );
-}
\ No newline at end of file
+};
diff --git a/frontend/src/Components/ui/hover-card.jsx b/frontend/src/Components/ui/hover-card.jsx
index fed943d..670bfdf 100644
--- a/frontend/src/Components/ui/hover-card.jsx
+++ b/frontend/src/Components/ui/hover-card.jsx
@@ -1,18 +1,16 @@
-import * as React from "react"
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-function HoverCard({
-  ...props
-}) {
+function HoverCard({ ...props }) {
   return <HoverCardPrimitive.Root data-slot="hover-card" {...props} />;
 }
 
-function HoverCardTrigger({
-  ...props
-}) {
-  return (<HoverCardPrimitive.Trigger data-slot="hover-card-trigger" {...props} />);
+function HoverCardTrigger({ ...props }) {
+  return (
+    <HoverCardPrimitive.Trigger data-slot="hover-card-trigger" {...props} />
+  );
 }
 
 function HoverCardContent({
@@ -29,11 +27,12 @@ function HoverCardContent({
         sideOffset={sideOffset}
         className={cn(
           "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
-          className
+          className,
         )}
-        {...props} />
+        {...props}
+      />
     </HoverCardPrimitive.Portal>
   );
 }
 
-export { HoverCard, HoverCardTrigger, HoverCardContent }
+export { HoverCard, HoverCardTrigger, HoverCardContent };
diff --git a/frontend/src/Components/ui/input.jsx b/frontend/src/Components/ui/input.jsx
index e267074..06b3a03 100644
--- a/frontend/src/Components/ui/input.jsx
+++ b/frontend/src/Components/ui/input.jsx
@@ -1,6 +1,6 @@
-import * as React from "react"
-import { cva } from "class-variance-authority"
-import { cn } from "@/lib/utils"
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
 
 const inputVariants = cva(
   "flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all",
@@ -15,8 +15,8 @@ const inputVariants = cva(
     defaultVariants: {
       size: "default",
     },
-  }
-)
+  },
+);
 
 const Input = React.forwardRef(({ className, type, size, ...props }, ref) => {
   return (
@@ -26,8 +26,8 @@ const Input = React.forwardRef(({ className, type, size, ...props }, ref) => {
       ref={ref}
       {...props}
     />
-  )
-})
-Input.displayName = "Input"
+  );
+});
+Input.displayName = "Input";
 
-export { Input, inputVariants }
+export { Input, inputVariants };
diff --git a/frontend/src/Components/ui/label.jsx b/frontend/src/Components/ui/label.jsx
index 3fc5c1a..d6ac90b 100644
--- a/frontend/src/Components/ui/label.jsx
+++ b/frontend/src/Components/ui/label.jsx
@@ -1,16 +1,16 @@
-import * as React from "react"
-import { cn } from "@/lib/utils"
+import * as React from "react";
+import { cn } from "@/lib/utils";
 
 const Label = React.forwardRef(({ className, ...props }, ref) => (
   <label
     ref={ref}
     className={cn(
       "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-      className
+      className,
     )}
     {...props}
   />
-))
-Label.displayName = "Label"
+));
+Label.displayName = "Label";
 
-export { Label }
+export { Label };
diff --git a/frontend/src/Components/ui/scroll-area.jsx b/frontend/src/Components/ui/scroll-area.jsx
index 2cea9bc..44ae42b 100644
--- a/frontend/src/Components/ui/scroll-area.jsx
+++ b/frontend/src/Components/ui/scroll-area.jsx
@@ -1,18 +1,19 @@
-import * as React from "react"
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-function ScrollArea({
-  className,
-  children,
-  ...props
-}) {
+function ScrollArea({ className, children, ...props }) {
   return (
-    <ScrollAreaPrimitive.Root data-slot="scroll-area" className={cn("relative", className)} {...props}>
+    <ScrollAreaPrimitive.Root
+      data-slot="scroll-area"
+      className={cn("relative", className)}
+      {...props}
+    >
       <ScrollAreaPrimitive.Viewport
         data-slot="scroll-area-viewport"
-        className="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1">
+        className="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+      >
         {children}
       </ScrollAreaPrimitive.Viewport>
       <ScrollBar />
@@ -21,11 +22,7 @@ function ScrollArea({
   );
 }
 
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
+function ScrollBar({ className, orientation = "vertical", ...props }) {
   return (
     <ScrollAreaPrimitive.ScrollAreaScrollbar
       data-slot="scroll-area-scrollbar"
@@ -36,14 +33,16 @@ function ScrollBar({
           "h-full w-2.5 border-l border-l-transparent",
         orientation === "horizontal" &&
           "h-2.5 flex-col border-t border-t-transparent",
-        className
+        className,
       )}
-      {...props}>
+      {...props}
+    >
       <ScrollAreaPrimitive.ScrollAreaThumb
         data-slot="scroll-area-thumb"
-        className="bg-border relative flex-1 rounded-full" />
+        className="bg-border relative flex-1 rounded-full"
+      />
     </ScrollAreaPrimitive.ScrollAreaScrollbar>
   );
 }
 
-export { ScrollArea, ScrollBar }
+export { ScrollArea, ScrollBar };
diff --git a/frontend/src/Components/ui/scroll-progress.jsx b/frontend/src/Components/ui/scroll-progress.jsx
index 263b065..c110ce6 100644
--- a/frontend/src/Components/ui/scroll-progress.jsx
+++ b/frontend/src/Components/ui/scroll-progress.jsx
@@ -1,24 +1,21 @@
 import { motion, useScroll } from "motion/react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-export function ScrollProgress({
-  className,
-  ref,
-  ...props
-}) {
-  const { scrollYProgress } = useScroll()
+export function ScrollProgress({ className, ref, ...props }) {
+  const { scrollYProgress } = useScroll();
 
   return (
     <motion.div
       ref={ref}
       className={cn(
         "fixed inset-x-0 top-0 z-50 h-1 origin-left bg-gradient-to-r from-[#7cd3f8] via-[#443a8a] to-[#0379e0]",
-        className
+        className,
       )}
       style={{
         scaleX: scrollYProgress,
       }}
-      {...props} />
+      {...props}
+    />
   );
 }
diff --git a/frontend/src/Components/ui/select.tsx b/frontend/src/Components/ui/select.tsx
index e0b700a..3bde389 100644
--- a/frontend/src/Components/ui/select.tsx
+++ b/frontend/src/Components/ui/select.tsx
@@ -15,7 +15,7 @@ const SelectTrigger = React.forwardRef<
     ref={ref}
     className={cn(
       "flex h-10 w-full items-center justify-between rounded-md border border-[var(--border)] bg-[var(--background)] px-3 py-2 text-sm ring-offset-[var(--background)] placeholder:text-[var(--muted-foreground)] focus:outline-none focus:ring-2 focus:ring-[var(--primary)] focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className
+      className,
     )}
     {...props}
   >
@@ -33,7 +33,10 @@ const SelectScrollUpButton = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SelectPrimitive.ScrollUpButton
     ref={ref}
-    className={cn("flex cursor-default items-center justify-center py-1", className)}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className,
+    )}
     {...props}
   >
     <ChevronUp className="h-4 w-4" />
@@ -47,7 +50,10 @@ const SelectScrollDownButton = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SelectPrimitive.ScrollDownButton
     ref={ref}
-    className={cn("flex cursor-default items-center justify-center py-1", className)}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className,
+    )}
     {...props}
   >
     <ChevronDown className="h-4 w-4" />
@@ -67,7 +73,7 @@ const SelectContent = React.forwardRef<
         "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-[var(--border)] bg-[var(--background)] text-[var(--primary)] shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         position === "popper" &&
           "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
+        className,
       )}
       position={position}
       {...props}
@@ -77,7 +83,7 @@ const SelectContent = React.forwardRef<
         className={cn(
           "p-1",
           position === "popper" &&
-            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
         )}
       >
         {children}
@@ -108,7 +114,7 @@ const SelectItem = React.forwardRef<
     ref={ref}
     className={cn(
       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-[var(--muted)] focus:text-[var(--primary)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
+      className,
     )}
     {...props}
   >
@@ -145,4 +151,4 @@ export {
   SelectSeparator,
   SelectScrollUpButton,
   SelectScrollDownButton,
-};
\ No newline at end of file
+};
diff --git a/frontend/src/Components/ui/sheet.jsx b/frontend/src/Components/ui/sheet.jsx
index 21faa4c..3403455 100644
--- a/frontend/src/Components/ui/sheet.jsx
+++ b/frontend/src/Components/ui/sheet.jsx
@@ -1,54 +1,39 @@
-import * as React from "react"
-import * as SheetPrimitive from "@radix-ui/react-dialog"
-import { XIcon } from "lucide-react"
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-function Sheet({
-  ...props
-}) {
+function Sheet({ ...props }) {
   return <SheetPrimitive.Root data-slot="sheet" {...props} />;
 }
 
-function SheetTrigger({
-  ...props
-}) {
+function SheetTrigger({ ...props }) {
   return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />;
 }
 
-function SheetClose({
-  ...props
-}) {
+function SheetClose({ ...props }) {
   return <SheetPrimitive.Close data-slot="sheet-close" {...props} />;
 }
 
-function SheetPortal({
-  ...props
-}) {
+function SheetPortal({ ...props }) {
   return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />;
 }
 
-function SheetOverlay({
-  className,
-  ...props
-}) {
+function SheetOverlay({ className, ...props }) {
   return (
     <SheetPrimitive.Overlay
       data-slot="sheet-overlay"
       className={cn(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
+        className,
       )}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  ...props
-}) {
+function SheetContent({ className, children, side = "right", ...props }) {
   return (
     <SheetPortal>
       <SheetOverlay />
@@ -64,12 +49,12 @@ function SheetContent({
             "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
           side === "bottom" &&
             "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
-          className
+          className,
         )}
-        {...props}>
+        {...props}
+      >
         {children}
-        <SheetPrimitive.Close
-          className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
+        <SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
           <XIcon className="size-4" />
           <span className="sr-only">Close</span>
         </SheetPrimitive.Close>
@@ -78,51 +63,43 @@ function SheetContent({
   );
 }
 
-function SheetHeader({
-  className,
-  ...props
-}) {
+function SheetHeader({ className, ...props }) {
   return (
     <div
       data-slot="sheet-header"
       className={cn("flex flex-col gap-1.5 p-4", className)}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function SheetFooter({
-  className,
-  ...props
-}) {
+function SheetFooter({ className, ...props }) {
   return (
     <div
       data-slot="sheet-footer"
       className={cn("mt-auto flex flex-col gap-2 p-4", className)}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function SheetTitle({
-  className,
-  ...props
-}) {
+function SheetTitle({ className, ...props }) {
   return (
     <SheetPrimitive.Title
       data-slot="sheet-title"
       className={cn("text-foreground font-semibold", className)}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function SheetDescription({
-  className,
-  ...props
-}) {
+function SheetDescription({ className, ...props }) {
   return (
     <SheetPrimitive.Description
       data-slot="sheet-description"
       className={cn("text-muted-foreground text-sm", className)}
-      {...props} />
+      {...props}
+    />
   );
 }
 
@@ -135,4 +112,4 @@ export {
   SheetFooter,
   SheetTitle,
   SheetDescription,
-}
+};
diff --git a/frontend/src/Components/ui/tabs.jsx b/frontend/src/Components/ui/tabs.jsx
index 8d40da5..7bff180 100644
--- a/frontend/src/Components/ui/tabs.jsx
+++ b/frontend/src/Components/ui/tabs.jsx
@@ -1,60 +1,52 @@
-import * as React from "react"
-import * as TabsPrimitive from "@radix-ui/react-tabs"
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-function Tabs({
-  className,
-  ...props
-}) {
+function Tabs({ className, ...props }) {
   return (
     <TabsPrimitive.Root
       data-slot="tabs"
       className={cn("flex flex-col gap-2", className)}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function TabsList({
-  className,
-  ...props
-}) {
+function TabsList({ className, ...props }) {
   return (
     <TabsPrimitive.List
       data-slot="tabs-list"
       className={cn(
         "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
-        className
+        className,
       )}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function TabsTrigger({
-  className,
-  ...props
-}) {
+function TabsTrigger({ className, ...props }) {
   return (
     <TabsPrimitive.Trigger
       data-slot="tabs-trigger"
       className={cn(
         "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-function TabsContent({
-  className,
-  ...props
-}) {
+function TabsContent({ className, ...props }) {
   return (
     <TabsPrimitive.Content
       data-slot="tabs-content"
       className={cn("flex-1 outline-none", className)}
-      {...props} />
+      {...props}
+    />
   );
 }
 
-export { Tabs, TabsList, TabsTrigger, TabsContent }
+export { Tabs, TabsList, TabsTrigger, TabsContent };
diff --git a/frontend/src/Components/ui/textarea.tsx b/frontend/src/Components/ui/textarea.tsx
index dc9181c..3a8a3c0 100644
--- a/frontend/src/Components/ui/textarea.tsx
+++ b/frontend/src/Components/ui/textarea.tsx
@@ -9,7 +9,7 @@ const Textarea = React.forwardRef<
     <textarea
       className={cn(
         "flex min-h-[80px] w-full rounded-md border border-[var(--border)] bg-[var(--background)] px-3 py-2 text-sm ring-offset-[var(--background)] placeholder:text-[var(--muted-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-        className
+        className,
       )}
       ref={ref}
       {...props}
@@ -19,4 +19,4 @@ const Textarea = React.forwardRef<
 
 Textarea.displayName = "Textarea";
 
-export { Textarea };
\ No newline at end of file
+export { Textarea };
diff --git a/frontend/src/Components/ui/tooltip.jsx b/frontend/src/Components/ui/tooltip.jsx
index 304fc8b..f49e6cf 100644
--- a/frontend/src/Components/ui/tooltip.jsx
+++ b/frontend/src/Components/ui/tooltip.jsx
@@ -1,18 +1,19 @@
-import * as React from "react"
-import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}) {
-  return (<TooltipPrimitive.Provider data-slot="tooltip-provider" delayDuration={delayDuration} {...props} />);
+function TooltipProvider({ delayDuration = 0, ...props }) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  );
 }
 
-function Tooltip({
-  ...props
-}) {
+function Tooltip({ ...props }) {
   return (
     <TooltipProvider>
       <TooltipPrimitive.Root data-slot="tooltip" {...props} />
@@ -20,18 +21,11 @@ function Tooltip({
   );
 }
 
-function TooltipTrigger({
-  ...props
-}) {
+function TooltipTrigger({ ...props }) {
   return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
 }
 
-function TooltipContent({
-  className,
-  sideOffset = 0,
-  children,
-  ...props
-}) {
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
   return (
     <TooltipPrimitive.Portal>
       <TooltipPrimitive.Content
@@ -39,15 +33,15 @@ function TooltipContent({
         sideOffset={sideOffset}
         className={cn(
           "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
-          className
+          className,
         )}
-        {...props}>
+        {...props}
+      >
         {children}
-        <TooltipPrimitive.Arrow
-          className="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
+        <TooltipPrimitive.Arrow className="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
       </TooltipPrimitive.Content>
     </TooltipPrimitive.Portal>
   );
 }
 
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
diff --git a/frontend/src/context/FeedbackContext.jsx b/frontend/src/context/FeedbackContext.jsx
index 9269269..bdf0c7e 100644
--- a/frontend/src/context/FeedbackContext.jsx
+++ b/frontend/src/context/FeedbackContext.jsx
@@ -4,21 +4,21 @@ const FeedbackContext = createContext(null);
 
 export function FeedbackProvider({ children }) {
   const [showFeedbackPopup, setShowFeedbackPopup] = useState(false);
-  
+
   const openFeedbackPopup = () => {
     setShowFeedbackPopup(true);
   };
-  
+
   const closeFeedbackPopup = () => {
     setShowFeedbackPopup(false);
   };
-  
+
   return (
-    <FeedbackContext.Provider 
-      value={{ 
-        showFeedbackPopup, 
-        openFeedbackPopup, 
-        closeFeedbackPopup 
+    <FeedbackContext.Provider
+      value={{
+        showFeedbackPopup,
+        openFeedbackPopup,
+        closeFeedbackPopup,
       }}
     >
       {children}
@@ -32,4 +32,4 @@ export function useFeedback() {
     throw new Error("useFeedback must be used within a FeedbackProvider");
   }
   return context;
-}
\ No newline at end of file
+}
diff --git a/frontend/src/context/TimerContext.jsx b/frontend/src/context/TimerContext.jsx
index 79e2d26..0aa07b3 100644
--- a/frontend/src/context/TimerContext.jsx
+++ b/frontend/src/context/TimerContext.jsx
@@ -15,7 +15,9 @@ export function TimerProvider({ children }) {
 
   const [isRunning, setIsRunning] = useState(false);
   const [isWork, setIsWork] = useState(true);
-  const [sessions, setSessions] = useState(() => Number(localStorage.getItem("pomodoroSessions")) || 0);
+  const [sessions, setSessions] = useState(
+    () => Number(localStorage.getItem("pomodoroSessions")) || 0,
+  );
 
   const [endTimestamp, setEndTimestamp] = useState(() => {
     const saved = localStorage.getItem("pomodoroEndTimestamp");
@@ -53,10 +55,17 @@ export function TimerProvider({ children }) {
   }, [isRunning, endTimestamp]);
 
   // Persist timer info
-  useEffect(() => localStorage.setItem("pomodoroTimeLeft", timeLeft), [timeLeft]);
-  useEffect(() => localStorage.setItem("pomodoroSessions", sessions), [sessions]);
+  useEffect(
+    () => localStorage.setItem("pomodoroTimeLeft", timeLeft),
+    [timeLeft],
+  );
+  useEffect(
+    () => localStorage.setItem("pomodoroSessions", sessions),
+    [sessions],
+  );
   useEffect(() => {
-    if (endTimestamp) localStorage.setItem("pomodoroEndTimestamp", endTimestamp);
+    if (endTimestamp)
+      localStorage.setItem("pomodoroEndTimestamp", endTimestamp);
   }, [endTimestamp]);
 
   const handleSessionEnd = () => {
@@ -68,14 +77,16 @@ export function TimerProvider({ children }) {
         : shortBreak
       : workTime;
 
-    setIsWork(prev => !prev);
+    setIsWork((prev) => !prev);
     setTimeLeft(nextTime);
     setEndTimestamp(Date.now() + nextTime * 1000);
     setIsRunning(true);
 
     if ("Notification" in window && Notification.permission === "granted") {
       new Notification(
-        isWork ? "Work session complete! Time for a break 🎉" : "Break over! Back to work 💻"
+        isWork
+          ? "Work session complete! Time for a break 🎉"
+          : "Break over! Back to work 💻",
       );
     }
   };
diff --git a/frontend/src/index.css b/frontend/src/index.css
index be81fbc..168b00b 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -9,7 +9,7 @@
   --radius-lg: var(--radius);
   --radius-xl: calc(var(--radius) + 4px);
 
-/* 👇 Added these font variables */
+  /* 👇 Added these font variables */
   --font-body: "Poppins", sans-serif;
   --font-heading: "Sora", sans-serif;
 
@@ -47,7 +47,6 @@
   --animate-shiny-text: shiny-text 8s infinite;
 
   @keyframes shiny-text {
-
     0%,
     90%,
     100% {
@@ -189,10 +188,15 @@
 
   body {
     @apply bg-background text-foreground;
-     font-family: var(--font-body);
+    font-family: var(--font-body);
   }
 
-  h1, h2, h3, h4, h5, h6 {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     font-family: var(--font-heading);
   }
 }
@@ -284,12 +288,10 @@ html {
 
 /* in your global.css or a styles file */
 .scrollbar-hidden {
-  -ms-overflow-style: none;  /* IE and Edge */
-  scrollbar-width: none;     /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
 }
 
 .scrollbar-hidden::-webkit-scrollbar {
-  display: none;             /* Chrome, Safari, Opera */
+  display: none; /* Chrome, Safari, Opera */
 }
-
-
diff --git a/frontend/src/lib/utils.js b/frontend/src/lib/utils.js
index 20aa603..378ccef 100644
--- a/frontend/src/lib/utils.js
+++ b/frontend/src/lib/utils.js
@@ -1,6 +1,6 @@
-import { clsx } from "clsx"
-import { twMerge } from "tailwind-merge"
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs) {
-  return twMerge(clsx(inputs))
+  return twMerge(clsx(inputs));
 }
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
index 4a9cd21..c2f3ce3 100644
--- a/frontend/src/main.jsx
+++ b/frontend/src/main.jsx
@@ -9,7 +9,7 @@ import { ThemeProvider } from "./Components/ui/theme-provider";
 import PomodoroTimer from "./Components/DashBoard/PomodoroTimer.jsx";
 import { TimerProvider } from "./context/TimerContext.jsx";
 import { FeedbackProvider } from "./context/FeedbackContext.jsx";
-import AllContributors from './Components/AllContributors';
+import AllContributors from "./Components/AllContributors";
 import LeetCode from "./Components/DashBoard/LeetCode";
 
 createRoot(document.getElementById("root")).render(
@@ -21,17 +21,17 @@ createRoot(document.getElementById("root")).render(
             <Routes>
               {/* App handles all routes internally */}
               <Route path="/*" element={<App />} />
-              
+
               {/* Extra routes outside of App */}
               <Route path="/pomodoro" element={<PomodoroTimer />} />
               <Route path="/contributors" element={<AllContributors />} />
               <Route path="/leetcode/:leetUser" element={<LeetCode />} />
-              
+
               <Route path="*" element={<NotFound />} />
             </Routes>
           </BrowserRouter>
         </FeedbackProvider>
       </TimerProvider>
     </ThemeProvider>
-  </StrictMode>
+  </StrictMode>,
 );
diff --git a/frontend/vercel.json b/frontend/vercel.json
index 9b21248..3a48e56 100644
--- a/frontend/vercel.json
+++ b/frontend/vercel.json
@@ -1,6 +1,3 @@
-
 {
-  "rewrites": [
-    { "source": "/(.*)", "destination": "/" }
-  ]
-}
\ No newline at end of file
+  "rewrites": [{ "source": "/(.*)", "destination": "/" }]
+}