Novault-Frontend-web/src/App.tsx

import { RouterProvider } from 'react-router-dom';
import { router } from './router';


import { ThemeProvider, PrivacyProvider, NotificationProvider, GuideProvider, useAutoTokenRefresh } from './hooks';
import { SettingsProvider } from './contexts/SettingsContext';

/**
 * App Content Component
 * Wrapped by providers, uses hooks
 */
function AppContent() {
  // Enable automatic token refresh
  useAutoTokenRefresh();

  return <RouterProvider router={router} />;
}

/**
 * Main Application Component
 * Local-first accounting application
 */
function App() {
  return (
    <ThemeProvider>
      <PrivacyProvider>
        <NotificationProvider>
          <GuideProvider>
            <SettingsProvider>
              <AppContent />
            </SettingsProvider>
          </GuideProvider>
        </NotificationProvider>
      </PrivacyProvider>
    </ThemeProvider>
  );
}

export default App;