fix: Add Communication page as explicit route in router

- Add /communication route at top level (not inside /settings)
- Add CommunicationPage lazy import alongside other pages
- This ensures the page is properly code-split and loaded in production

frontend/src/routes/index.tsx

@@ -50,6 +50,7 @@ const AgentDashboardPage = React.lazy(() => import('@/pages/AgentDashboard').the
 const AutomationSettingsPage = React.lazy(() => import('@/pages/AutomationSettings').then(m => ({ default: m.AutomationSettingsPage })));
 const ReportsPage = React.lazy(() => import('@/pages/Reports').then(m => ({ default: m.ReportsPage })));
 const TasksPage = React.lazy(() => import('@/pages/Tasks').then(m => ({ default: m.TasksPage })));
+const CommunicationPage = React.lazy(() => import('@/pages/Communication').then(m => ({ default: m.CommunicationPage })));
 
 /** Centered spinner fallback for lazy-loaded routes */
 function PageLoader() {
@@ -122,6 +123,7 @@ const router = createBrowserRouter([
       { path: '/agents', element: withSuspense(<AgentDashboardPage />) },
       { path: '/reports', element: withSuspense(<ReportsPage />) },
       { path: '/tasks', element: withSuspense(<TasksPage />) },
+      { path: '/communication', element: withSuspense(<CommunicationPage />) },
       { path: '/profile', element: withSuspense(<SettingsProfilePage />) },
       {
         path: '/settings',