emaui/apps/backoffice/src/app/router/index.tsx

import {
  createBrowserRouter,
  RouterProvider,
  Navigate,
} from 'react-router-dom';
import {
  LoginPage,
  ForgotPasswordPage,
  OTPVerificationPage,
} from '@ema-platform/auth';
import { AuthLayout } from '../layouts/AuthLayout';
import { BackofficeLayout } from '../layouts/BackofficeLayout';
import { ProtectedRoute } from './ProtectedRoute';
import { DashboardPage } from '../features/dashboard/pages/DashboardPage';
import UserManagementPage from '../features/user-management/UserManagementPage';
import { ProfilePage } from '../features/profile/pages/ProfilePage';
import { ConfigurationPage } from '../features/configuration/pages/ConfigurationPage';
import { LocationPage } from '../features/location/pages/LocationPage';
import { AnalyticsPage } from '../features/analytics/pages/AnalyticsPage';
import { ApplicationReviewPage } from '../features/applications/pages/ApplicationReviewPage';
import { CoCQueuePage } from '../features/coc-queue/pages/CoCQueuePage';
import { CoCReviewPage } from '../features/coc-queue/pages/CoCReviewPage';
import { EndorsementQueuePage } from '../features/endorsement/pages/EndorsementQueuePage';
import { EndorsementReviewPage } from '../features/endorsement/pages/EndorsementReviewPage';
import { MedicalVerificationPage } from '../features/medical-verification/pages/MedicalVerificationPage';
import { PaymentConfigPage } from '../features/payment-config/pages/PaymentConfigPage';
import { SeafarerRegistryPage } from '../features/seafarer-registry/pages/SeafarerRegistryPage';
import { SeamanBookQueuePage } from '../features/seaman-book-queue/pages/SeamanBookQueuePage';
import { QuestionPage } from '../features/question/pages/QuestionPage';
import { ExamPage } from '../features/exam/pages/ExamPage';
import { ExamDetailPage } from '../features/exam/pages/ExamDetailPage';
import { ResultPage } from '../features/result/pages/ResultPage';
import { VesselRegistrationQueuePage } from '../features/vessel-registration/pages/VesselRegistrationQueuePage';
import { VesselRegistrationReviewPage } from '../features/vessel-registration/pages/VesselRegistrationReviewPage';
import { VesselRegistrationReportPage } from '../features/vessel-registration/pages/VesselRegistrationReportPage';
import { VesselRegistrationFormBuilderPage } from '../features/vessel-registration/pages/VesselRegistrationFormBuilderPage';
import { VesselOwnershipTransferQueuePage } from '../features/vessel-registration/pages/VesselOwnershipTransferQueuePage';
import { VesselOwnershipTransferReviewPage } from '../features/vessel-registration/pages/VesselOwnershipTransferReviewPage';

const router = createBrowserRouter([
  {
    element: <AuthLayout />,
    children: [
      { path: '/login', element: <LoginPage appName="Backoffice" enableSignup={false} /> },
      { path: '/forgot-password', element: <ForgotPasswordPage appName="Backoffice" /> },
      { path: '/otp-verify', element: <OTPVerificationPage /> },
    ],
  },
  { path: '/um/*', element: <UserManagementPage /> },
  { path: '/', element: <Navigate to="/dashboard" replace /> },
  { path: '/profile-setup', element: <Navigate to="/dashboard" replace /> },
  {
    element: <ProtectedRoute />,
    children: [
      {
        element: <BackofficeLayout />,
        children: [
          { index: true, element: <Navigate to="/dashboard" replace /> },
          { path: 'dashboard', element: <DashboardPage /> },
          { path: 'profile', element: <ProfilePage /> },
          { path: 'configuration', element: <ConfigurationPage /> },
          { path: 'locations', element: <LocationPage /> },
          { path: 'analytics', element: <AnalyticsPage /> },
          { path: 'applications/:id', element: <ApplicationReviewPage /> },
          { path: 'coc-queue', element: <CoCQueuePage /> },
          { path: 'coc-queue/:id', element: <CoCReviewPage /> },
          { path: 'endorsement-queue', element: <EndorsementQueuePage /> },
          { path: 'endorsement-queue/:id', element: <EndorsementReviewPage /> },
          { path: 'medical-verification', element: <MedicalVerificationPage /> },
          { path: 'payment-config', element: <PaymentConfigPage /> },
          { path: 'seafarer-registry', element: <SeafarerRegistryPage /> },
          { path: 'seaman-book-queue', element: <SeamanBookQueuePage /> },
          { path: 'questions', element: <QuestionPage /> },
          { path: 'exams', element: <ExamPage /> },
          { path: 'exams/:id', element: <ExamDetailPage /> },
          { path: 'exam-results', element: <ResultPage /> },
          { path: 'vessel-registration-queue', element: <VesselRegistrationQueuePage /> },
          { path: 'vessel-registration-queue/new', element: <VesselRegistrationFormBuilderPage /> },
          { path: 'vessel-registration-queue/:id', element: <VesselRegistrationReviewPage /> },
          { path: 'vessel-registration-report', element: <VesselRegistrationReportPage /> },
          { path: 'vessel-ownership-transfer', element: <VesselOwnershipTransferQueuePage /> },
          { path: 'vessel-ownership-transfer/:id', element: <VesselOwnershipTransferReviewPage /> },
        ],
      },
    ],
  },
  { path: '/404', element: <div>Page not found</div> },
  { path: '*', element: <Navigate to="/404" replace /> },
]);

export function AppRouter() {
  return <RouterProvider router={router} />;
}