feat(ui): 🎉 More ui work

* Implement EventLogsPage for viewing system activity logs with search and filter capabilities.
* Create HooksPage for managing webhook configurations with create, edit, and delete functionalities.
* Develop LoginPage for user authentication with error handling and loading states.
* Add UsersPage for managing system users, including role assignment and status toggling.
* Introduce authStore for managing user authentication state and actions.
* Define TypeScript types for User, Hook, EventLog, and other entities.
* Set up TypeScript configuration for the project.
* Configure Vite for development with proxy settings for API calls.
* Update dependencies for improved functionality and security.

web/src/App.tsx

@@ -0,0 +1,59 @@
+import { useEffect } from 'react';
+import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
+import { MantineProvider } from '@mantine/core';
+import { Notifications } from '@mantine/notifications';
+import { ModalsProvider } from '@mantine/modals';
+import { useAuthStore } from './stores/authStore';
+import LoginPage from './pages/LoginPage';
+import DashboardLayout from './components/DashboardLayout';
+import DashboardPage from './pages/DashboardPage';
+import UsersPage from './pages/UsersPage';
+import HooksPage from './pages/HooksPage';
+import AccountsPage from './pages/AccountsPage';
+import EventLogsPage from './pages/EventLogsPage';
+
+// Import Mantine styles
+import '@mantine/core/styles.css';
+import '@mantine/notifications/styles.css';
+import '@mantine/dates/styles.css';
+
+function App() {
+  const { isAuthenticated, checkAuth } = useAuthStore();
+
+  useEffect(() => {
+    checkAuth();
+  }, [checkAuth]);
+
+  return (
+    <MantineProvider defaultColorScheme="light">
+      <Notifications position="top-right" />
+      <ModalsProvider>
+        <BrowserRouter basename="/ui">
+          <Routes>
+            {/* Public routes */}
+            <Route path="/login" element={
+              isAuthenticated ? <Navigate to="/dashboard" replace /> : <LoginPage />
+            } />
+
+            {/* Protected routes */}
+            <Route path="/" element={
+              isAuthenticated ? <DashboardLayout /> : <Navigate to="/login" replace />
+            }>
+              <Route index element={<Navigate to="/dashboard" replace />} />
+              <Route path="dashboard" element={<DashboardPage />} />
+              <Route path="users" element={<UsersPage />} />
+              <Route path="hooks" element={<HooksPage />} />
+              <Route path="accounts" element={<AccountsPage />} />
+              <Route path="event-logs" element={<EventLogsPage />} />
+            </Route>
+
+            {/* Catch all */}
+            <Route path="*" element={<Navigate to="/" replace />} />
+          </Routes>
+        </BrowserRouter>
+      </ModalsProvider>
+    </MantineProvider>
+  );
+}
+
+export default App;