import React from 'react';
import { AppProviders } from './providers/AppProviders';
import { Router } from './Router';
import { OnboardingGate } from '@/features/onboarding/components/OnboardingGate';
import { DocumentHead } from '@/app/components/DocumentHead';

export const App: React.FC = () => {
  return (
    <AppProviders>
      <DocumentHead />
      <OnboardingGate>
        <Router />
      </OnboardingGate>
    </AppProviders>
  );
};