Refactor: swap status colors for 'active' and 'completed'; add full-card link overlay for navigation

app/composables/projects.ts

@@ -1,9 +1,8 @@
 export function useProjectColors() {
   const statusColors: Record<string, string> = {
-    'active': 'green',
-    'completed': 'blue',
+    'active': 'blue',
+    'completed': 'green',
     'archived': 'neutral',
-    'in-progress': 'amber',
     'in progress': 'amber'
   }
 

app/pages/projects/index.vue

@@ -149,8 +149,7 @@ const activeFilterCount = computed(() => (selectedStatus.value ? 1 : 0) + select
       <UCard
         v-for="project in filteredProjects"
         :key="project.slug"
-        :to="`/projects/${project.slug}`"
-        class="hover:scale-[1.02] transition-transform cursor-pointer"
+        class="relative hover:scale-[1.02] transition-transform cursor-pointer"
       >
         <template #header>
           <div class="flex items-start justify-between gap-4">
@@ -228,6 +227,13 @@ const activeFilterCount = computed(() => (selectedStatus.value ? 1 : 0) + select
             </span>
           </div>
         </template>
+
+        <!-- Full-card link overlay for navigation -->
+        <NuxtLink
+          :to="`/projects/${project.slug}`"
+          :aria-label="`Open project: ${project.title}`"
+          class="absolute inset-0"
+        />
       </UCard>
     </div>