refactor: split auth context and provider into separate files

src/App.jsx

@@ -1,7 +1,7 @@
 import { HashRouter as Router, Routes, Route } from "react-router-dom";
 import { ThemeProvider, SnackbarProvider, Spinner } from "@deriv-com/quill-ui";
 import { useAuth } from "./hooks/useAuth.jsx";
-import { AuthProvider } from "./hooks/authContext.jsx";
+import AuthProvider from "./providers/AuthProvider";
 import Login from "./components/Login";
 import Header from "./components/Header";
 import Dashboard from "./components/Dashboard";

src/components/__tests__/ProtectedRoute.test.jsx

@@ -2,7 +2,7 @@ import { describe, it, expect } from 'vitest'
 import { render, screen } from '@testing-library/react'
 import { MemoryRouter } from 'react-router-dom'
 import ProtectedRoute from '../ProtectedRoute'
-import { AuthContext } from '../../hooks/authContext.jsx'
+import { AuthContext } from '../../contexts/auth'
 
 const mockAuthContext = {
     defaultAccount: null,

src/contexts/auth.jsx

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+
+export const AuthContext = createContext(null);

src/hooks/useAuth.jsx

@@ -1,6 +1,6 @@
 import { useState, useCallback, useEffect, useContext } from 'react';
 import useWebSocket from "./useWebSocket";
-import { AuthContext } from './authContext.jsx';
+import { AuthContext } from '../contexts/auth';
 
 export const useAuthState = () => {
     const [isAuthorized, setIsAuthorized] = useState(false);

src/hooks/authContext.jsx → src/providers/AuthProvider.jsx

@@ -1,8 +1,6 @@
-import { createContext } from 'react';
 import PropTypes from 'prop-types';
-import { useAuthState } from './useAuth';
-
-export const AuthContext = createContext(null);
+import { useAuthState } from '../hooks/useAuth';
+import { AuthContext } from '../contexts/auth';
 
 export const AuthProvider = ({ children }) => {
     const auth = useAuthState();
@@ -12,3 +10,5 @@ export const AuthProvider = ({ children }) => {
 AuthProvider.propTypes = {
     children: PropTypes.node.isRequired,
 };
+
+export default AuthProvider;

vite.config.js

@@ -23,11 +23,20 @@ export default defineConfig(({ mode }) => {
       environment: 'jsdom',
       setupFiles: ['./src/test/setup.ts'],
       deps: {
-        inline: ['@deriv-com/quill-ui']
+        optimizer: {
+          web: {
+            include: ['@deriv-com/quill-ui']
+          }
+        }
       },
       mockReset: true,
       moduleNameMapper: {
-        '\\.(css|less|sass|scss)$': './src/test/mocks/styleMock.js'
+        '\\.(css|less|sass|scss)$': './src/test/mocks/styleMock.js',
+        '^@deriv-com/quill-ui/.*\\.css$': './src/test/mocks/styleMock.js'
+      },
+      transformMode: {
+        web: [/\.[jt]sx?$/],
+        ssr: [/\.css$/]
       }
     },
     plugins: [