From 3144d94eb8e456b781109f9f5380ddeee759971f Mon Sep 17 00:00:00 2001
From: Mehul Kiran Chaudhari
 <55375534+MehulKChaudhari@users.noreply.github.com>
Date: Sat, 4 Jan 2025 21:42:46 +0530
Subject: [PATCH 1/6] add: sign in and sign out

---
 package.json                |   1 +
 pnpm-lock.yaml              |  11 +++
 src/assets/github-white.png | Bin 0 -> 13669 bytes
 src/assets/user.png         | Bin 0 -> 8167 bytes
 src/components/Dropdown.tsx |  51 ++++++++++++++
 src/components/navbar.tsx   | 134 +++++++++++++++++++++++-------------
 src/config.ts               |   2 +
 src/context/UserContext.tsx |  32 +++++++++
 src/main.tsx                |   5 +-
 src/services/api.ts         |   9 +++
 10 files changed, 195 insertions(+), 50 deletions(-)
 create mode 100644 src/assets/github-white.png
 create mode 100644 src/assets/user.png
 create mode 100644 src/components/Dropdown.tsx
 create mode 100644 src/context/UserContext.tsx
 create mode 100644 src/services/api.ts

diff --git a/package.json b/package.json
index 9047a96..87898e0 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "framer-motion": "^11.11.17",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-icons": "^5.4.0",
     "react-router-dom": "^6.28.0"
   },
   "devDependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 824784a..9ce8e4b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,6 +14,9 @@ dependencies:
   react-dom:
     specifier: ^18.3.1
     version: 18.3.1(react@18.3.1)
+  react-icons:
+    specifier: ^5.4.0
+    version: 5.4.0(react@18.3.1)
   react-router-dom:
     specifier: ^6.28.0
     version: 6.28.0(react-dom@18.3.1)(react@18.3.1)
@@ -3654,6 +3657,14 @@ packages:
       react: 18.3.1
       scheduler: 0.23.2
 
+  /react-icons@5.4.0(react@18.3.1):
+    resolution: {integrity: sha512-7eltJxgVt7X64oHh6wSWNwwbKTCtMfK35hcjvJS0yxEAhPM8oUKdS3+kqaW1vicIltw+kR2unHaa12S9pPALoQ==}
+    peerDependencies:
+      react: '*'
+    dependencies:
+      react: 18.3.1
+    dev: false
+
   /react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
     dev: true
diff --git a/src/assets/github-white.png b/src/assets/github-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c3b3cd14aece03ce138e53c6e8ecc4954b17e8a
GIT binary patch
literal 13669
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
V7Rh@e&p;$VLFS!wiKL<L{{W5BFZuug

literal 0
HcmV?d00001

diff --git a/src/assets/user.png b/src/assets/user.png
new file mode 100644
index 0000000000000000000000000000000000000000..a85e81f30544eb90e7a2fd096e94e4672898af61
GIT binary patch
literal 8167
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
A4FCWD

literal 0
HcmV?d00001

diff --git a/src/components/Dropdown.tsx b/src/components/Dropdown.tsx
new file mode 100644
index 0000000..3a64a26
--- /dev/null
+++ b/src/components/Dropdown.tsx
@@ -0,0 +1,51 @@
+import React, { useEffect, useRef } from 'react';
+
+interface DropdownProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onSignOut: () => void;
+}
+
+const Dropdown: React.FC<DropdownProps> = ({ isOpen, onClose, onSignOut }) => {
+  const dropdownRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
+        onClose();
+      }
+    };
+
+    if (isOpen) {
+      document.addEventListener('mousedown', handleClickOutside);
+    }
+
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [isOpen, onClose]);
+
+  if (!isOpen) return null;
+
+  return (
+    <div
+      ref={dropdownRef}
+      className="absolute right-0 top-full mt-2 w-48 bg-white rounded-md shadow-lg z-10"
+      style={{ 
+        border: '1px solid #e5e7eb',
+        transform: 'translateY(0)',
+      }}
+    >
+      <div className="py-1">
+        <button
+          onClick={onSignOut}
+          className="block w-full text-left px-4 py-2 text-blue-600 hover:bg-gray-100 transition-colors duration-150"
+        >
+          Sign Out
+        </button>
+      </div>
+    </div>
+  );
+};
+
+export default Dropdown;
\ No newline at end of file
diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index e5b5fd1..d2a8555 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -1,79 +1,115 @@
-import React, { useEffect } from 'react';
-import { getConfig, validateEnv } from '../config';
+import React, { useState, useEffect } from 'react';
+import { getConfig } from '../config';
 import RDSLogo from '../assets/rds-logo.svg';
+import GITHUB_LOGO from '../assets/github-white.png';
+import DEFAULT_AVATAR from '../assets/user.png';
+import { useUserContext } from '../context/UserContext';
+import fetchApi from '../services/api';
+import Dropdown from './Dropdown';
+import { FaChevronDown } from 'react-icons/fa';
 
 const Navbar: React.FC = () => {
   const { welcomeSiteUrl, membersSiteUrl, statusSiteUrl } = getConfig();
+  const { user, setUser } = useUserContext();
+  const [isLoggedIn, setIsLoggedIn] = useState(false);
+  const [dropdownOpen, setDropdownOpen] = useState(false);
+  const { rdsBackendBaseUrl } = getConfig();
+  const authUrl = `${rdsBackendBaseUrl}/auth/github/login?redirectURL=${window.location.href}`;
 
   useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const responseJson = await fetchApi(`${rdsBackendBaseUrl}/users?profile=true`);
+        setIsLoggedIn(true);
+        setUser({
+          userName: responseJson.username,
+          firstName: responseJson.first_name,
+          profilePicture: responseJson.picture?.url ?? DEFAULT_AVATAR,
+        });
+      } catch (error) {
+        console.error(error);
+        setIsLoggedIn(false);
+      }
+    };
+
+    fetchData();
+  }, []);
+
+  const handleSignIn = () => {
+    window.location.href = authUrl;
+  };
+
+  const handleSignOut = async () => {
     try {
-      validateEnv();
+      await fetchApi(`${rdsBackendBaseUrl}/users/signout`, { method: 'POST' });
+      setIsLoggedIn(false);
+      setUser(null);
+      setDropdownOpen(false);
     } catch (error) {
-      console.error('Environment validation error:', error);
+      console.error('Sign out error:', error);
     }
-  }, []);
+  };
+
+  const toggleDropdown = () => {
+    setDropdownOpen(!dropdownOpen);
+  };
+
+   const handleCloseDropdown = () => {
+    setDropdownOpen(false);
+  };
 
   return (
-    <nav
-      className="fixed left-0 top-0 z-50 w-full border-b border-gray-100 bg-primary p-2"
-      aria-label="Main Navigation"
-      data-testid="navbar"
-    >
+    <nav className="fixed left-0 top-0 z-50 w-full border-b border-gray-100 bg-primary p-2" aria-label="Main Navigation" data-testid="navbar">
       <div className="mx-auto flex h-14 w-full max-w-screen-2xl items-center gap-6 px-6">
-        <a
-          href="/"
-          className="flex items-center"
-          aria-label="Home"
-          data-testid="navbar-home-link"
-        >
+        <a href="/" className="flex items-center" aria-label="Home" data-testid="navbar-home-link">
           <img src={RDSLogo} alt="RDS Logo" className="h-12 w-12" />
         </a>
 
         <div className="flex items-center space-x-6">
-          <a
-            href={welcomeSiteUrl}
-            className="text-white hover:text-accent"
-            target="_blank"
-            rel="noopener noreferrer"
-            aria-label="Go to Welcome site"
-            data-testid="navbar-welcome-link"
-          >
+          <a href={welcomeSiteUrl} className="text-white hover:text-accent" target="_blank" rel="noopener noreferrer" aria-label="Go to Welcome site" data-testid="navbar-welcome-link">
             Welcome
           </a>
-          <a
-            href={membersSiteUrl}
-            className="text-white hover:text-accent"
-            target="_blank"
-            rel="noopener noreferrer"
-            aria-label="Go to Members site"
-            data-testid="navbar-members-link"
-          >
+          <a href={membersSiteUrl} className="text-white hover:text-accent" target="_blank" rel="noopener noreferrer" aria-label="Go to Members site" data-testid="navbar-members-link">
             Members
           </a>
-          <a
-            href={statusSiteUrl}
-            className="text-white hover:text-accent"
-            target="_blank"
-            rel="noopener noreferrer"
-            aria-label="Go to Status site"
-            data-testid="navbar-status-link"
-          >
+          <a href={statusSiteUrl} className="text-white hover:text-accent" target="_blank" rel="noopener noreferrer" aria-label="Go to Status site" data-testid="navbar-status-link">
             Status
           </a>
         </div>
 
-        <div className="ml-auto">
-          <button
-            className="rounded bg-secondary px-4 py-2 text-white hover:bg-accent"
-            aria-label="Sign In"
-            data-testid="navbar-signin-btn"
-          >
-            Sign In
-          </button>
+        <div className="ml-auto relative">
+          {!isLoggedIn ? (
+            <button
+              onClick={handleSignIn}
+              className="border border-white text-white bg-transparent rounded px-4 py-2 hover:bg-white hover:text-primary"
+              aria-label="Sign In"
+              data-testid="navbar-signin-btn"
+              style={{ fontSize: '16px', fontWeight: 700 }}
+            >
+              Sign in with GitHub
+              <img src={GITHUB_LOGO} alt="GitHub Icon" height="15px" width="15px" />
+            </button>
+          ) : (
+            <div className="flex items-center gap-2 relative">
+              <span className="inline-block text-white cursor-pointer" style={{ fontSize: '16px', fontWeight: 700 }} onClick={toggleDropdown}>
+                {`Hello, ${user?.firstName}`}
+              </span>
+              <img src={user?.profilePicture || DEFAULT_AVATAR} alt="Profile pic" className="h-7 w-7 overflow-hidden rounded-full" onClick={toggleDropdown} />
+              <FaChevronDown 
+                className={`h-4 w-4 text-white transition-transform ${dropdownOpen ? 'rotate-180' : ''}`} 
+                onClick={toggleDropdown} 
+              />
+              <Dropdown 
+                isOpen={dropdownOpen} 
+                onClose={handleCloseDropdown}
+                onSignOut={handleSignOut} 
+              />
+            </div>
+          )}
         </div>
       </div>
     </nav>
   );
 };
 
-export default Navbar;
+export default Navbar;
\ No newline at end of file
diff --git a/src/config.ts b/src/config.ts
index 694adad..5c0c0c9 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -11,6 +11,8 @@ const config: Config = {
   welcomeSiteUrl: import.meta.env.VITE_REACT_WELCOME_SITE_URL,
   membersSiteUrl: import.meta.env.VITE_REACT_MEMBERS_SITE_URL,
   statusSiteUrl: import.meta.env.VITE_REACT_STATUS_SITE_URL,
+  featureFlagUrl: import.meta.env.VITE_REACT_FEATUREFLAG_SITE_URL,
+  rdsBackendBaseUrl: import.meta.env.VITE_REACT_RDS_BACKEND_BASE_URL
 };
 
 export const getConfig = () => {
diff --git a/src/context/UserContext.tsx b/src/context/UserContext.tsx
new file mode 100644
index 0000000..623ecd4
--- /dev/null
+++ b/src/context/UserContext.tsx
@@ -0,0 +1,32 @@
+import React, { createContext, useContext, useState } from 'react';
+
+interface User {
+  userName: string;
+  firstName: string;
+  profilePicture: string;
+}
+
+interface UserContextType {
+  user: User | null;
+  setUser: (user: User | null) => void;
+}
+
+const UserContext = createContext<UserContextType | undefined>(undefined);
+
+export const UserProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const [user, setUser] = useState<User | null>(null);
+
+  return (
+    <UserContext.Provider value={{ user, setUser }}>
+      {children}
+    </UserContext.Provider>
+  );
+};
+
+export const useUserContext = () => {
+  const context = useContext(UserContext);
+  if (!context) {
+    throw new Error('useUserContext must be used within a UserProvider');
+  }
+  return context;
+}; 
\ No newline at end of file
diff --git a/src/main.tsx b/src/main.tsx
index cc14d83..df555c8 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,9 +2,12 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import './index.css';
 import App from './App';
+import { UserProvider } from './context/UserContext';
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <App />
+    <UserProvider>
+      <App />
+    </UserProvider>
   </StrictMode>,
 );
diff --git a/src/services/api.ts b/src/services/api.ts
new file mode 100644
index 0000000..abf5903
--- /dev/null
+++ b/src/services/api.ts
@@ -0,0 +1,9 @@
+const fetchApi = async (url: string, options: RequestInit = {}) => {
+  const response = await fetch(url, { credentials: 'include', ...options });
+  if (!response.ok) {
+    throw new Error(`${response.status} (${response.statusText})`);
+  }
+  return response.json();
+};
+
+export default fetchApi; 
\ No newline at end of file

From 39e90fcd8c9fd4fba8f3c7025af6f02ce83a881a Mon Sep 17 00:00:00 2001
From: Mehul Kiran Chaudhari
 <55375534+MehulKChaudhari@users.noreply.github.com>
Date: Sun, 5 Jan 2025 01:00:15 +0530
Subject: [PATCH 2/6] add: auth context

---
 package.json                      |   7 +-
 pnpm-lock.yaml                    | 391 +++++++++++++++++++++++-------
 src/App.tsx                       |  38 ++-
 src/components/Dropdown.tsx       |  25 +-
 src/components/ProtectedRoute.tsx |  29 +++
 src/components/Spinner.tsx        |  14 ++
 src/components/navbar.tsx         | 139 ++++++-----
 src/config.ts                     |   2 +-
 src/constants/appConstants.ts     |   4 +
 src/context/AuthContext.tsx       |  61 +++++
 src/context/UserContext.tsx       |  32 ---
 src/main.tsx                      |   5 +-
 src/services/api.ts               |  27 ++-
 src/types/auth.ts                 |  12 +
 src/types/user.ts                 |  13 +
 tests/components/Navbar.test.tsx  |   2 +-
 16 files changed, 597 insertions(+), 204 deletions(-)
 create mode 100644 src/components/ProtectedRoute.tsx
 create mode 100644 src/components/Spinner.tsx
 create mode 100644 src/constants/appConstants.ts
 create mode 100644 src/context/AuthContext.tsx
 delete mode 100644 src/context/UserContext.tsx
 create mode 100644 src/types/auth.ts
 create mode 100644 src/types/user.ts

diff --git a/package.json b/package.json
index 87898e0..c89d1e8 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,9 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev:server": "vite --port 4000",
+    "dev:reverse-ssl": "local-ssl-proxy --source 443 --target 4000",
+    "dev": "run-p dev:*",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
@@ -17,8 +19,11 @@
   },
   "dependencies": {
     "framer-motion": "^11.11.17",
+    "local-ssl-proxy": "^2.0.5",
+    "npm-run-all": "^4.1.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-hot-toast": "^2.5.1",
     "react-icons": "^5.4.0",
     "react-router-dom": "^6.28.0"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9ce8e4b..76bbfc6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,12 +8,21 @@ dependencies:
   framer-motion:
     specifier: ^11.11.17
     version: 11.13.1(react-dom@18.3.1)(react@18.3.1)
+  local-ssl-proxy:
+    specifier: ^2.0.5
+    version: 2.0.5
+  npm-run-all:
+    specifier: ^4.1.5
+    version: 4.1.5
   react:
     specifier: ^18.3.1
     version: 18.3.1
   react-dom:
     specifier: ^18.3.1
     version: 18.3.1(react@18.3.1)
+  react-hot-toast:
+    specifier: ^2.5.1
+    version: 2.5.1(react-dom@18.3.1)(react@18.3.1)
   react-icons:
     specifier: ^5.4.0
     version: 5.4.0(react@18.3.1)
@@ -1275,6 +1284,11 @@ packages:
       uri-js: 4.4.1
     dev: true
 
+  /ansi-colors@4.1.3:
+    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
+    engines: {node: '>=6'}
+    dev: false
+
   /ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
@@ -1285,6 +1299,13 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
+  /ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+    dependencies:
+      color-convert: 1.9.3
+    dev: false
+
   /ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
@@ -1339,7 +1360,6 @@ packages:
     dependencies:
       call-bind: 1.0.7
       is-array-buffer: 3.0.4
-    dev: true
 
   /array-includes@3.1.8:
     resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
@@ -1420,7 +1440,6 @@ packages:
       get-intrinsic: 1.2.4
       is-array-buffer: 3.0.4
       is-shared-array-buffer: 1.0.3
-    dev: true
 
   /assertion-error@2.0.1:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
@@ -1456,7 +1475,6 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       possible-typed-array-names: 1.0.0
-    dev: true
 
   /axe-core@4.10.2:
     resolution: {integrity: sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==}
@@ -1470,7 +1488,6 @@ packages:
 
   /balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-    dev: true
 
   /binary-extensions@2.3.0:
     resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
@@ -1482,7 +1499,6 @@ packages:
     dependencies:
       balanced-match: 1.0.2
       concat-map: 0.0.1
-    dev: true
 
   /brace-expansion@2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
@@ -1522,7 +1538,6 @@ packages:
       function-bind: 1.1.2
       get-intrinsic: 1.2.4
       set-function-length: 1.2.2
-    dev: true
 
   /callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
@@ -1549,6 +1564,15 @@ packages:
       pathval: 2.0.0
     dev: true
 
+  /chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
+    dev: false
+
   /chalk@3.0.0:
     resolution: {integrity: sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==}
     engines: {node: '>=8'}
@@ -1590,6 +1614,12 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+    dependencies:
+      color-name: 1.1.3
+    dev: false
+
   /color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
@@ -1597,6 +1627,10 @@ packages:
       color-name: 1.1.4
     dev: true
 
+  /color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+    dev: false
+
   /color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
     dev: true
@@ -1608,6 +1642,11 @@ packages:
       delayed-stream: 1.0.0
     dev: true
 
+  /commander@10.0.1:
+    resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
+    engines: {node: '>=14'}
+    dev: false
+
   /commander@4.1.1:
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
     engines: {node: '>= 6'}
@@ -1615,7 +1654,6 @@ packages:
 
   /concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-    dev: true
 
   /confusing-browser-globals@1.0.11:
     resolution: {integrity: sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==}
@@ -1625,6 +1663,17 @@ packages:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
     dev: true
 
+  /cross-spawn@6.0.6:
+    resolution: {integrity: sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw==}
+    engines: {node: '>=4.8'}
+    dependencies:
+      nice-try: 1.0.5
+      path-key: 2.0.1
+      semver: 5.7.2
+      shebang-command: 1.2.0
+      which: 1.3.1
+    dev: false
+
   /cross-spawn@7.0.6:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
@@ -1653,7 +1702,6 @@ packages:
 
   /csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
-    dev: true
 
   /damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
@@ -1674,7 +1722,6 @@ packages:
       call-bind: 1.0.7
       es-errors: 1.3.0
       is-data-view: 1.0.1
-    dev: true
 
   /data-view-byte-length@1.0.1:
     resolution: {integrity: sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==}
@@ -1683,7 +1730,6 @@ packages:
       call-bind: 1.0.7
       es-errors: 1.3.0
       is-data-view: 1.0.1
-    dev: true
 
   /data-view-byte-offset@1.0.0:
     resolution: {integrity: sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==}
@@ -1692,7 +1738,6 @@ packages:
       call-bind: 1.0.7
       es-errors: 1.3.0
       is-data-view: 1.0.1
-    dev: true
 
   /debug@3.2.7:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
@@ -1737,7 +1782,6 @@ packages:
       es-define-property: 1.0.0
       es-errors: 1.3.0
       gopd: 1.2.0
-    dev: true
 
   /define-properties@1.2.1:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
@@ -1746,7 +1790,6 @@ packages:
       define-data-property: 1.1.4
       has-property-descriptors: 1.0.2
       object-keys: 1.1.1
-    dev: true
 
   /delayed-stream@1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
@@ -1814,6 +1857,12 @@ packages:
     engines: {node: '>=0.12'}
     dev: true
 
+  /error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+    dependencies:
+      is-arrayish: 0.2.1
+    dev: false
+
   /es-abstract@1.23.5:
     resolution: {integrity: sha512-vlmniQ0WNPwXqA0BnmwV3Ng7HxiGlh6r5U6JcTMNx8OilcAGqVJBHJcPjqOMaczU9fRuRK5Px2BdVyPRnKMMVQ==}
     engines: {node: '>= 0.4'}
@@ -1864,19 +1913,16 @@ packages:
       typed-array-length: 1.0.7
       unbox-primitive: 1.0.2
       which-typed-array: 1.1.16
-    dev: true
 
   /es-define-property@1.0.0:
     resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       get-intrinsic: 1.2.4
-    dev: true
 
   /es-errors@1.3.0:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /es-iterator-helpers@1.2.0:
     resolution: {integrity: sha512-tpxqxncxnpw3c93u8n3VOzACmRFoVmWJqbWXvX/JfKbkhBw1oslgPrUfeSt2psuqyEJFD6N/9lg5i7bsKpoq+Q==}
@@ -1908,7 +1954,6 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       es-errors: 1.3.0
-    dev: true
 
   /es-set-tostringtag@2.0.3:
     resolution: {integrity: sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==}
@@ -1917,7 +1962,6 @@ packages:
       get-intrinsic: 1.2.4
       has-tostringtag: 1.0.2
       hasown: 2.0.2
-    dev: true
 
   /es-shim-unscopables@1.0.2:
     resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
@@ -1932,7 +1976,6 @@ packages:
       is-callable: 1.2.7
       is-date-object: 1.0.5
       is-symbol: 1.1.0
-    dev: true
 
   /esbuild@0.21.5:
     resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
@@ -1970,6 +2013,11 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  /escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+    dev: false
+
   /escape-string-regexp@2.0.0:
     resolution: {integrity: sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==}
     engines: {node: '>=8'}
@@ -2315,6 +2363,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /eventemitter3@4.0.7:
+    resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
+    dev: false
+
   /expect-type@1.1.0:
     resolution: {integrity: sha512-bFi65yM+xZgk+u/KRIpekdSYkTB5W1pEf0Lt8Q8Msh7b+eQ7LXVtIB1Bkm4fvclDEL1b2CZkMhv2mOeF8tMdkA==}
     engines: {node: '>=12.0.0'}
@@ -2399,11 +2451,20 @@ packages:
     resolution: {integrity: sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==}
     dev: true
 
+  /follow-redirects@1.15.9:
+    resolution: {integrity: sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+    dev: false
+
   /for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
     dependencies:
       is-callable: 1.2.7
-    dev: true
 
   /foreground-child@3.3.0:
     resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
@@ -2461,7 +2522,6 @@ packages:
 
   /function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
-    dev: true
 
   /function.prototype.name@1.1.6:
     resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
@@ -2471,11 +2531,9 @@ packages:
       define-properties: 1.2.1
       es-abstract: 1.23.5
       functions-have-names: 1.2.3
-    dev: true
 
   /functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
-    dev: true
 
   /gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
@@ -2491,7 +2549,6 @@ packages:
       has-proto: 1.1.0
       has-symbols: 1.1.0
       hasown: 2.0.2
-    dev: true
 
   /get-symbol-description@1.0.2:
     resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
@@ -2500,7 +2557,6 @@ packages:
       call-bind: 1.0.7
       es-errors: 1.3.0
       get-intrinsic: 1.2.4
-    dev: true
 
   /glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
@@ -2563,16 +2619,21 @@ packages:
     dependencies:
       define-properties: 1.2.1
       gopd: 1.2.0
-    dev: true
+
+  /goober@2.1.16(csstype@3.1.3):
+    resolution: {integrity: sha512-erjk19y1U33+XAMe1VTvIONHYoSqE4iS7BYUZfHaqeohLmnC0FdxEh7rQU+6MZ4OajItzjZFSRtVANrQwNq6/g==}
+    peerDependencies:
+      csstype: ^3.0.10
+    dependencies:
+      csstype: 3.1.3
+    dev: false
 
   /gopd@1.2.0:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
-    dev: true
 
   /graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
@@ -2580,7 +2641,11 @@ packages:
 
   /has-bigints@1.0.2:
     resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
-    dev: true
+
+  /has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+    dev: false
 
   /has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
@@ -2591,33 +2656,32 @@ packages:
     resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
     dependencies:
       es-define-property: 1.0.0
-    dev: true
 
   /has-proto@1.1.0:
     resolution: {integrity: sha512-QLdzI9IIO1Jg7f9GT1gXpPpXArAn6cS31R1eEZqz08Gc+uQ8/XiqHWt17Fiw+2p6oTTIq5GXEpQkAlA88YRl/Q==}
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.7
-    dev: true
 
   /has-symbols@1.1.0:
     resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /has-tostringtag@1.0.2:
     resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
     engines: {node: '>= 0.4'}
     dependencies:
       has-symbols: 1.1.0
-    dev: true
 
   /hasown@2.0.2:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       function-bind: 1.1.2
-    dev: true
+
+  /hosted-git-info@2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
+    dev: false
 
   /html-encoding-sniffer@4.0.0:
     resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
@@ -2640,6 +2704,17 @@ packages:
       - supports-color
     dev: true
 
+  /http-proxy@1.18.1:
+    resolution: {integrity: sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      eventemitter3: 4.0.7
+      follow-redirects: 1.15.9
+      requires-port: 1.0.0
+    transitivePeerDependencies:
+      - debug
+    dev: false
+
   /https-proxy-agent@7.0.5:
     resolution: {integrity: sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==}
     engines: {node: '>= 14'}
@@ -2699,7 +2774,6 @@ packages:
       es-errors: 1.3.0
       hasown: 2.0.2
       side-channel: 1.0.6
-    dev: true
 
   /is-array-buffer@3.0.4:
     resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
@@ -2707,21 +2781,22 @@ packages:
     dependencies:
       call-bind: 1.0.7
       get-intrinsic: 1.2.4
-    dev: true
+
+  /is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+    dev: false
 
   /is-async-function@2.0.0:
     resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
     engines: {node: '>= 0.4'}
     dependencies:
       has-tostringtag: 1.0.2
-    dev: true
 
   /is-bigint@1.1.0:
     resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       has-bigints: 1.0.2
-    dev: true
 
   /is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
@@ -2736,33 +2811,28 @@ packages:
     dependencies:
       call-bind: 1.0.7
       has-tostringtag: 1.0.2
-    dev: true
 
   /is-callable@1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /is-core-module@2.15.1:
     resolution: {integrity: sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       hasown: 2.0.2
-    dev: true
 
   /is-data-view@1.0.1:
     resolution: {integrity: sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==}
     engines: {node: '>= 0.4'}
     dependencies:
       is-typed-array: 1.1.13
-    dev: true
 
   /is-date-object@1.0.5:
     resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       has-tostringtag: 1.0.2
-    dev: true
 
   /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
@@ -2774,7 +2844,6 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.7
-    dev: true
 
   /is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
@@ -2786,7 +2855,6 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       has-tostringtag: 1.0.2
-    dev: true
 
   /is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
@@ -2798,12 +2866,10 @@ packages:
   /is-map@2.0.3:
     resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /is-negative-zero@2.0.3:
     resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /is-number-object@1.1.0:
     resolution: {integrity: sha512-KVSZV0Dunv9DTPkhXwcZ3Q+tUc9TsaE1ZwX5J2WMvsSGS6Md8TFPun5uwh0yRdrNerI6vf/tbJxqSx4c1ZI1Lw==}
@@ -2811,7 +2877,6 @@ packages:
     dependencies:
       call-bind: 1.0.7
       has-tostringtag: 1.0.2
-    dev: true
 
   /is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
@@ -2835,19 +2900,16 @@ packages:
       gopd: 1.2.0
       has-tostringtag: 1.0.2
       hasown: 2.0.2
-    dev: true
 
   /is-set@2.0.3:
     resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /is-shared-array-buffer@1.0.3:
     resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.7
-    dev: true
 
   /is-string@1.1.0:
     resolution: {integrity: sha512-PlfzajuF9vSo5wErv3MJAKD/nqf9ngAs1NFQYm16nUYFO2IzxJ2hcm+IOCg+EEopdykNNUhVq5cz35cAUxU8+g==}
@@ -2855,7 +2917,6 @@ packages:
     dependencies:
       call-bind: 1.0.7
       has-tostringtag: 1.0.2
-    dev: true
 
   /is-symbol@1.1.0:
     resolution: {integrity: sha512-qS8KkNNXUZ/I+nX6QT8ZS1/Yx0A444yhzdTKxCzKkNjQ9sHErBxJnJAgh+f5YhusYECEcjo4XcyH87hn6+ks0A==}
@@ -2864,25 +2925,21 @@ packages:
       call-bind: 1.0.7
       has-symbols: 1.1.0
       safe-regex-test: 1.0.3
-    dev: true
 
   /is-typed-array@1.1.13:
     resolution: {integrity: sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==}
     engines: {node: '>= 0.4'}
     dependencies:
       which-typed-array: 1.1.16
-    dev: true
 
   /is-weakmap@2.0.2:
     resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /is-weakref@1.0.2:
     resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
     dependencies:
       call-bind: 1.0.7
-    dev: true
 
   /is-weakset@2.0.3:
     resolution: {integrity: sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==}
@@ -2890,15 +2947,12 @@ packages:
     dependencies:
       call-bind: 1.0.7
       get-intrinsic: 1.2.4
-    dev: true
 
   /isarray@2.0.5:
     resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
-    dev: true
 
   /isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-    dev: true
 
   /istanbul-lib-coverage@3.2.2:
     resolution: {integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==}
@@ -3065,6 +3119,10 @@ packages:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
     dev: true
 
+  /json-parse-better-errors@1.0.2:
+    resolution: {integrity: sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==}
+    dev: false
+
   /json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
     dev: true
@@ -3130,6 +3188,27 @@ packages:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
     dev: true
 
+  /load-json-file@4.0.0:
+    resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==}
+    engines: {node: '>=4'}
+    dependencies:
+      graceful-fs: 4.2.11
+      parse-json: 4.0.0
+      pify: 3.0.0
+      strip-bom: 3.0.0
+    dev: false
+
+  /local-ssl-proxy@2.0.5:
+    resolution: {integrity: sha512-/oWxo8IX12HTVNWza+Ui1HNz7TfrNsVyD0+ZSyf5UZocJXdR70wfNb/xHgNfEPFyjgbsaRFdqFdfxg2d11aANQ==}
+    hasBin: true
+    dependencies:
+      ansi-colors: 4.1.3
+      commander: 10.0.1
+      http-proxy: 1.18.1
+    transitivePeerDependencies:
+      - debug
+    dev: false
+
   /locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
@@ -3191,6 +3270,11 @@ packages:
       semver: 7.6.3
     dev: true
 
+  /memorystream@0.3.1:
+    resolution: {integrity: sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==}
+    engines: {node: '>= 0.10.0'}
+    dev: false
+
   /merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
@@ -3225,7 +3309,6 @@ packages:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
       brace-expansion: 1.1.11
-    dev: true
 
   /minimatch@9.0.5:
     resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
@@ -3273,10 +3356,23 @@ packages:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
     dev: true
 
+  /nice-try@1.0.5:
+    resolution: {integrity: sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==}
+    dev: false
+
   /node-releases@2.0.18:
     resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
     dev: true
 
+  /normalize-package-data@2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+    dependencies:
+      hosted-git-info: 2.8.9
+      resolve: 1.22.8
+      semver: 5.7.2
+      validate-npm-package-license: 3.0.4
+    dev: false
+
   /normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
@@ -3287,6 +3383,22 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /npm-run-all@4.1.5:
+    resolution: {integrity: sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==}
+    engines: {node: '>= 4'}
+    hasBin: true
+    dependencies:
+      ansi-styles: 3.2.1
+      chalk: 2.4.2
+      cross-spawn: 6.0.6
+      memorystream: 0.3.1
+      minimatch: 3.1.2
+      pidtree: 0.3.1
+      read-pkg: 3.0.0
+      shell-quote: 1.8.2
+      string.prototype.padend: 3.1.6
+    dev: false
+
   /nwsapi@2.2.16:
     resolution: {integrity: sha512-F1I/bimDpj3ncaNDhfyMWuFqmQDBwDB0Fogc2qpL3BWvkQteFD/8BzWuIRl83rq0DXfm8SGt/HFhLXZyljTXcQ==}
     dev: true
@@ -3304,12 +3416,10 @@ packages:
   /object-inspect@1.13.3:
     resolution: {integrity: sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /object-keys@1.1.1:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /object.assign@4.1.5:
     resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
@@ -3319,7 +3429,6 @@ packages:
       define-properties: 1.2.1
       has-symbols: 1.1.0
       object-keys: 1.1.1
-    dev: true
 
   /object.entries@1.1.8:
     resolution: {integrity: sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==}
@@ -3401,6 +3510,14 @@ packages:
       callsites: 3.1.0
     dev: true
 
+  /parse-json@4.0.0:
+    resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==}
+    engines: {node: '>=4'}
+    dependencies:
+      error-ex: 1.3.2
+      json-parse-better-errors: 1.0.2
+    dev: false
+
   /parse5@7.2.1:
     resolution: {integrity: sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==}
     dependencies:
@@ -3417,6 +3534,11 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /path-key@2.0.1:
+    resolution: {integrity: sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==}
+    engines: {node: '>=4'}
+    dev: false
+
   /path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
@@ -3424,7 +3546,6 @@ packages:
 
   /path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-    dev: true
 
   /path-scurry@1.11.1:
     resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
@@ -3434,6 +3555,13 @@ packages:
       minipass: 7.1.2
     dev: true
 
+  /path-type@3.0.0:
+    resolution: {integrity: sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==}
+    engines: {node: '>=4'}
+    dependencies:
+      pify: 3.0.0
+    dev: false
+
   /pathe@1.1.2:
     resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
     dev: true
@@ -3452,11 +3580,22 @@ packages:
     engines: {node: '>=8.6'}
     dev: true
 
+  /pidtree@0.3.1:
+    resolution: {integrity: sha512-qQbW94hLHEqCg7nhby4yRC7G2+jYHY4Rguc2bjw7Uug4GIJuu1tvf2uHaZv5Q8zdt+WKJ6qK1FOI6amaWUo5FA==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+    dev: false
+
   /pify@2.3.0:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /pify@3.0.0:
+    resolution: {integrity: sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==}
+    engines: {node: '>=4'}
+    dev: false
+
   /pirates@4.0.6:
     resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
     engines: {node: '>= 6'}
@@ -3465,7 +3604,6 @@ packages:
   /possible-typed-array-names@1.0.0:
     resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /postcss-import@15.1.0(postcss@8.4.49):
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
@@ -3657,6 +3795,19 @@ packages:
       react: 18.3.1
       scheduler: 0.23.2
 
+  /react-hot-toast@2.5.1(react-dom@18.3.1)(react@18.3.1):
+    resolution: {integrity: sha512-54Gq1ZD1JbmAb4psp9bvFHjS7lje+8ubboUmvKZkCsQBLH6AOpZ9JemfRvIdHcfb9AZXRaFLrb3qUobGYDJhFQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      react: '>=16'
+      react-dom: '>=16'
+    dependencies:
+      csstype: 3.1.3
+      goober: 2.1.16(csstype@3.1.3)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    dev: false
+
   /react-icons@5.4.0(react@18.3.1):
     resolution: {integrity: sha512-7eltJxgVt7X64oHh6wSWNwwbKTCtMfK35hcjvJS0yxEAhPM8oUKdS3+kqaW1vicIltw+kR2unHaa12S9pPALoQ==}
     peerDependencies:
@@ -3717,6 +3868,15 @@ packages:
       pify: 2.3.0
     dev: true
 
+  /read-pkg@3.0.0:
+    resolution: {integrity: sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==}
+    engines: {node: '>=4'}
+    dependencies:
+      load-json-file: 4.0.0
+      normalize-package-data: 2.5.0
+      path-type: 3.0.0
+    dev: false
+
   /readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
@@ -3743,7 +3903,6 @@ packages:
       get-intrinsic: 1.2.4
       gopd: 1.2.0
       which-builtin-type: 1.2.0
-    dev: true
 
   /regenerator-runtime@0.14.1:
     resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
@@ -3757,7 +3916,10 @@ packages:
       define-properties: 1.2.1
       es-errors: 1.3.0
       set-function-name: 2.0.2
-    dev: true
+
+  /requires-port@1.0.0:
+    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
+    dev: false
 
   /resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
@@ -3771,7 +3933,6 @@ packages:
       is-core-module: 2.15.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
-    dev: true
 
   /resolve@2.0.0-next.5:
     resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
@@ -3841,7 +4002,6 @@ packages:
       get-intrinsic: 1.2.4
       has-symbols: 1.1.0
       isarray: 2.0.5
-    dev: true
 
   /safe-regex-test@1.0.3:
     resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
@@ -3850,7 +4010,6 @@ packages:
       call-bind: 1.0.7
       es-errors: 1.3.0
       is-regex: 1.2.0
-    dev: true
 
   /safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
@@ -3868,6 +4027,11 @@ packages:
     dependencies:
       loose-envify: 1.4.0
 
+  /semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
+    hasBin: true
+    dev: false
+
   /semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
@@ -3889,7 +4053,6 @@ packages:
       get-intrinsic: 1.2.4
       gopd: 1.2.0
       has-property-descriptors: 1.0.2
-    dev: true
 
   /set-function-name@2.0.2:
     resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
@@ -3899,7 +4062,13 @@ packages:
       es-errors: 1.3.0
       functions-have-names: 1.2.3
       has-property-descriptors: 1.0.2
-    dev: true
+
+  /shebang-command@1.2.0:
+    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      shebang-regex: 1.0.0
+    dev: false
 
   /shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
@@ -3908,11 +4077,21 @@ packages:
       shebang-regex: 3.0.0
     dev: true
 
+  /shebang-regex@1.0.0:
+    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /shebang-regex@3.0.0:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
     dev: true
 
+  /shell-quote@1.8.2:
+    resolution: {integrity: sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
   /side-channel@1.0.6:
     resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
     engines: {node: '>= 0.4'}
@@ -3921,7 +4100,6 @@ packages:
       es-errors: 1.3.0
       get-intrinsic: 1.2.4
       object-inspect: 1.13.3
-    dev: true
 
   /siginfo@2.0.0:
     resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
@@ -3942,6 +4120,28 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
+    dependencies:
+      spdx-expression-parse: 3.0.1
+      spdx-license-ids: 3.0.20
+    dev: false
+
+  /spdx-exceptions@2.5.0:
+    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
+    dev: false
+
+  /spdx-expression-parse@3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+    dependencies:
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.20
+    dev: false
+
+  /spdx-license-ids@3.0.20:
+    resolution: {integrity: sha512-jg25NiDV/1fLtSgEgyvVyDunvaNHbuwF9lfNV17gSmPFAlYzdfNBlLtLzXTevwkPj7DhGbmN9VnmJIgLnhvaBw==}
+    dev: false
+
   /stack-utils@2.0.6:
     resolution: {integrity: sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==}
     engines: {node: '>=10'}
@@ -4002,6 +4202,16 @@ packages:
       side-channel: 1.0.6
     dev: true
 
+  /string.prototype.padend@3.1.6:
+    resolution: {integrity: sha512-XZpspuSB7vJWhvJc9DLSlrXl1mcA2BdoY5jjnS135ydXqLoqhs96JjDtCkjJEQHvfqZIp9hBuBMgI589peyx9Q==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      es-object-atoms: 1.0.0
+    dev: false
+
   /string.prototype.repeat@1.0.0:
     resolution: {integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==}
     dependencies:
@@ -4017,7 +4227,6 @@ packages:
       define-properties: 1.2.1
       es-abstract: 1.23.5
       es-object-atoms: 1.0.0
-    dev: true
 
   /string.prototype.trimend@1.0.8:
     resolution: {integrity: sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==}
@@ -4025,7 +4234,6 @@ packages:
       call-bind: 1.0.7
       define-properties: 1.2.1
       es-object-atoms: 1.0.0
-    dev: true
 
   /string.prototype.trimstart@1.0.8:
     resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
@@ -4034,7 +4242,6 @@ packages:
       call-bind: 1.0.7
       define-properties: 1.2.1
       es-object-atoms: 1.0.0
-    dev: true
 
   /strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
@@ -4053,7 +4260,6 @@ packages:
   /strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
-    dev: true
 
   /strip-indent@3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
@@ -4081,6 +4287,13 @@ packages:
       ts-interface-checker: 0.1.13
     dev: true
 
+  /supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+    dependencies:
+      has-flag: 3.0.0
+    dev: false
+
   /supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -4091,7 +4304,6 @@ packages:
   /supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
@@ -4261,7 +4473,6 @@ packages:
       call-bind: 1.0.7
       es-errors: 1.3.0
       is-typed-array: 1.1.13
-    dev: true
 
   /typed-array-byte-length@1.0.1:
     resolution: {integrity: sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==}
@@ -4272,7 +4483,6 @@ packages:
       gopd: 1.2.0
       has-proto: 1.1.0
       is-typed-array: 1.1.13
-    dev: true
 
   /typed-array-byte-offset@1.0.3:
     resolution: {integrity: sha512-GsvTyUHTriq6o/bHcTd0vM7OQ9JEdlvluu9YISaA7+KzDzPaIzEeDFNkTfhdE3MYcNhNi0vq/LlegYgIs5yPAw==}
@@ -4285,7 +4495,6 @@ packages:
       has-proto: 1.1.0
       is-typed-array: 1.1.13
       reflect.getprototypeof: 1.0.7
-    dev: true
 
   /typed-array-length@1.0.7:
     resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
@@ -4297,7 +4506,6 @@ packages:
       is-typed-array: 1.1.13
       possible-typed-array-names: 1.0.0
       reflect.getprototypeof: 1.0.7
-    dev: true
 
   /typescript-eslint@8.17.0(eslint@8.57.1)(typescript@5.6.3):
     resolution: {integrity: sha512-409VXvFd/f1br1DCbuKNFqQpXICoTB+V51afcwG1pn1a3Cp92MqAUges3YjwEdQ0cMUoCIodjVDAYzyD8h3SYA==}
@@ -4331,7 +4539,6 @@ packages:
       has-bigints: 1.0.2
       has-symbols: 1.1.0
       which-boxed-primitive: 1.1.0
-    dev: true
 
   /undici-types@6.20.0:
     resolution: {integrity: sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==}
@@ -4358,6 +4565,13 @@ packages:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
 
+  /validate-npm-package-license@3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+    dependencies:
+      spdx-correct: 3.2.0
+      spdx-expression-parse: 3.0.1
+    dev: false
+
   /vite-node@2.1.8(@types/node@22.10.1):
     resolution: {integrity: sha512-uPAwSr57kYjAUux+8E2j0q0Fxpn8M9VoyfGiRI8Kfktz9NcYMCenwY5RnZxnF1WTu3TGiYipirIzacLL3VVGFg==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -4519,7 +4733,6 @@ packages:
       is-number-object: 1.1.0
       is-string: 1.1.0
       is-symbol: 1.1.0
-    dev: true
 
   /which-builtin-type@1.2.0:
     resolution: {integrity: sha512-I+qLGQ/vucCby4tf5HsLmGueEla4ZhwTBSqaooS+Y0BuxN4Cp+okmGuV+8mXZ84KDI9BA+oklo+RzKg0ONdSUA==}
@@ -4538,7 +4751,6 @@ packages:
       which-boxed-primitive: 1.1.0
       which-collection: 1.0.2
       which-typed-array: 1.1.16
-    dev: true
 
   /which-collection@1.0.2:
     resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
@@ -4548,7 +4760,6 @@ packages:
       is-set: 2.0.3
       is-weakmap: 2.0.2
       is-weakset: 2.0.3
-    dev: true
 
   /which-typed-array@1.1.16:
     resolution: {integrity: sha512-g+N+GAWiRj66DngFwHvISJd+ITsyphZvD1vChfVg6cEdnzy53GzB3oy0fUNlvhz7H7+MiqhYr26qxQShCpKTTQ==}
@@ -4559,7 +4770,13 @@ packages:
       for-each: 0.3.3
       gopd: 1.2.0
       has-tostringtag: 1.0.2
-    dev: true
+
+  /which@1.3.1:
+    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: false
 
   /which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
diff --git a/src/App.tsx b/src/App.tsx
index 4b8b734..f5ec73e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,20 +1,38 @@
-import './App.css';
+import React from 'react';
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import FeatureFlagList from './pages/FeatureFlagList';
 import FeatureFlagDetails from './pages/FeatureFlagDetails';
 import Landing from './pages/Landing';
-import Navbar from './components/navbar';
+import Navbar from './components/Navbar';
+import { AuthProvider } from './context/AuthContext';
+import ProtectedRoute from './components/ProtectedRoute';
 
 const App = () => {
   return (
-    <BrowserRouter>
-      <Navbar />
-      <Routes>
-        <Route path="/" element={<Landing />} />
-        <Route path="/featureFlag" element={<FeatureFlagList />} />
-        <Route path="/featureFlag/:id" element={<FeatureFlagDetails />} />
-      </Routes>
-    </BrowserRouter>
+    <AuthProvider>
+      <BrowserRouter>
+        <Navbar />
+        <Routes>
+          <Route path="/" element={<Landing />} />
+          <Route
+            path="/featureFlag"
+            element={
+              <ProtectedRoute>
+                <FeatureFlagList />
+              </ProtectedRoute>
+            }
+          />
+          <Route
+            path="/featureFlag/:id"
+            element={
+              <ProtectedRoute>
+                <FeatureFlagDetails />
+              </ProtectedRoute>
+            }
+          />
+        </Routes>
+      </BrowserRouter>
+    </AuthProvider>
   );
 };
 
diff --git a/src/components/Dropdown.tsx b/src/components/Dropdown.tsx
index 3a64a26..5d8222a 100644
--- a/src/components/Dropdown.tsx
+++ b/src/components/Dropdown.tsx
@@ -11,17 +11,28 @@ const Dropdown: React.FC<DropdownProps> = ({ isOpen, onClose, onSignOut }) => {
 
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent) => {
-      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
+      if (
+        dropdownRef.current &&
+        !dropdownRef.current.contains(event.target as Node)
+      ) {
+        onClose();
+      }
+    };
+
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') {
         onClose();
       }
     };
 
     if (isOpen) {
       document.addEventListener('mousedown', handleClickOutside);
+      document.addEventListener('keydown', handleKeyDown);
     }
 
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
+      document.removeEventListener('keydown', handleKeyDown);
     };
   }, [isOpen, onClose]);
 
@@ -30,8 +41,10 @@ const Dropdown: React.FC<DropdownProps> = ({ isOpen, onClose, onSignOut }) => {
   return (
     <div
       ref={dropdownRef}
-      className="absolute right-0 top-full mt-2 w-48 bg-white rounded-md shadow-lg z-10"
-      style={{ 
+      className="absolute right-0 top-full z-10 mt-2 w-48 rounded-md bg-white shadow-lg"
+      role="menu"
+      aria-label="User menu"
+      style={{
         border: '1px solid #e5e7eb',
         transform: 'translateY(0)',
       }}
@@ -39,7 +52,9 @@ const Dropdown: React.FC<DropdownProps> = ({ isOpen, onClose, onSignOut }) => {
       <div className="py-1">
         <button
           onClick={onSignOut}
-          className="block w-full text-left px-4 py-2 text-blue-600 hover:bg-gray-100 transition-colors duration-150"
+          className="block w-full px-4 py-2 text-left text-sm font-bold text-blue-600 transition-colors duration-150 hover:bg-gray-100"
+          role="menuitem"
+          aria-label="Sign out"
         >
           Sign Out
         </button>
@@ -48,4 +63,4 @@ const Dropdown: React.FC<DropdownProps> = ({ isOpen, onClose, onSignOut }) => {
   );
 };
 
-export default Dropdown;
\ No newline at end of file
+export default Dropdown;
diff --git a/src/components/ProtectedRoute.tsx b/src/components/ProtectedRoute.tsx
new file mode 100644
index 0000000..1add671
--- /dev/null
+++ b/src/components/ProtectedRoute.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import { Navigate, useLocation } from 'react-router-dom';
+import { useAuth } from '../context/AuthContext';
+import Spinner from './Spinner';
+
+interface ProtectedRouteProps {
+  children: React.ReactNode;
+}
+
+const ProtectedRoute: React.FC<ProtectedRouteProps> = ({ children }) => {
+  const { user, isLoading } = useAuth();
+  const location = useLocation();
+
+  if (isLoading) {
+    return (
+      <div className="flex min-h-screen items-center justify-center">
+        <Spinner />
+      </div>
+    );
+  }
+
+  if (!user) {
+    return <Navigate to="/" state={{ from: location }} replace />;
+  }
+
+  return <>{children}</>;
+};
+
+export default ProtectedRoute;
diff --git a/src/components/Spinner.tsx b/src/components/Spinner.tsx
new file mode 100644
index 0000000..d270f26
--- /dev/null
+++ b/src/components/Spinner.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+
+const Spinner: React.FC = () => {
+  return (
+    <div
+      className="flex h-full items-center justify-center"
+      data-testid="spinner"
+    >
+      <div className="h-10 w-10 animate-spin rounded-full border-4 border-primary border-t-transparent" />
+    </div>
+  );
+};
+
+export default Spinner;
diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index d2a8555..88fa9c9 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -1,108 +1,129 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState } from 'react';
 import { getConfig } from '../config';
+import { useAuth } from '../context/AuthContext';
+import Dropdown from './Dropdown';
+import { signInUrl } from '../services/api';
 import RDSLogo from '../assets/rds-logo.svg';
 import GITHUB_LOGO from '../assets/github-white.png';
 import DEFAULT_AVATAR from '../assets/user.png';
-import { useUserContext } from '../context/UserContext';
-import fetchApi from '../services/api';
-import Dropdown from './Dropdown';
 import { FaChevronDown } from 'react-icons/fa';
+import { useNavigate } from 'react-router-dom';
 
 const Navbar: React.FC = () => {
   const { welcomeSiteUrl, membersSiteUrl, statusSiteUrl } = getConfig();
-  const { user, setUser } = useUserContext();
-  const [isLoggedIn, setIsLoggedIn] = useState(false);
+  const { user, signout } = useAuth();
   const [dropdownOpen, setDropdownOpen] = useState(false);
-  const { rdsBackendBaseUrl } = getConfig();
-  const authUrl = `${rdsBackendBaseUrl}/auth/github/login?redirectURL=${window.location.href}`;
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const responseJson = await fetchApi(`${rdsBackendBaseUrl}/users?profile=true`);
-        setIsLoggedIn(true);
-        setUser({
-          userName: responseJson.username,
-          firstName: responseJson.first_name,
-          profilePicture: responseJson.picture?.url ?? DEFAULT_AVATAR,
-        });
-      } catch (error) {
-        console.error(error);
-        setIsLoggedIn(false);
-      }
-    };
-
-    fetchData();
-  }, []);
+  const navigate = useNavigate();
 
   const handleSignIn = () => {
-    window.location.href = authUrl;
+    window.location.href = signInUrl;
+    navigate('/featureFlag');
   };
 
   const handleSignOut = async () => {
     try {
-      await fetchApi(`${rdsBackendBaseUrl}/users/signout`, { method: 'POST' });
-      setIsLoggedIn(false);
-      setUser(null);
+      await signout();
       setDropdownOpen(false);
     } catch (error) {
       console.error('Sign out error:', error);
     }
   };
 
-  const toggleDropdown = () => {
-    setDropdownOpen(!dropdownOpen);
-  };
-
-   const handleCloseDropdown = () => {
-    setDropdownOpen(false);
-  };
+  const toggleDropdown = () => setDropdownOpen((prev) => !prev);
+  const handleCloseDropdown = () => setDropdownOpen(false);
 
   return (
-    <nav className="fixed left-0 top-0 z-50 w-full border-b border-gray-100 bg-primary p-2" aria-label="Main Navigation" data-testid="navbar">
+    <nav
+      className="fixed left-0 top-0 z-50 w-full border-b border-gray-100 bg-primary p-2"
+      aria-label="Main Navigation"
+      data-testid="navbar"
+    >
       <div className="mx-auto flex h-14 w-full max-w-screen-2xl items-center gap-6 px-6">
-        <a href="/" className="flex items-center" aria-label="Home" data-testid="navbar-home-link">
+        <a
+          href="/"
+          className="flex items-center"
+          aria-label="Home"
+          data-testid="navbar-home-link"
+        >
           <img src={RDSLogo} alt="RDS Logo" className="h-12 w-12" />
         </a>
 
         <div className="flex items-center space-x-6">
-          <a href={welcomeSiteUrl} className="text-white hover:text-accent" target="_blank" rel="noopener noreferrer" aria-label="Go to Welcome site" data-testid="navbar-welcome-link">
+          <a
+            href={welcomeSiteUrl}
+            className="text-white hover:text-accent"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="Go to Welcome site"
+            data-testid="navbar-welcome-link"
+          >
             Welcome
           </a>
-          <a href={membersSiteUrl} className="text-white hover:text-accent" target="_blank" rel="noopener noreferrer" aria-label="Go to Members site" data-testid="navbar-members-link">
+          <a
+            href={membersSiteUrl}
+            className="text-white hover:text-accent"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="Go to Members site"
+            data-testid="navbar-members-link"
+          >
             Members
           </a>
-          <a href={statusSiteUrl} className="text-white hover:text-accent" target="_blank" rel="noopener noreferrer" aria-label="Go to Status site" data-testid="navbar-status-link">
+          <a
+            href={statusSiteUrl}
+            className="text-white hover:text-accent"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="Go to Status site"
+            data-testid="navbar-status-link"
+          >
             Status
           </a>
         </div>
 
-        <div className="ml-auto relative">
-          {!isLoggedIn ? (
+        <div className="relative ml-auto">
+          {!user ? (
             <button
               onClick={handleSignIn}
-              className="border border-white text-white bg-transparent rounded px-4 py-2 hover:bg-white hover:text-primary"
+              className="flex items-center rounded-lg border-2 border-white bg-transparent px-4 py-2 text-base text-white transition-shadow duration-200 hover:shadow-lg"
               aria-label="Sign In"
               data-testid="navbar-signin-btn"
-              style={{ fontSize: '16px', fontWeight: 700 }}
             >
               Sign in with GitHub
-              <img src={GITHUB_LOGO} alt="GitHub Icon" height="15px" width="15px" />
+              <img
+                src={GITHUB_LOGO}
+                alt="GitHub Icon"
+                height="20px"
+                width="20px"
+                className="ml-2"
+              />
             </button>
           ) : (
-            <div className="flex items-center gap-2 relative">
-              <span className="inline-block text-white cursor-pointer" style={{ fontSize: '16px', fontWeight: 700 }} onClick={toggleDropdown}>
-                {`Hello, ${user?.firstName}`}
+            <div
+              className="relative flex items-center gap-2"
+              onClick={toggleDropdown}
+              role="button"
+              aria-haspopup="true"
+              aria-expanded={dropdownOpen}
+              tabIndex={0}
+              onKeyDown={(e) => e.key === 'Enter' && toggleDropdown()}
+            >
+              <span className="inline-block cursor-pointer text-base font-bold text-white">
+                {`Hello, ${user.firstName || 'User'}`}
               </span>
-              <img src={user?.profilePicture || DEFAULT_AVATAR} alt="Profile pic" className="h-7 w-7 overflow-hidden rounded-full" onClick={toggleDropdown} />
-              <FaChevronDown 
-                className={`h-4 w-4 text-white transition-transform ${dropdownOpen ? 'rotate-180' : ''}`} 
-                onClick={toggleDropdown} 
+              <img
+                src={user.profilePicture || DEFAULT_AVATAR}
+                alt="Profile picture"
+                className="h-7 w-7 overflow-hidden rounded-full"
+              />
+              <FaChevronDown
+                className={`h-4 w-4 text-white transition-transform ${dropdownOpen ? 'rotate-180' : ''}`}
+                onClick={toggleDropdown}
               />
-              <Dropdown 
-                isOpen={dropdownOpen} 
+              <Dropdown
+                isOpen={dropdownOpen}
                 onClose={handleCloseDropdown}
-                onSignOut={handleSignOut} 
+                onSignOut={handleSignOut}
               />
             </div>
           )}
@@ -112,4 +133,4 @@ const Navbar: React.FC = () => {
   );
 };
 
-export default Navbar;
\ No newline at end of file
+export default Navbar;
diff --git a/src/config.ts b/src/config.ts
index 5c0c0c9..9eb569e 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -12,7 +12,7 @@ const config: Config = {
   membersSiteUrl: import.meta.env.VITE_REACT_MEMBERS_SITE_URL,
   statusSiteUrl: import.meta.env.VITE_REACT_STATUS_SITE_URL,
   featureFlagUrl: import.meta.env.VITE_REACT_FEATUREFLAG_SITE_URL,
-  rdsBackendBaseUrl: import.meta.env.VITE_REACT_RDS_BACKEND_BASE_URL
+  rdsBackendBaseUrl: import.meta.env.VITE_REACT_RDS_BACKEND_BASE_URL,
 };
 
 export const getConfig = () => {
diff --git a/src/constants/appConstants.ts b/src/constants/appConstants.ts
new file mode 100644
index 0000000..2e8c740
--- /dev/null
+++ b/src/constants/appConstants.ts
@@ -0,0 +1,4 @@
+export const AUTHENTICATION_FAILED_MESSAGE = 'Failed to authenticate';
+export const SIGN_OUT_FAILED_MESSAGE = 'Failed to sign out';
+export const USE_AUTH_ERROR_MESSAGE =
+  'useAuth must be used within an AuthProvider';
diff --git a/src/context/AuthContext.tsx b/src/context/AuthContext.tsx
new file mode 100644
index 0000000..1b7d900
--- /dev/null
+++ b/src/context/AuthContext.tsx
@@ -0,0 +1,61 @@
+import React, { createContext, useContext, useState, useEffect } from 'react';
+import { AuthContextType } from '../types/auth';
+import { User } from '../types/user';
+import { fetchUserProfile, signOut } from '../services/api';
+import {
+  AUTHENTICATION_FAILED_MESSAGE,
+  SIGN_OUT_FAILED_MESSAGE,
+  USE_AUTH_ERROR_MESSAGE,
+} from '../constants/appConstants'; // Import constants
+
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
+export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({
+  children,
+}) => {
+  const [user, setUser] = useState<User | null>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    const initializeAuth = async () => {
+      try {
+        const userProfile = await fetchUserProfile();
+        setUser(userProfile);
+      } catch (err) {
+        setError(AUTHENTICATION_FAILED_MESSAGE);
+        console.error('Authentication error:', err);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    initializeAuth();
+  }, []);
+
+  const signout = async () => {
+    try {
+      await signOut();
+      setUser(null);
+    } catch (err) {
+      setError(SIGN_OUT_FAILED_MESSAGE);
+      console.error('Sign out error:', err);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <AuthContext.Provider value={{ user, isLoading, error, setUser, signout }}>
+      {children}
+    </AuthContext.Provider>
+  );
+};
+
+export const useAuth = () => {
+  const context = useContext(AuthContext);
+  if (context === undefined) {
+    throw new Error(USE_AUTH_ERROR_MESSAGE);
+  }
+  return context;
+};
diff --git a/src/context/UserContext.tsx b/src/context/UserContext.tsx
deleted file mode 100644
index 623ecd4..0000000
--- a/src/context/UserContext.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React, { createContext, useContext, useState } from 'react';
-
-interface User {
-  userName: string;
-  firstName: string;
-  profilePicture: string;
-}
-
-interface UserContextType {
-  user: User | null;
-  setUser: (user: User | null) => void;
-}
-
-const UserContext = createContext<UserContextType | undefined>(undefined);
-
-export const UserProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
-  const [user, setUser] = useState<User | null>(null);
-
-  return (
-    <UserContext.Provider value={{ user, setUser }}>
-      {children}
-    </UserContext.Provider>
-  );
-};
-
-export const useUserContext = () => {
-  const context = useContext(UserContext);
-  if (!context) {
-    throw new Error('useUserContext must be used within a UserProvider');
-  }
-  return context;
-}; 
\ No newline at end of file
diff --git a/src/main.tsx b/src/main.tsx
index df555c8..cc14d83 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,12 +2,9 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import './index.css';
 import App from './App';
-import { UserProvider } from './context/UserContext';
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <UserProvider>
-      <App />
-    </UserProvider>
+    <App />
   </StrictMode>,
 );
diff --git a/src/services/api.ts b/src/services/api.ts
index abf5903..e47c0b4 100644
--- a/src/services/api.ts
+++ b/src/services/api.ts
@@ -1,9 +1,28 @@
-const fetchApi = async (url: string, options: RequestInit = {}) => {
-  const response = await fetch(url, { credentials: 'include', ...options });
+import { getConfig } from '../config';
+
+const { rdsBackendBaseUrl } = getConfig();
+
+export const signInUrl = `${rdsBackendBaseUrl}/auth/github/login?redirectURL=${window.location.href}`;
+
+export const fetchData = async (url: string) => {
+  const response = await fetch(url, {
+    credentials: 'include',
+  });
+  return response;
+};
+
+export const fetchUserProfile = async () => {
+  const response = await fetchData(`${rdsBackendBaseUrl}/users?profile=true`);
   if (!response.ok) {
-    throw new Error(`${response.status} (${response.statusText})`);
+    throw new Error('Failed to fetch user profile');
   }
   return response.json();
 };
 
-export default fetchApi; 
\ No newline at end of file
+export const signOut = async () => {
+  const response = await fetchData(`${rdsBackendBaseUrl}/auth/signout`);
+  if (!response.ok) {
+    throw new Error('Failed to sign out');
+  }
+  return response.json();
+};
diff --git a/src/types/auth.ts b/src/types/auth.ts
new file mode 100644
index 0000000..0628ecf
--- /dev/null
+++ b/src/types/auth.ts
@@ -0,0 +1,12 @@
+import { User } from './user';
+
+export interface AuthState {
+  user: User | null;
+  isLoading: boolean;
+  error: string | null;
+}
+
+export interface AuthContextType extends AuthState {
+  setUser: (user: User | null) => void;
+  signout: () => void;
+}
diff --git a/src/types/user.ts b/src/types/user.ts
new file mode 100644
index 0000000..1d077fd
--- /dev/null
+++ b/src/types/user.ts
@@ -0,0 +1,13 @@
+export interface User {
+  userName: string;
+  firstName: string;
+  lastName: string;
+  profilePicture: string;
+  githubId: string;
+  id: string;
+  roles: {
+    archived: boolean;
+    in_discord: boolean;
+    super_user: boolean;
+  };
+}
diff --git a/tests/components/Navbar.test.tsx b/tests/components/Navbar.test.tsx
index 365233e..fe62059 100644
--- a/tests/components/Navbar.test.tsx
+++ b/tests/components/Navbar.test.tsx
@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react';
-import Navbar from '../../src/components/navbar';
+import Navbar from '../../src/components/Navbar';
 import { describe, it, expect, vi } from 'vitest';
 
 vi.mock('../../src/config', () => ({

From f4cce5a9fcea29fcd03b56e65c16ebcdc4660eb4 Mon Sep 17 00:00:00 2001
From: Mehul Kiran Chaudhari
 <55375534+MehulKChaudhari@users.noreply.github.com>
Date: Sun, 5 Jan 2025 01:00:43 +0530
Subject: [PATCH 3/6] remove : unwanted comments

---
 src/context/AuthContext.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/context/AuthContext.tsx b/src/context/AuthContext.tsx
index 1b7d900..1fe95e8 100644
--- a/src/context/AuthContext.tsx
+++ b/src/context/AuthContext.tsx
@@ -6,7 +6,7 @@ import {
   AUTHENTICATION_FAILED_MESSAGE,
   SIGN_OUT_FAILED_MESSAGE,
   USE_AUTH_ERROR_MESSAGE,
-} from '../constants/appConstants'; // Import constants
+} from '../constants/appConstants';
 
 const AuthContext = createContext<AuthContextType | undefined>(undefined);
 

From 892501338726441f28c22a2cac4cadab13235eae Mon Sep 17 00:00:00 2001
From: Mehul Kiran Chaudhari
 <55375534+MehulKChaudhari@users.noreply.github.com>
Date: Sun, 5 Jan 2025 02:27:29 +0530
Subject: [PATCH 4/6] fix: tests

---
 tests/components/Navbar.test.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/tests/components/Navbar.test.tsx b/tests/components/Navbar.test.tsx
index fe62059..277a90d 100644
--- a/tests/components/Navbar.test.tsx
+++ b/tests/components/Navbar.test.tsx
@@ -1,5 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import Navbar from '../../src/components/Navbar';
+import { AuthProvider } from '../../src/context/AuthContext';
+import { BrowserRouter } from 'react-router-dom';
 import { describe, it, expect, vi } from 'vitest';
 
 vi.mock('../../src/config', () => ({
@@ -13,7 +15,13 @@ vi.mock('../../src/config', () => ({
 
 describe('Navbar Component', () => {
   it('should render the navbar with correct links', () => {
-    render(<Navbar />);
+    render(
+      <BrowserRouter>
+        <AuthProvider>
+          <Navbar />
+        </AuthProvider>
+      </BrowserRouter>,
+    );
 
     expect(screen.getByLabelText(/Home/i)).toBeInTheDocument();
     expect(screen.getByLabelText(/Go to Welcome site/i)).toBeInTheDocument();
@@ -22,7 +30,13 @@ describe('Navbar Component', () => {
   });
 
   it('should have links opening in a new tab', () => {
-    render(<Navbar />);
+    render(
+      <BrowserRouter>
+        <AuthProvider>
+          <Navbar />
+        </AuthProvider>
+      </BrowserRouter>,
+    );
 
     expect(screen.getByTestId('navbar-home-link')).toBeInTheDocument();
     expect(screen.getByTestId('navbar-welcome-link')).toBeInTheDocument();

From 365b5970f2c7a3b6635993256375798997c08327 Mon Sep 17 00:00:00 2001
From: Mehul Kiran Chaudhari
 <55375534+MehulKChaudhari@users.noreply.github.com>
Date: Sun, 5 Jan 2025 02:42:18 +0530
Subject: [PATCH 5/6] Rename navbar.tsx to Navbar.tsx

---
 src/components/{navbar.tsx => Navbar.tsx} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename src/components/{navbar.tsx => Navbar.tsx} (100%)

diff --git a/src/components/navbar.tsx b/src/components/Navbar.tsx
similarity index 100%
rename from src/components/navbar.tsx
rename to src/components/Navbar.tsx

From 521bc5002f5d4a137000c6fddac69ea2a3c44324 Mon Sep 17 00:00:00 2001
From: Mehul Kiran Chaudhari
 <55375534+MehulKChaudhari@users.noreply.github.com>
Date: Sun, 5 Jan 2025 02:46:58 +0530
Subject: [PATCH 6/6] nit: remove unwanted import

---
 src/App.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index f5ec73e..8f42038 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import FeatureFlagList from './pages/FeatureFlagList';
 import FeatureFlagDetails from './pages/FeatureFlagDetails';