feat: add analytics route and component for streaming analytics display

src/routes/analytics/Analytics.vue

@@ -0,0 +1,10 @@
+<template>
+    <div>
+        <h1 class="text-2xl font-bold mb-4">Analytics</h1>
+        <p class="text-gray-600 mb-8">Your streaming analytics will be displayed here.</p>
+        <div class="p-6 rounded-xl border border-gray-200">
+            <h2 class="text-lg font-semibold mb-4">Coming Soon</h2>
+            <p class="text-gray-600">We are working hard to bring you detailed analytics about your streams. Stay tuned!</p>
+        </div>
+    </div>
+</template>

src/routes/index.ts

@@ -117,6 +117,16 @@ const routes: RouteData[] = [
               },
             ],
           },
+          {
+            path: "analytics",
+            name: "analytics",
+            component: () => import("./analytics/Analytics.vue"),
+            meta: {
+              head: {
+                title: "Analytics - Holistream",
+              },
+            },
+          },
           {
             path: "notification",
             name: "notification",