Merge branch 'dev' into feat/ef-setup

Signed-off-by: TITI <162849030+0xtiti@users.noreply.github.com>

Author: 0xtiti

packages/common-config/src/components/CategoryCards/styles.module.css

@@ -7,20 +7,22 @@
   margin-top: 1.5rem;
   padding: 0 0;
   margin-bottom: 2rem;
-  max-width: 66rem;
+  max-width: 80rem;
   justify-items: center;
 }
 
 .categoryCard {
   background: rgba(255, 255, 255, 0.08);
   height: 7.5rem;
-  width: 15.6rem;
+  width: 100%;
   border: 1px solid rgba(255, 255, 255, 0.2);
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0.75rem;
+  padding: 0 1rem; /* provide breathing room so long titles don't clip */
+  box-sizing: border-box;
   transition: all 0.3s ease;
   text-decoration: none !important;
   position: relative;
@@ -84,7 +86,7 @@
     -apple-system,
     sans-serif;
   font-weight: 500;
-  font-size: 1rem;
+  font-size: 0.9rem;
   line-height: 1.2;
   padding-top: 0.15em;
   color: var(--wonderland-gray-100);
@@ -95,6 +97,7 @@
   position: relative;
   z-index: 1;
   text-decoration: none !important;
+  white-space: nowrap;
 }
 
 .categoryTitle::after {
@@ -116,7 +119,7 @@
   }
 
   .categoryTitle {
-    font-size: 0.8rem;
+    font-size: 0.75rem;
   }
   .categoryIcon {
     width: 30px;
@@ -143,7 +146,7 @@
   }
 
   .categoryTitle {
-    font-size: 1rem;
+    font-size: 0.75rem; /* keep smaller on narrower screens to prevent overflow */
   }
   .categoryIcon {
     width: 40px;