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/components/PeerSupportBadge.vue

@@ -6,18 +6,32 @@
     :title="title"
   >
     <div
-      class="relative bg-gradient-to-br from-purple-500 to-purple-600 text-white px-3 py-2 rounded-lg shadow-lg border-2 border-purple-400/50 transform rotate-3 hover:rotate-0 transition-transform"
+      class="relative transform rotate-3 hover:rotate-0 transition-transform"
+      style="width: 60px; height: 66px"
     >
-      <div class="flex flex-col items-center gap-0.5">
-        <Icon name="heroicons:chat-bubble-left-right-solid" class="w-4 h-4" />
-        <span
-          class="text-[10px] font-bold uppercase tracking-wide leading-tight"
-          >Peer<br />Support</span
-        >
+      <!-- Shield background -->
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 1000 1000"
+        class="absolute inset-0 w-full h-full drop-shadow-lg"
+      >
+        <path
+          d="M500 70 150 175.3v217.1C150 785 500 930 500 930s350-145 350-537.6V175.2L500 70Z"
+          class="fill-purple-500"
+        />
+      </svg>
+
+      <!-- Content on top of shield -->
+      <div class="absolute inset-0 flex flex-col items-center justify-center">
+        <Icon
+          name="heroicons:chat-bubble-left-right-solid"
+          class="w-6 h-6 text-white"
+        />
       </div>
+
       <!-- Sparkle effect -->
       <div
-        class="absolute -top-1 -right-1 w-2 h-2 bg-yellow-300 rounded-full animate-pulse"
+        class="absolute top-0 right-1 w-2 h-2 bg-yellow-300 rounded-full animate-pulse"
       ></div>
     </div>
   </div>