feat: Complete admin state simulator integration and authentication fixes

🎭 Admin State Simulator:
- Add comprehensive admin state simulator with authentication, subscription, and token earnings simulation
- Integrate simulator with WriterTokenDashboard to properly reflect simulated token states
- Support unfunded (logged-out/no-subscription), funded pending, and locked available token states
- Add proper USD value calculations (10 tokens = ) matching real system

🔐 Authentication & Session Management:
- Fix session-based authentication for account switching functionality
- Update auth helpers to properly handle session cookies vs Firebase Auth
- Resolve permission-denied errors in earnings page by using correct auth context
- Add SessionAuthInitializer for hybrid session system

🧹 Code Cleanup:
- Remove deprecated test files and debug scripts
- Delete unused UserDonorKPI component and related hooks
- Clean up old demo code from WriterTokenDashboard
- Remove obsolete middleware backup and test files

📊 Analytics & Admin Dashboard:
- Add analytics backfill API route for missing data
- Improve admin dashboard with consolidated tools section
- Add email verification alerts and enhanced error handling
- Update token allocation displays and pie charts

🐛 Bug Fixes:
- Fix compilation errors in WriterTokenDashboard
- Resolve TypeScript issues with token data structures
- Update middleware for proper session handling
- Fix pledge bar integration with simulated states

This comprehensive update establishes a robust admin state simulation system
for testing various user scenarios and fixes critical authentication issues
that were preventing proper functionality of the earnings system.

Author: sirjamesgray

app/admin/dashboard/dashboard.css

@@ -22,6 +22,12 @@
 .options-bar-compact {
   scrollbar-width: thin;
   scrollbar-color: hsl(var(--border)) transparent;
+  /* Smooth scrolling on mobile */
+  -webkit-overflow-scrolling: touch;
+  /* Prevent vertical scrolling */
+  overflow-y: hidden;
+  /* Ensure proper spacing */
+  padding-right: 1rem;
 }
 
 .options-bar-compact::-webkit-scrollbar {
@@ -41,6 +47,48 @@
   background-color: hsl(var(--muted-foreground));
 }
 
+/* Mobile-specific optimizations for filter bar */
+@media (max-width: 768px) {
+  .options-bar-compact {
+    /* Hide scrollbar on mobile for cleaner look */
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    /* Add padding for better touch scrolling */
+    padding-bottom: 0.5rem;
+  }
+
+  .options-bar-compact::-webkit-scrollbar {
+    display: none;
+  }
+
+  /* Ensure filter items don't wrap */
+  .options-bar-compact > * {
+    flex-shrink: 0;
+  }
+
+  /* Slightly larger touch targets on mobile */
+  .options-bar-compact button {
+    min-height: 32px;
+    min-width: 32px;
+  }
+
+  /* Compact date inputs on mobile */
+  .options-bar-compact input[type="date"] {
+    width: 120px;
+    font-size: 12px;
+  }
+
+  /* Compact switch on mobile */
+  .options-bar-compact .scale-75 {
+    transform: scale(0.8);
+  }
+
+  /* Ensure proper spacing between filter groups */
+  .options-bar-compact .flex-shrink-0 {
+    margin-right: 0.25rem;
+  }
+}
+
 /* Override react-grid-layout default styles to match WeWrite theme */
 .react-grid-layout {
   position: relative;

app/admin/dashboard/page.tsx

@@ -310,24 +310,18 @@ export default function AdminDashboardPage() {
               </div>
             ) : (
               <>
-                {/* Date Range and Granularity Filters */}
+                {/* Combined Filters - Single Horizontal Row */}
                 <DateRangeFilter
                   dateRange={dateRange}
                   onDateRangeChange={setDateRange}
                   granularity={granularity}
                   onGranularityChange={setGranularity}
+                  globalFilters={globalFilters}
+                  onGlobalFiltersChange={handleGlobalFiltersChange}
                   className="border-0 shadow-none p-0 bg-transparent"
                   compact={true}
+                  combined={true}
                 />
-
-                {/* Global Analytics Filters */}
-                <div className="border-t border-border pt-4">
-                  <GlobalAnalyticsFilters
-                    filters={globalFilters}
-                    onFiltersChange={handleGlobalFiltersChange}
-                    className="w-full"
-                  />
-                </div>
               </>
             )}
           </div>