feat: release (#104)

Release of the blog, new section of Aztec Handbook and general fixes.

Author: oxlumi

.github/workflows/test-scripts.yml

@@ -28,6 +28,10 @@ jobs:
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
 
-      - name: Run tests
+      - name: Run scripts tests
         working-directory: scripts
+        run: pnpm test
+
+      - name: Run wonderland tests
+        working-directory: sites/wonderland
         run: pnpm test 

README.md

@@ -28,7 +28,7 @@ From the root of the monorepo:
 ```bash
 pnpm install                                   # Install all dependencies across packages/sites
 pnpm --filter [name]-handbook build:assets     # Build common files, and copy them into the specific site
-pnpm --filter [name]-handbook start              # Start the site locally
+pnpm --filter [name]-handbook start            # Start the site locally
 ```
 
 **Example with the Wonderland handbook:**
@@ -65,16 +65,19 @@ pnpm create-handbook <site-name>
 ```
 
 This will:
+
 1. Create a new site in `sites/<site-name>` based on the template
 2. Update the package.json with the correct site name
 3. Set up all necessary configurations
 
 **Example:**
+
 ```bash
 pnpm create-handbook my-new-handbook
 ```
 
 After creation, you can build and start the new site:
+
 ```bash
 cd sites/my-new-handbook
 pnpm build:assets

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,8 +86,8 @@
     -apple-system,
     sans-serif;
   font-weight: 500;
-  font-size: 1rem;
-  line-height: 0.7;
+  font-size: 0.9rem;
+  line-height: 1.2;
   padding-top: 0.15em;
   color: var(--wonderland-gray-100);
   margin: 0;
@@ -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;