Tests, UX improvements.

app/pages/member/dashboard.vue

@@ -26,7 +26,7 @@
 
       <!-- Dashboard Content -->
       <template v-else>
-        <div class="dashboard-with-sidebar">
+        <SidebarLayout :limit="5">
           <div class="dashboard-body">
             <!-- Member Status Banner -->
             <MemberStatusBanner />
@@ -204,8 +204,7 @@
               </div>
             </div>
           </div>
-          <EventsMiniSidebar :events="upcomingEvents" />
-        </div>
+        </SidebarLayout>
       </template>
 
       <template #fallback>
@@ -229,11 +228,6 @@ const loadingEvents = ref(false);
 const calendarLinkCopied = ref(false);
 const showCalendarInstructions = ref(false);
 
-const { data: upcomingEvents } = await useFetch("/api/events", {
-  query: { limit: 5, upcoming: true },
-  default: () => [],
-});
-
 // Calendar subscription URL
 const calendarUrl = computed(() => {
   const memberId = memberData.value?._id || memberData.value?.id;
@@ -483,15 +477,6 @@ useHead({
   color: var(--text-dim);
 }
 
-/* ---- CONTENT GRID ---- */
-.dashboard-with-sidebar {
-  flex: 1;
-  display: grid;
-  grid-template-columns: 1fr 200px;
-  align-items: stretch;
-  min-height: 0;
-}
-
 .dashboard-body {
   flex: 1;
   display: flex;
@@ -722,17 +707,8 @@ useHead({
 }
 
 /* ---- RESPONSIVE ---- */
-@media (max-width: 1024px) {
-  .dashboard-with-sidebar {
-    grid-template-columns: 1fr;
-  }
-}
 
 @media (max-width: 768px) {
-  .dashboard-with-sidebar {
-    grid-template-columns: 1fr;
-  }
-
   .content-row {
     grid-template-columns: 1fr;
   }