fix: category cards mobile responsive wrapping and ef favicon (#123)

- Fixed category cards' responsiveness
- Ef favicon

Before:
<img width="389" height="1156" alt="Captura de pantalla 2025-11-24 a las
15 28 32"
src="https://github.com/user-attachments/assets/c7095b2e-8fa2-4554-9706-4089c51cb6eb"
/>

After: 
<img width="371" height="1142" alt="Captura de pantalla 2025-11-24 a las
15 28 02"
src="https://github.com/user-attachments/assets/5fdf681d-be5a-4091-bd4c-d70da777b692"
/>

Author: 0xLukeDev

packages/common-config/src/components/CategoryCards/index.tsx

@@ -58,11 +58,11 @@ export default function CategoryCards({
   const currentTheme = theme || defaultTheme;
 
   return (
-    <div 
+    <div
       className={styles.categoryCards}
       style={{
-        gridTemplateColumns: `repeat(${columns}, 1fr)`
-      }}
+        '--columns': columns
+      } as React.CSSProperties}
     >
       {categories.map((category) => (
         <Link

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

@@ -1,7 +1,7 @@
 
 .categoryCards {
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(var(--columns, 4), 1fr);
   gap: 1.25rem;
   width: 100%;
   margin-top: 1.5rem;

sites/ef/docusaurus.config.ts

@@ -13,7 +13,7 @@ const localConfig: Config = {
   title: "Ethereum Foundation Handbook",
   tagline:
     "Exploring privacy initiatives and interoperability solutions advancing the Ethereum ecosystem.",
-  favicon: "img/favicon.ico",
+  favicon: "common/img/favicon.svg",
 
   // Set the production url of your site here
   url: "https://ef.handbook.wonderland.xyz",