refactor: dashboard views by extracting metric card and party item partials, and fix metric card rendering issue

app/views/components/_metric_card.html.erb

@@ -0,0 +1,12 @@
+<div class="group relative overflow-hidden rounded-2xl bg-white dark:bg-slate-800 border border-neutral-200 dark:border-slate-700 hover:border-purple-300 dark:hover:border-purple-600 transition-all duration-300 p-8">
+  <div class="absolute inset-0 bg-gradient-to-br <%= @classes %> opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
+  <div class="relative">
+    <div class="text-5xl md:text-3xl font-light bg-gradient-to-r from-purple-600 via-indigo-600 to-pink-600 bg-clip-text text-transparent mb-3">
+      <%= value %>
+    </div>
+    <p class="text-neutral-700 dark:text-neutral-300 font-mono uppercase tracking-widest text-sm font-medium">
+      <%= title %>
+    </p>
+    <div class="mt-4 h-1 bg-gradient-to-r from-purple-500 via-indigo-500 to-pink-500 rounded-full w-0 group-hover:w-full transition-all duration-500"></div>
+  </div>
+</div>

app/views/components/_party_item.html.erb

@@ -0,0 +1,15 @@
+<%= link_to party_path(party.slug, party), class: "group block p-4 rounded-lg border border-slate-200 dark:border-slate-700 hover:border-purple-300 dark:hover:border-purple-600 hover:shadow-md transition-all duration-200" do %>
+  <div class="flex items-center space-x-4">
+    <div class="w-16 h-16 bg-slate-200 dark:bg-slate-700 rounded-lg overflow-hidden flex-shrink-0">
+      <%= image_tag party.image, alt: party.name, class: "w-full h-full object-cover" if party.image.present? %>
+    </div>
+    <div class="flex-1 min-w-0">
+      <h3 class="text-lg font-semibold text-slate-900 dark:text-slate-100 group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors duration-200">
+        <%= party.name %>
+      </h3>
+      <p class="text-sm text-slate-600 dark:text-slate-400">
+        <%= l(party.start_time, format: :short) %>
+      </p>
+    </div>
+  </div>
+<% end %>