Finish the Report issue button

Follow-up to #23, whose idea and design are kept as they were.

Drops rel="me" — that attribute claims the target is another profile of
the same person, which a new-issue form is not.

Hides the link below Starlight's social-row breakpoint. It was rendering
at 0x0 there: invisible to sighted users, still announced to a screen
reader, and unreachable by either.

And carries the page into the issue. A report now arrives titled with
the path and pre-filled with it, in the reader's own language, instead
of costing a round-trip to ask where the problem was.

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

Author: BenGlut

src/components/SocialIcons.astro

@@ -1,13 +1,28 @@
 ---
+/**
+ * Starlight's social icons, plus a "Report issue" link.
+ *
+ * The link carries the page it was clicked from, so a report arrives already
+ * saying where the problem is instead of costing a round-trip to ask.
+ */
 import Default from '@astrojs/starlight/components/SocialIcons.astro';
 
 import { REPO_URL } from '../../scripts/lib/docs-config.mjs';
 
 const locale = Astro.currentLocale === 'fr' ? 'fr' : 'en';
 const label = locale === 'fr' ? 'Signaler un problème' : 'Report issue';
+
+const page = Astro.url.pathname;
+const title = locale === 'fr' ? `Problème sur ${page}` : `Issue on ${page}`;
+const body =
+  locale === 'fr'
+    ? `Page : ${page}\n\nCe qui ne va pas :\n`
+    : `Page: ${page}\n\nWhat is wrong:\n`;
+
+const href = `${REPO_URL}/issues/new?title=${encodeURIComponent(title)}&body=${encodeURIComponent(body)}`;
 ---
 
 <Default><slot /></Default>
-<a class="report-issue-link" href={`${REPO_URL}/issues/new`} rel="me">
+<a class="report-issue-link" href={href}>
   {label}
 </a>

src/styles/tigersystem.css

@@ -142,6 +142,15 @@
   white-space: nowrap;
 }
 
+/* Starlight collapses its social-icons row below this width, which left the
+   link at 0x0 — invisible, yet still announced by a screen reader. Take it out
+   of the accessibility tree too, rather than leaving a link nobody can reach. */
+@media (max-width: 50rem) {
+  .report-issue-link {
+    display: none;
+  }
+}
+
 /* -------------------------------------------------------------------------- */
 /* Card grids on the section index pages                                       */
 /* -------------------------------------------------------------------------- */