Link architecture column to braindecode documentation

Each foundation model name in the Architecture column now links to its
braindecode API docs page (e.g. LaBraM → braindecode.models.Labram).
Shows an external-link icon on hover.

frontend/src/pages/LeaderboardPage/components/Leaderboard/utils/columnUtils.js

@@ -828,11 +828,41 @@ export const createColumns = (
       accessorKey: "model.architecture",
       header: createHeaderCell("Architecture", COLUMN_TOOLTIPS.ARCHITECTURE),
       accessorFn: (row) => row.model.architecture,
-      cell: ({ row }) => (
-        <Tooltip title={row.original.model.architecture || "-"}>
-          <span>{row.original.model.architecture || "-"}</span>
-        </Tooltip>
-      ),
+      cell: ({ row }) => {
+        const arch = row.original.model.architecture || "-";
+        const BRAINDECODE_CLASSES = {
+          LaBraM: "Labram",
+          EEGPT: "EEGPT",
+          BIOT: "BIOT",
+          BENDR: "BENDR",
+          SignalJEPA: "SignalJEPA",
+          CBraMod: "CBraMod",
+          REVE: "REVE",
+        };
+        const cls = BRAINDECODE_CLASSES[arch];
+        if (cls) {
+          const url = `https://braindecode.org/dev/generated/braindecode.models.${cls}.html`;
+          return (
+            <Tooltip title={`${arch} — view braindecode docs`}>
+              <Link
+                href={url}
+                target="_blank"
+                rel="noopener noreferrer"
+                underline="hover"
+                sx={{ display: "inline-flex", alignItems: "center", gap: 0.5 }}
+              >
+                {arch}
+                <OpenInNewIcon sx={{ fontSize: 12, opacity: 0.5 }} />
+              </Link>
+            </Tooltip>
+          );
+        }
+        return (
+          <Tooltip title={arch}>
+            <span>{arch}</span>
+          </Tooltip>
+        );
+      },
       size: TABLE_DEFAULTS.COLUMNS.COLUMN_SIZES["model.architecture"],
     },
     {