feat: add kitchen, payments, orders, and settings pages with lazy loading

Author: https-richardy

UIs/Merchants/src/app/routers/index.tsx

@@ -51,6 +51,34 @@ export const routers = createBrowserRouter([
               return { Component: DashboardPage };
             }
           },
+          {
+            path: 'kitchen',
+            lazy: async () => {
+              const { KitchenPage } = await import('@/features/kitchen/pages');
+              return { Component: KitchenPage };
+            }
+          },
+          {
+            path: 'payments',
+            lazy: async () => {
+              const { PaymentsPage } = await import('@/features/payments/pages');
+              return { Component: PaymentsPage };
+            }
+          },
+          {
+            path: 'orders',
+            lazy: async () => {
+              const { OrdersPage } = await import('@/features/orders/pages');
+              return { Component: OrdersPage };
+            }
+          },
+          {
+            path: 'settings',
+            lazy: async () => {
+              const { SettingsPage } = await import('@/features/settings/pages');
+              return { Component: SettingsPage };
+            }
+          }
         ]
       }
     ]

UIs/Merchants/src/features/kitchen/pages/index.tsx

@@ -0,0 +1,10 @@
+import { PageHeader } from '@/shared/components/global/page-header';
+
+export const KitchenPage = () => {
+  return (
+    <>
+      <PageHeader title="Cozinha" />
+      <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6" />
+    </>
+  );
+};

UIs/Merchants/src/features/orders/pages/index.tsx

@@ -0,0 +1,10 @@
+import { PageHeader } from '@/shared/components/global/page-header';
+
+export const OrdersPage = () => {
+  return (
+    <>
+      <PageHeader title="Pedidos" />
+      <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6" />
+    </>
+  );
+};

UIs/Merchants/src/features/payments/pages/index.tsx

@@ -0,0 +1,10 @@
+import { PageHeader } from '@/shared/components/global/page-header';
+
+export const PaymentsPage = () => {
+  return (
+    <>
+      <PageHeader title="Pagamentos" />
+      <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6" />
+    </>
+  );
+};

UIs/Merchants/src/features/settings/pages/index.tsx

@@ -0,0 +1,10 @@
+import { PageHeader } from '@/shared/components/global/page-header';
+
+export const SettingsPage = () => {
+  return (
+    <>
+      <PageHeader title="Configurações" />
+      <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6" />
+    </>
+  );
+};