feat: complete UI/UX overhaul - dashboard unification, calendar UX, mobile optimization

- Dashboard redesign as command center with filters, quick actions, inline approve/reject
- Reusable components: BookingRow, BookingFilters, ActionMenu, BookingPreviewModal, BookingEditModal
- Calendar: drag & drop reschedule, eventClick preview modal, grid/list toggle
- Mobile: segmented control bookings/calendar toggle, compact pills, responsive layout
- Collapsible filters with active count badge
- Smart menu positioning with Teleport
- Calendar/list bidirectional data sync
- Navigation: unified History page, removed AdminPending
- Google Calendar OAuth integration
- Dark mode contrast improvements, breadcrumb navigation
- useLocalStorage composable for state persistence

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

frontend/src/router/index.ts

@@ -47,11 +47,15 @@ const router = createRouter({
       meta: { requiresAuth: true }
     },
     {
-      path: '/my-bookings',
-      name: 'MyBookings',
+      path: '/history',
+      name: 'BookingHistory',
       component: () => import('@/views/MyBookings.vue'),
       meta: { requiresAuth: true }
     },
+    {
+      path: '/my-bookings',
+      redirect: '/history'
+    },
     {
       path: '/profile',
       name: 'UserProfile',
@@ -78,9 +82,7 @@ const router = createRouter({
     },
     {
       path: '/admin/pending',
-      name: 'AdminPending',
-      component: () => import('@/views/AdminPending.vue'),
-      meta: { requiresAuth: true, requiresAdmin: true }
+      redirect: '/history?status=pending'
     },
     {
       path: '/admin/audit-log',