feat(ui): add message cache management page and dashboard enhancements

- Introduced MessageCachePage for browsing and managing cached webhook events.
- Enhanced DashboardPage to display runtime stats and message cache information.
- Added new API types for message cache events and system stats.
- Integrated SwaggerPage for API documentation and live request testing.

web/src/App.tsx

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useEffect, lazy, Suspense } from 'react';
 import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
 import { MantineProvider } from '@mantine/core';
 import { Notifications } from '@mantine/notifications';
@@ -11,11 +11,13 @@ import UsersPage from './pages/UsersPage';
 import HooksPage from './pages/HooksPage';
 import AccountsPage from './pages/AccountsPage';
 import EventLogsPage from './pages/EventLogsPage';
+import MessageCachePage from './pages/MessageCachePage';
 import SendMessagePage from './pages/SendMessagePage';
 import WhatsAppBusinessPage from './pages/WhatsAppBusinessPage';
 import TemplateManagementPage from './pages/TemplateManagementPage';
 import CatalogManagementPage from './pages/CatalogManagementPage';
 import FlowManagementPage from './pages/FlowManagementPage';
+const SwaggerPage = lazy(() => import('./pages/SwaggerPage'));
 
 // Import Mantine styles
 import '@mantine/core/styles.css';
@@ -55,6 +57,12 @@ function App() {
               <Route path="flows" element={<FlowManagementPage />} />
               <Route path="send-message" element={<SendMessagePage />} />
               <Route path="event-logs" element={<EventLogsPage />} />
+              <Route path="message-cache" element={<MessageCachePage />} />
+              <Route path="sw" element={
+                <Suspense fallback={null}>
+                  <SwaggerPage />
+                </Suspense>
+              } />
             </Route>
 
             {/* Catch all */}