hotfix(projects): responsive status pills for mobile (#1208)

* hotfix(projects): correct the image grid src

* feat(projects): implement responsive status text with hide-mobile spans

Add CSS-only solution for displaying longer status text on desktop and shorter text on mobile without JavaScript or additional YAML properties.

Changes:
- Add .hide-mobile CSS class that hides content on mobile (< 640px)
- Update status pills to use hide-mobile spans for conditional text display
- "Active advocacy underway" shows full text on desktop, "Active advocacy" on mobile
- "Alpha stage, approaching v1 launch" shows full text on desktop, "Alpha stage" on mobile

Projects affected:
- Bitcoin Builder Kit: Alpha stage, approaching v1 launch
- Adopting the ₿ symbol: Active advocacy underway
- Human Bitcoin Addresses: Active advocacy underway
- Making Privacy Permeate: Active advocacy underway

* fix(projects): improve mobile spacing and status text rendering

Adjust mobile spacing and fix HTML rendering for status pills.

Changes:
- Fix status text spacing: move space outside hide-mobile span for proper rendering
  ("Active advocacy <span>underway</span>" instead of "Active advocacy<span> underway</span>")
- Reduce projects-grid bottom padding on mobile from 60px to 15px
- Add spacing between Funding section and first split section using adjacent sibling selector (p + .split-section)
- Ensures proper spacing hierarchy: projects → funding (tight) → split sections (spaced)

Affected status pills:
- Adopting the ₿ symbol
- Human Bitcoin Addresses
- Making Privacy Permeate

* fix(projects): use non-breaking space entity in hide-mobile spans

Replace regular space with &nbsp; in status pills to prevent whitespace collapsing.
Ensures consistent spacing between 'Active advocacy' and 'underway' on desktop.

Browser whitespace collapsing rules can remove spaces at the start of inline
elements like <span>. Using &nbsp; entity forces the space to always render.

Author: johnsBeharry

_data/projects.yaml

@@ -42,7 +42,7 @@ projects:
     key_people:
       - handle: "@StephenDeLorme"
         url: https://x.com/StephenDeLorme
-    status: Alpha stage, approaching v1 launch
+    status: Alpha stage<span class="hide-mobile">, approaching v1 launch</span>
     connect:
       channel: "#bitcoin-builder-kit"
       url: https://discord.gg/km4pzgc5aG
@@ -92,7 +92,7 @@ projects:
     key_people:
       - handle: "@matbalez"
         url: https://x.com/matbalez
-    status: Active advocacy underway
+    status: Active advocacy<span class="hide-mobile">&nbsp;underway</span>
     connect:
       channel: "#bip-177"
       url: https://discord.gg/amVyhmzZ3s
@@ -110,7 +110,7 @@ projects:
         url: https://x.com/matbalez
       - handle: "@ConorOkus"
         url: https://x.com/ConorOkus
-    status: Active advocacy underway
+    status: Active advocacy<span class="hide-mobile">&nbsp;underway</span>
     connect:
       channel: "#bip-353"
       url: https://discord.gg/Ja8ke7Kg2G
@@ -286,7 +286,7 @@ projects:
     key_people:
       - handle: "@Yashraj__"
         url: https://x.com/Yashraj__
-    status: Active advocacy underway
+    status: Active advocacy<span class="hide-mobile">&nbsp;underway</span>
     connect:
       channel: "#privacy"
       url: https://discord.gg/AQefTMm5hK

_sass/minima/_projects-page.scss

@@ -351,9 +351,18 @@
 
 // Responsive
 @include media-query(small) {
+    .hide-mobile {
+        display: none;
+    }
+
     .projects-grid {
         gap: $spacing-unit * 2;
-        padding: $spacing-unit * 2 0;
+        padding: $spacing-unit * 2 0 $spacing-unit / 2 0;
+    }
+
+    // Add space between funding section and first split section
+    p + .split-section {
+        margin-top: $spacing-unit * 3;
     }
 
     .project-category__list {