Add analytics dashboard view and API integration

- Add AnalyticsView.vue for real-time API analytics - Update router to
include /analytics route - Add Analytics link to BottomNav - Improve
MetricCard layout for dashboard consistency - Update main.ts to
initialize global auth store - Add Dockerfile and .env for
containerization and config - Update README with complete API and
architecture overview - Disable Tailwind in main.scss for SCSS-only
styling

src/components/cards/MetricCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-white rounded-2xl shadow-sm flex flex-col justify-between aspect-square p-4">
+  <div class="bg-white rounded-2xl shadow-sm flex flex-col justify-between h-full w-full p-4">
     <h6 class="text-sm font-bold text-gray-500">{{ title }}</h6>
     <div class="flex-grow flex items-center justify-start">
       <p class="text-gray-900 font-bold text-2xl">

src/components/common/BottomNav.vue

@@ -73,6 +73,27 @@
               <span class="text-xs">AI Optimize</span>
             </router-link>
           </li>
+          <li>
+            <router-link
+              to="/analytics"
+              class="flex flex-col items-center font-medium"
+              :class="
+                $route.name === 'analytics'
+                  ? 'text-indigo-600'
+                  : 'text-gray-600 hover:text-indigo-600'
+              "
+            >
+              <svg class="w-6 h-6 mb-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2z"
+                />
+              </svg>
+              <span class="text-xs">Analytics</span>
+            </router-link>
+          </li>
           <li>
             <router-link
               to="/settings"