Include unit test for LoadingPage

Author: leekahung

frontend/src/App.tsx

@@ -4,6 +4,7 @@ import Navbar from "./shared/components/Navbar/Navbar";
 import Chat from "./Chat";
 import LoadingPage from "./pages/LoadingPage";
 
+// Lazy-loading for less frequented pages
 const About = lazy(() => import("./About"));
 const Disclaimer = lazy(() => import("./Disclaimer"));
 const PrivacyPolicy = lazy(() => import("./PrivacyPolicy"));

frontend/src/pages/LoadingPage.tsx

@@ -2,7 +2,7 @@ export default function LoadingPage() {
   return (
     <div className="flex items-center justify-center h-screen">
       <div className="text-center bg-paper-background/60 rounded-lg p-10">
-        <div className="animate-spin rounded-full h-12 w-12 border-b-3 border-blue-dark mx-auto mb-4" />
+        <div className="animate-spin rounded-full h-12 w-12 border-b-4 border-blue-dark mx-auto mb-4" />
         <p className="text-xl">Loading...</p>
       </div>
     </div>

frontend/src/tests/components/LoadingPage.test.tsx

@@ -0,0 +1,9 @@
+import { render, screen } from "@testing-library/react";
+import LoadingPage from "../../pages/LoadingPage";
+
+describe("LoadingPage", () => {
+  it("renders loading spinner and text", () => {
+    render(<LoadingPage />);
+    expect(screen.getByText("Loading...")).toBeInTheDocument();
+  });
+});