feat(business): wire BusinessIssue island to live PHP backend

Render the DB-driven BusinessIssue island on the Business page and let
the Playwright config target a remote BASE_URL for live verification.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

playwright.config.ts

@@ -1,15 +1,20 @@
 import { defineConfig, devices } from "@playwright/test";
 
+const baseURL = process.env.BASE_URL ?? "http://localhost:4321";
+const isRemote = Boolean(process.env.BASE_URL);
+
 export default defineConfig({
   testDir: "./tests",
   timeout: 15_000,
-  use: { baseURL: "http://localhost:4321" },
+  use: { baseURL },
-  webServer: {
+  webServer: isRemote
-    command: "npm run preview",
+    ? undefined
-    url: "http://localhost:4321",
+    : {
-    reuseExistingServer: true,
+        command: "npm run preview",
-    timeout: 30_000,
+        url: "http://localhost:4321",
-  },
+        reuseExistingServer: true,
+        timeout: 30_000,
+      },
   projects: [
     { name: "desktop", use: { ...devices["Desktop Chrome"] } },
     { name: "mobile", use: { ...devices["Pixel 5"] } },

src/pages/business.astro

@@ -1,5 +1,6 @@
 ---
 import LocaleCopy from "../components/LocaleCopy.astro";
+import BusinessIssue from "../components/BusinessIssue.jsx";
 import BaseLayout from "../layouts/BaseLayout.astro";
 
 const copy = {
@@ -38,5 +39,6 @@ const copy = {
         <a class="button button--dark" href="/articles/ai-bubble-2026/"><LocaleCopy copy={copy.cta} /></a>
       </article>
     </section>
+    <BusinessIssue client:load />
   </main>
 </BaseLayout>