Add AuthContext and AuthProvider for authentication state management

src/context/AuthContext.tsx

@@ -0,0 +1,9 @@
+import { createContext } from "react";
+
+interface AuthContextType {
+  isAuthenticated: boolean;
+  login: (token: string) => void;
+  logout: () => void;
+}
+
+export const AuthContext = createContext<AuthContextType | null>(null);

src/context/AuthProvider.tsx

@@ -0,0 +1,26 @@
+import React, { useState } from "react";
+
+import { AuthContext } from "./AuthContext";
+
+export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const [isAuthenticated, setIsAuthenticated] = useState<boolean>(
+    !!localStorage.getItem("auth_token")
+  );
+
+  const login = (token: string) => {
+    localStorage.setItem("auth_token", token);
+    setIsAuthenticated(true);
+  };
+
+  const logout = () => {
+    localStorage.removeItem("auth_token");
+    setIsAuthenticated(false);
+    window.location.href = "/signin";
+  };
+
+  return (
+    <AuthContext.Provider value={{ isAuthenticated, login, logout }}>
+      {children}
+    </AuthContext.Provider>
+  );
+};

src/hooks/useAuth.ts

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+
+import { AuthContext } from "../context/AuthContext";
+
+export const useAuth = () => {
+  const context = useContext(AuthContext);
+  if (!context) {
+    throw new Error("useAuth must be used within an AuthProvider");
+  }
+  return context;
+};