Redesign interface across member dashboard and events pages

The changes involve a comprehensive interface redesign across multiple
pages, including:

- Updated peer support badge with shield design
- Switched privacy toggle to use USwitch component
- Added light/dark mode support throughout
- Enhanced layout and spacing in default template
- Added series details page with timeline view
- Improved event cards and status indicators
- Refreshed member profile styles for better readability
- Introduced global cursor styling for interactive elements

app/layouts/default.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen bg-ghost-900 flex relative">
+  <div class="min-h-screen bg-ghost-900 relative">
     <!-- Background image at top - full page width -->
     <div
       class="absolute inset-x-0 pointer-events-none z-0"
@@ -43,16 +43,19 @@
       </div>
     </div>
 
-    <!-- Main Content Column - Left -->
-    <div class="flex-1 overflow-y-auto relative z-[5]">
-      <div class="p-4 pt-20 md:p-8 md:pt-8 lg:p-16 max-w-4xl relative">
-        <slot />
+    <!-- Container to center content and sidebar together -->
+    <div class="lg:flex lg:justify-center lg:gap-0">
+      <!-- Main Content Column -->
+      <div class="lg:w-[800px] overflow-y-auto relative z-[5]">
+        <div class="relative">
+          <slot />
+        </div>
+        <AppFooter />
       </div>
-      <AppFooter />
-    </div>
 
-    <!-- Desktop Navigation Column - Right -->
-    <AppNavigation class="hidden lg:block relative z-20" />
+      <!-- Desktop Navigation Column -->
+      <AppNavigation class="hidden lg:block relative z-20" />
+    </div>
 
     <!-- Mobile Navigation Drawer -->
     <USlideover v-model:open="isMobileMenuOpen" side="right">