fix: improve formatting and readability in FeatureCard and RLC token overview

Author: Le-Caignec

src/components/FeatureCard.vue

@@ -1,19 +1,27 @@
 <template>
-  <div class="flex h-full flex-col rounded-lg border border-border bg-soft-bg p-6 transition-all duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-md">
-    <div class="flex items-center gap-2 mb-4">
+  <div
+    class="border-border bg-soft-bg flex h-full flex-col rounded-lg border p-6 transition-all duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-md"
+  >
+    <div class="mb-4 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>
-    
+
     <!-- Description mode -->
-    <p v-if="description && !features" class="text-text2 !mt-2 flex-grow text-sm leading-relaxed">
+    <p
+      v-if="description && !features"
+      class="text-text2 !mt-2 flex-grow text-sm leading-relaxed"
+    >
       {{ description }}
     </p>
-    
+
     <!-- Features mode -->
-    <ul v-if="features" class="space-y-2 text-sm text-gray-700 dark:text-gray-300 flex-grow">
+    <ul
+      v-if="features"
+      class="flex-grow space-y-2 text-sm text-gray-700 dark:text-gray-300"
+    >
       <li
         v-for="feature in processedFeatures"
         :key="feature.key"

src/overview/rlc.md

@@ -11,9 +11,10 @@ description:
   <p class="text-lg text-center text-gray-600 max-w-2xl">The native cryptocurrency that powers the entire iExec decentralized confidential computing ecosystem</p>
 </div>
 
-**RLC** (**R**un on **L**ots of **C**omputers) serves as the primary medium of exchange for
-all interactions within the protocol, enabling users to access confidential
-computing services, and rewarding providers for their contributions.
+**RLC** (**R**un on **L**ots of **C**omputers) serves as the primary medium of
+exchange for all interactions within the protocol, enabling users to access
+confidential computing services, and rewarding providers for their
+contributions.
 
 ## 🎯 What RLC Enables
 
@@ -36,11 +37,15 @@ transparently distributed to all iExec protocol participants:
 
 </div>
 
-**💡 Transparent:** Payments are distributed based on pricing and
-conditions defined by each
-provider (iApp, Protected Data, Worker) in their marketplace orders.
+**💡 Transparent:** Payments are distributed based on pricing and conditions
+defined by each provider (iApp, Protected Data, Worker) in their marketplace
+orders.
 
-**🔒 RLC Staking:** To run a task on the protocol (executing an application with protected data on a decentralized workerpool), you need to **lock RLC** in the protocol during the task period. In exchange, you receive **sRLC (staked RLC)**. Once the task is completed, you can recover the RLC that wasn't consumed for the task payment.
+**🔒 RLC Staking:** To run a task on the protocol (executing an application with
+protected data on a decentralized workerpool), you need to **lock RLC** in the
+protocol during the task period. In exchange, you receive **sRLC (staked RLC)**.
+Once the task is completed, you can recover the RLC that wasn't consumed for the
+task payment.
 
 ## 💰 Tokenomics & Ecosystem Metrics