draw every kind of textbook figure, lock math text left-to-right, student-first family screen

- src/diagram: plane (constructed points, graphs with computed roots, vertex,
  extrema, tangent, asymptotes, piecewise limits, regions, rotations and
  reflections, line from ax + by = c), number line with intervals and stacked
  fractions, solids with hidden edges, bar/line/pie charts, sign tables, Venn,
  arrow mappings, probability trees, fraction bars and mixed numbers, grids,
  groups, clock. Pure-math text is bidi-overridden: Persian digits used to turn
  3 × 4 = 12 into 12 = 4 × 3 even with dir=ltr.
- MathText locks math runs inside Persian sentences in chat bubbles and figure
  captions, so -1 no longer shows as 1-.
- Family screen: a student sees only the invite-code form; the parent form is
  behind a link.
- Dev-only diagram gallery at ?gallery (not in the production build).

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

src/lib/MathText.tsx

@@ -0,0 +1,43 @@
+import { Fragment } from 'react';
+
+/**
+ * متنِ فارسی که ریاضی لایش است («عدد −۱ می‌شود»، «رأس (۱، −۴) است»).
+ *
+ * رقمِ فارسی در الگوریتمِ جهتِ یونیکد «عددِ عربی» است و در متنِ راست‌به‌چپ علامت‌های
+ * کنارش را جابه‌جا می‌کند: «−۱» به‌صورتِ «۱−» و «(۱، −۴)» به‌صورتِ «(−۴ ،۱)» دیده
+ * می‌شد. هر تکه‌ای که حرفِ فارسی ندارد ولی رقم دارد، اینجا با bidi-override چپ‌به‌راست
+ * قفل می‌شود؛ جمله‌ی فارسی دورش دست نمی‌خورد.
+ *
+ * آزموده روی Chrome (دسکتاپ و موبایلِ شبیه‌سازی‌شده)؛ روی Safariِ واقعیِ آیفون دیده نشده.
+ */
+// حروف، اِعراب (کسره‌ی «خودِ»)، و نیم‌فاصله؛ رقم‌های ۰–۹ عمداً بیرون‌اند.
+const LETTER = '\\u0620-\\u065F\\u066E-\\u06D3\\u06FA-\\u06FF\\u200C';
+// تکه‌ای بدونِ حرفِ فارسی و بدونِ خطِ تازه که دستِ‌کم یک رقم دارد
+const RUN = new RegExp(`[^${LETTER}\\n]*[0-9۰-۹][^${LETTER}\\n]*`, 'g');
+// نشانه‌هایی که مالِ جمله‌ی فارسی‌اند، نه ریاضی: از دو سرِ تکه بیرون می‌مانند
+const EDGE_START = /^[\s،؛:!؟«»"'.=]+/;
+const EDGE_END = /[\s،؛:!؟«»"'.=]+$/;
+const LTR = { unicodeBidi: 'bidi-override', direction: 'ltr' } as const;
+
+export function MathText({ text }: { text: string }) {
+  const out: React.ReactNode[] = [];
+  let last = 0, i = 0;
+  for (const m of text.matchAll(RUN)) {
+    const start = m.index ?? 0;
+    let run = m[0];
+    // شماره‌ی مرحله در سرِ خط («۴) …») مالِ جمله‌ی فارسی است و باید سمتِ راست بماند.
+    const atLineStart = start === 0 || text[start - 1] === '\n';
+    const step = atLineStart ? /^\s*[0-9۰-۹]{1,2}\)\s*/.exec(run)?.[0] ?? '' : '';
+    const lead = step + (EDGE_START.exec(run.slice(step.length))?.[0] ?? '');
+    run = run.slice(lead.length);
+    const tail = EDGE_END.exec(run)?.[0] ?? '';
+    run = run.slice(0, run.length - tail.length);
+    // «(۱، −۴)» باید کامل قفل شود، ولی پرانتزِ بازِ بی‌جفت در سرِ تکه مالِ جمله است.
+    if (!run || !/[0-9۰-۹]/.test(run)) continue;
+    out.push(text.slice(last, start + lead.length));
+    out.push(<span key={i++} style={LTR}>{run}</span>);
+    last = start + lead.length + run.length;
+  }
+  out.push(text.slice(last));
+  return <>{out.map((n, j) => (typeof n === 'string' ? <Fragment key={`t${j}`}>{n}</Fragment> : n))}</>;
+}