chang icons of boursemes

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/base/home/components/HomeQuickActionBox.vue

@@ -17,12 +17,18 @@ const isBoursecu = isBoursecuProject()
 <template>
   <button
     type="button"
-    class="home-quick-action-box flex flex-col items-center justify-center gap-2 rounded-xl border-2 p-3 min-h-[96px] w-full"
+    class="home-quick-action-box flex flex-col items-center justify-center gap-2 rounded-xl border-2 p-1 min-h-[96px] w-full"
     :class="{ 'home-quick-action-box--boursecu': isBoursecu }"
     @click="$emit('click')"
   >
-    <div class="flex h-11 w-11 shrink-0 items-center justify-center">
-      <Icon class="text-primary" :icon="action.icon" size="28" />
+    <div class="flex h-12 w-12 shrink-0 items-center justify-center">
+      <img
+        v-if="action.iconSrc"
+        :src="action.iconSrc"
+        alt=""
+        class="h-full w-full object-contain project-icon-image"
+      />
+      <Icon v-else class="text-primary" :icon="action.icon" size="28" />
     </div>
     <span class="text-primary text-xs font-bold text-center leading-5">{{ action.label }}</span>
   </button>
@@ -38,4 +44,8 @@ const isBoursecu = isBoursecuProject()
   background-color: #eff5f3;
   border-color: #d4e3de;
 }
+
+.project-icon-image {
+  transform: scale(1.75);
+}
 </style>