Implement AuthWrapper in filebased routing

import { createReactRouter, createRouteConfig } from '@tanstack/react-router';
import { AuthWrapper } from '../components/AuthWrapper';
import Login from './login';
import Dashboard from './dashboard';
import Profile from './profile';
import AccountLocked from './account-locked';
import AccountDisabled from './account-disabled';

const rootRoute = createRouteConfig({
  component: () => <Outlet />,
});

const loginRoute = rootRoute.createRoute({
  path: '/login',
  component: Login,
});

const accountLockedRoute = rootRoute.createRoute({
  path: '/account-locked',
  component: AccountLocked,
});

const accountDisabledRoute = rootRoute.createRoute({
  path: '/account-disabled',
  component: AccountDisabled,
});

const protectedRoutes = rootRoute.createRoute({
  id: 'protected',
  component: AuthWrapper,
});

const dashboardRoute = protectedRoutes.createRoute({
  path: '/',
  component: Dashboard,
});

const profileRoute = protectedRoutes.createRoute({
  path: '/profile',
  component: Profile,
});

const routeConfig = rootRoute.addChildren([
  loginRoute,
  accountLockedRoute,
  accountDisabledRoute,
  protectedRoutes.addChildren([dashboardRoute, profileRoute]),
]);

export const router = createReactRouter(routeConfig);