feat: Setup React Frontend (Issue #1)

- Initialize Vite + React + TypeScript project
- Install dependencies (React Router, Zustand, Axios, Tailwind CSS)
- Configure Tailwind CSS and PostCSS
- Create basic folder structure
- Setup ESLint and Prettier
- Create placeholder pages (Login, Dashboard, Logs, Alerts, etc.)
- Create Layout and ProtectedRoute components
- Add TypeScript types

Closes #1

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

frontend/src/pages/AlertsManager.tsx

@@ -0,0 +1,8 @@
+export default function AlertsManager() {
+  return (
+    <div>
+      <h1 className="text-3xl font-bold mb-6">Alerts Manager</h1>
+      <p className="text-gray-600">Alerts Manager page - To be implemented</p>
+    </div>
+  )
+}

frontend/src/pages/Dashboard.tsx

@@ -0,0 +1,8 @@
+export default function Dashboard() {
+  return (
+    <div>
+      <h1 className="text-3xl font-bold mb-6">Dashboard</h1>
+      <p className="text-gray-600">Dashboard page - To be implemented</p>
+    </div>
+  )
+}

frontend/src/pages/Login.tsx

@@ -0,0 +1,10 @@
+export default function Login() {
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-100">
+      <div className="card max-w-md w-full">
+        <h1 className="text-2xl font-bold text-center mb-6">VictoriaLogs Manager</h1>
+        <p className="text-center text-gray-600">Login page - To be implemented</p>
+      </div>
+    </div>
+  )
+}

frontend/src/pages/LogsExplorer.tsx

@@ -0,0 +1,8 @@
+export default function LogsExplorer() {
+  return (
+    <div>
+      <h1 className="text-3xl font-bold mb-6">Logs Explorer</h1>
+      <p className="text-gray-600">Logs Explorer page - To be implemented</p>
+    </div>
+  )
+}

frontend/src/pages/PatternDetection.tsx

@@ -0,0 +1,8 @@
+export default function PatternDetection() {
+  return (
+    <div>
+      <h1 className="text-3xl font-bold mb-6">Pattern Detection</h1>
+      <p className="text-gray-600">Pattern Detection page - To be implemented</p>
+    </div>
+  )
+}

frontend/src/pages/Reports.tsx

@@ -0,0 +1,8 @@
+export default function Reports() {
+  return (
+    <div>
+      <h1 className="text-3xl font-bold mb-6">Reports & Dashboards</h1>
+      <p className="text-gray-600">Reports page - To be implemented</p>
+    </div>
+  )
+}

frontend/src/pages/Settings.tsx

@@ -0,0 +1,8 @@
+export default function Settings() {
+  return (
+    <div>
+      <h1 className="text-3xl font-bold mb-6">Settings</h1>
+      <p className="text-gray-600">Settings page - To be implemented</p>
+    </div>
+  )
+}