Add team and stream counts to footer with improved layout

- Added team and stream counts displayed when OBS disconnected
- Added counts display alongside live status when OBS connected
- Moved OFFLINE/IDLE status indicators to left column for better balance
- Fixed green dot positioning to be properly next to "Connected" text
- Added custom CSS for status dots since Tailwind classes weren't applying
- Enhanced footer layout with better visual hierarchy

🤖 Generated with [Claude Code](https://claude.ai/code)

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

app/api/counts/route.ts

@@ -0,0 +1,25 @@
+import { NextResponse } from 'next/server';
+import { getDatabase } from '../../../lib/database';
+import { TABLE_NAMES } from '../../../lib/constants';
+import { createSuccessResponse, createDatabaseError, withErrorHandling } from '../../../lib/apiHelpers';
+
+async function getCountsHandler() {
+  try {
+    const db = await getDatabase();
+    
+    // Get counts in parallel
+    const [streamsResult, teamsResult] = await Promise.all([
+      db.get(`SELECT COUNT(*) as count FROM ${TABLE_NAMES.STREAMS}`),
+      db.get(`SELECT COUNT(*) as count FROM ${TABLE_NAMES.TEAMS}`)
+    ]);
+
+    return createSuccessResponse({
+      streams: streamsResult.count,
+      teams: teamsResult.count
+    });
+  } catch (error) {
+    return createDatabaseError('fetch counts', error);
+  }
+}
+
+export const GET = withErrorHandling(getCountsHandler);