fix(demo): point banner "Self-host SnapOtter" link at the docs guide (#466)

The demo banner link now opens docs.snapotter.com/guide/getting-started in a new tab instead of the GitHub repo.

apps/demo/src/demo-banner.tsx

@@ -11,7 +11,7 @@ export function DemoBanner() {
         This is a live demo. All users, teams, and activity shown are sample data, and file
         processing is disabled.{" "}
         <a
-          href="https://github.com/snapotter-hq/SnapOtter"
+          href="https://docs.snapotter.com/guide/getting-started"
           target="_blank"
           rel="noopener noreferrer"
           className="font-semibold underline underline-offset-2 hover:text-primary-subtle"

tests/e2e-demo/demo-preview.spec.ts

@@ -18,6 +18,14 @@ test("demo boots straight into the dashboard with no login screen", async ({ pag
   await expect(page.getByText(/live demo/i).first()).toBeVisible();
   await expect(page.getByText(/sample data/i).first()).toBeVisible();
 
+  // "Self-host SnapOtter" points at the getting-started guide, opening a new tab.
+  const selfHostLink = page.getByRole("link", { name: "Self-host SnapOtter" });
+  await expect(selfHostLink).toHaveAttribute(
+    "href",
+    "https://docs.snapotter.com/guide/getting-started",
+  );
+  await expect(selfHostLink).toHaveAttribute("target", "_blank");
+
   const theme = await page.evaluate(() => {
     const bannerLink = Array.from(document.querySelectorAll("a")).find((link) =>
       link.textContent?.includes("Self-host SnapOtter"),