fix: use text-wrap: pretty for orphan prevention instead of nbsp hack

Author: henkisdabro

docs/css/main.css

@@ -658,6 +658,7 @@ strong {
     max-width: 800px;
     margin: 0 auto var(--spacing-xl);
     line-height: 1.7;
+    text-wrap: pretty;
 }
 
 .cta-buttons {

docs/index.html

@@ -67,7 +67,7 @@
                 <h1 class="hero-title">Cloudflare Workers + React Boilerplate</h1>
                 <p class="hero-subtitle">Everything you need to build a modern website, already set up and ready to go. Best practices baked in, technical decisions already made - you just add your ideas.</p>
 
-                <p class="hero-description">This template uses Cloudflare and GitHub - both offer remarkably generous free tiers. Handle thousands of users, store plenty of data, and deploy unlimited updates without spending a cent. Most projects never outgrow these limits. And if yours does? That's a good problem&nbsp;to&nbsp;have.</p>
+                <p class="hero-description">This template uses Cloudflare and GitHub - both offer remarkably generous free tiers. Handle thousands of users, store plenty of data, and deploy unlimited updates without spending a cent. Most projects never outgrow these limits. And if yours does? That's a good problem to have.</p>
 
                 <!-- Step 1: Use Template (Common to both paths) -->
                 <div class="hero-first-step">