Add placeholder pages to resolve remaining routes

src/modules/clients/pages/ClientsPage.tsx

@@ -0,0 +1,32 @@
+import { useAuth } from "@/modules/auth/hooks";
+import { getPageTitle } from "@/shared/utils";
+import { Helmet } from "react-helmet-async";
+import { SidebarMenu } from "@/shared/components/Sidebar";
+
+export function ClientsPage() {
+  const { user } = useAuth();
+
+  return (
+    <>
+      <Helmet>
+        <title>{getPageTitle("Clients")}</title>
+      </Helmet>
+
+      <SidebarMenu>
+        <main className="bg-background flex min-h-screen flex-col items-center justify-center px-6 text-center lg:px-8">
+          <p className="text-primary text-base font-semibold">
+            Hello, {user?.firstName} {user?.lastName}!
+          </p>
+
+          <h1 className="text-foreground mt-4 text-5xl font-semibold tracking-tight text-balance sm:text-7xl">
+            Clients
+          </h1>
+
+          <p className="text-muted-foreground mt-6 text-lg font-medium text-pretty sm:text-xl/8">
+            There's nothing here yet.
+          </p>
+        </main>
+      </SidebarMenu>
+    </>
+  );
+}

src/modules/clients/pages/index.tsx

@@ -0,0 +1 @@
+export { ClientsPage } from "./ClientsPage";

src/modules/orders/pages/OrdersPage.tsx

@@ -0,0 +1,32 @@
+import { useAuth } from "@/modules/auth/hooks";
+import { getPageTitle } from "@/shared/utils";
+import { Helmet } from "react-helmet-async";
+import { SidebarMenu } from "@/shared/components/Sidebar";
+
+export function OrdersPage() {
+  const { user } = useAuth();
+
+  return (
+    <>
+      <Helmet>
+        <title>{getPageTitle("Orders")}</title>
+      </Helmet>
+
+      <SidebarMenu>
+        <main className="bg-background flex min-h-screen flex-col items-center justify-center px-6 text-center lg:px-8">
+          <p className="text-primary text-base font-semibold">
+            Hello, {user?.firstName} {user?.lastName}!
+          </p>
+
+          <h1 className="text-foreground mt-4 text-5xl font-semibold tracking-tight text-balance sm:text-7xl">
+            Orders
+          </h1>
+
+          <p className="text-muted-foreground mt-6 text-lg font-medium text-pretty sm:text-xl/8">
+            There's nothing here yet.
+          </p>
+        </main>
+      </SidebarMenu>
+    </>
+  );
+}

src/modules/orders/pages/index.tsx

@@ -0,0 +1 @@
+export { OrdersPage } from "./OrdersPage";

src/modules/services/pages/ServicesPage.tsx

@@ -0,0 +1,32 @@
+import { useAuth } from "@/modules/auth/hooks";
+import { getPageTitle } from "@/shared/utils";
+import { Helmet } from "react-helmet-async";
+import { SidebarMenu } from "@/shared/components/Sidebar";
+
+export function ServicesPage() {
+  const { user } = useAuth();
+
+  return (
+    <>
+      <Helmet>
+        <title>{getPageTitle("Services")}</title>
+      </Helmet>
+
+      <SidebarMenu>
+        <main className="bg-background flex min-h-screen flex-col items-center justify-center px-6 text-center lg:px-8">
+          <p className="text-primary text-base font-semibold">
+            Hello, {user?.firstName} {user?.lastName}!
+          </p>
+
+          <h1 className="text-foreground mt-4 text-5xl font-semibold tracking-tight text-balance sm:text-7xl">
+            Services
+          </h1>
+
+          <p className="text-muted-foreground mt-6 text-lg font-medium text-pretty sm:text-xl/8">
+            There's nothing here yet.
+          </p>
+        </main>
+      </SidebarMenu>
+    </>
+  );
+}

src/modules/services/pages/index.tsx

@@ -0,0 +1 @@
+export { ServicesPage } from "./ServicesPage";

src/router/components/AppRoute.tsx

@@ -1,3 +1,6 @@
+import { ClientsPage } from "@/modules/clients/pages";
+import { OrdersPage } from "@/modules/orders/pages";
+import { ServicesPage } from "@/modules/services/pages";
 import { NotFoundPage } from "@/shared/pages";
 import { Routes, Route } from "react-router-dom";
 import { AuthPage } from "@/modules/auth/pages";
@@ -29,6 +32,33 @@ export function AppRoute() {
         }
       />
 
+      <Route
+        path="/orders"
+        element={
+          <ProtectedRoute>
+            <OrdersPage />
+          </ProtectedRoute>
+        }
+      />
+
+      <Route
+        path="/clients"
+        element={
+          <ProtectedRoute>
+            <ClientsPage />
+          </ProtectedRoute>
+        }
+      />
+
+      <Route
+        path="/services"
+        element={
+          <ProtectedRoute>
+            <ServicesPage />
+          </ProtectedRoute>
+        }
+      />
+
       <Route path="*" element={<NotFoundPage />} />
     </Routes>
   );