Merge branch 'milestone-d4' of https://github.com/CS3219-AY2425S1/cs3219-ay2425s1-project-g15 into jehou/questiondb

# Conflicts:
#	frontend/src/app/(auth)/leetcode-dashboard/LeetcodeDashboardTable.tsx

Author: jehousoh

frontend/src/api/leetcode-dashboard.tsx

@@ -2,7 +2,7 @@ import { QuestionAll, QuestionFull, NewQuestionData } from "@/types/find-match";
 
 const QUESTION_SERVICE =
   process.env.NEXT_PUBLIC_QUESTION_SERVICE ||
-  "https://question-service-598285527681.us-central1.run.app/api";
+  "https://question-service-2-598285527681.us-central1.run.app/api";
 
 export const createSingleLeetcodeQuestion = async (
   data: NewQuestionData

frontend/src/app/(auth)/leetcode-dashboard/LeetcodeDashboardTable.tsx

@@ -231,6 +231,7 @@ export function LeetcodeDashboardTable({
   }, [
     refreshKey,
     pagination.pageIndex,
+    pagination.pageSize,
     searchTitle,
     searchDifficulty,
     searchTopic,

frontend/src/app/(home)/components/navbar/Navbar.tsx

@@ -1,17 +1,24 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 import Link from "next/link";
 import Header from "@/components/ui/Header";
 
 const Navbar = () => {
-    const isActive = (path: string) => window.location.pathname === path;
+    const [currentPath, setCurrentPath] = useState("");
+
+    useEffect(() => {
+        // Update the state with the current pathname on the client side
+        setCurrentPath(window.location.pathname);
+    }, []);
+    
+    const isActive = (path: string) => currentPath === path;
     return (
         <nav className="flex justify-between items-center p-4 bg-gray-900">
         <div className="flex-shrink-0">
             <Header />
         </div>
 
         <div className="flex space-x-6">
-            <Link href="/home" className={`text-primary-300 hover:underline ${isActive("/") ? "opacity-100" : "opacity-50 hover:opacity-100"}`}>
+            <Link href="/" className={`text-primary-300 hover:underline ${isActive("/") ? "opacity-100" : "opacity-50 hover:opacity-100"}`}>
             Home
             </Link>
             <Link href="" className={`text-primary-300 hover:underline ${isActive("/about") ? "opacity-100" : "opacity-50 hover:opacity-100"}`}>