services -> domains

web/src/router/pages/DomainsPage.tsx

@@ -0,0 +1,10 @@
+import { ErrorBoundary } from '../../components';
+import { DomainsComponent } from '../../components/DomainsComponent';
+
+export function DomainsPage() {
+  return (
+    <ErrorBoundary>
+      <DomainsComponent />
+    </ErrorBoundary>
+  );
+}

web/src/router/pages/ServicesPage.tsx

@@ -1,10 +0,0 @@
-import { ErrorBoundary } from '../../components';
-import { ServicesComponent } from '../../components/ServicesComponent';
-
-export function ServicesPage() {
-  return (
-    <ErrorBoundary>
-      <ServicesComponent />
-    </ErrorBoundary>
-  );
-}

web/src/router/routes.tsx

@@ -3,7 +3,7 @@ import type { RouteObject } from 'react-router';
 import { CentralLayout } from './CentralLayout';
 import { NotFoundPage } from './pages/NotFoundPage';
 import { DashboardPage } from './pages/DashboardPage';
-import { ServicesPage } from './pages/ServicesPage';
+import { DomainsPage } from './pages/DomainsPage';
 import { FirewallPage } from './pages/FirewallPage';
 import { VpnPage } from './pages/VpnPage';
 import { CrowdSecPage } from './pages/CrowdSecPage';
@@ -19,7 +19,7 @@ export const routes: RouteObject[] = [
     element: <CentralLayout />,
     children: [
       { index: true, element: <DashboardPage /> },
-      { path: 'services', element: <ServicesPage /> },
+      { path: 'domains', element: <DomainsPage /> },
       { path: 'firewall', element: <FirewallPage /> },
       { path: 'vpn', element: <VpnPage /> },
       { path: 'crowdsec', element: <CrowdSecPage /> },