chore: remove loading Spinner

Author: Bccorb

package-lock.json

@@ -9,7 +9,6 @@ import React, {
 } from 'react';
 
 import { AuthMode, createFetchWithAuth } from './fetchWithAuth';
-import LoadingSpinner from './components/LoadingSpinner';
 import { usePreviousSignIn } from './hooks/usePreviousSignIn';
 import {
   AuthenticatorTransportFuture,
@@ -42,6 +41,7 @@ export interface AuthContextType {
   credentials: Credential[];
   updateCredential: (credential: Credential) => Promise<Credential>;
   deleteCredential: (credentialId: string) => Promise<void>;
+  loading: boolean;
 }
 
 export interface Credential {
@@ -136,6 +136,7 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({
   const hasRole = (role: string) => user?.roles?.includes(role);
 
   const validateToken = async () => {
+    setLoading(true);
     try {
       const response = await fetchWithAuth(`users/me`, {
         method: 'GET',
@@ -197,19 +198,12 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({
     }
   }, [user, isAuthenticated, markSignedIn]);
 
-  if (loading) {
-    return (
-      <div className="min-h-screen flex items-center justify-center bg-gray-100">
-        <LoadingSpinner />;
-      </div>
-    );
-  }
-
   return (
     <AuthContext.Provider
       value={{
         user,
         logout,
+        loading,
         deleteUser,
         isAuthenticated,
         hasRole,

src/AuthProvider.tsx

@@ -3,7 +3,6 @@ import { AuthProvider, useAuth } from '../src/AuthProvider';
 import { createFetchWithAuth } from '../src/fetchWithAuth';
 
 jest.mock('../src/fetchWithAuth');
-jest.mock('../src/components/LoadingSpinner', () => () => <div>Loading...</div>);
 jest.mock('@/context/InternalAuthContext', () => ({
   InternalAuthProvider: ({ children }: any) => <div>{children}</div>,
 }));
@@ -31,17 +30,6 @@ describe('AuthProvider', () => {
     jest.clearAllMocks();
   });
 
-  it('renders loading spinner initially', async () => {
-    await act(async () => {
-      render(
-        <AuthProvider apiHost={apiHost}>
-          <div>Child</div>
-        </AuthProvider>
-      );
-    });
-    expect(screen.getByText('Child')).toBeInTheDocument();
-  });
-
   it('loads user and token successfully', async () => {
     mockFetchWithAuthImpl.mockResolvedValueOnce({
       ok: true,