fix: improve layout and spacing in FeatureCard component

Author: ErwanDecoster

src/components/FeatureCard.vue

@@ -1,18 +1,18 @@
 <template>
   <a
     :href="linkUrl"
-    class="block h-full text-inherit no-underline! visited:no-underline! hover:no-underline! active:no-underline!"
+    class="block h-full min-h-40 text-inherit no-underline! visited:no-underline! hover:no-underline! active:no-underline!"
   >
     <div
       class="bg-soft-bg border-border flex h-full cursor-pointer flex-col rounded-lg border p-3 transition-all duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-md"
     >
-      <div class="!mb-3 flex items-center gap-2">
+      <div class="flex items-center gap-2">
         <Icon :icon="icon" class="text-xl" :class="iconColor" />
+        <h3 class="text-text1 !mt-0 !mb-0 text-base font-semibold">
+          {{ title }}
+        </h3>
       </div>
-      <h3 class="text-text1 !mt-0 !mb-0 text-base font-semibold">
-        {{ title }}
-      </h3>
-      <p class="text-text2 !mx-2 !my-2 flex-grow text-sm leading-relaxed">
+      <p class="text-text2 !mt-2 flex-grow text-sm leading-relaxed">
         {{ description }}
       </p>
     </div>