Revamp UI: share ord-app's look-and-feel and stack; add landing page

Rebuild the search/browse SPA on the same foundation as the ord-app
contribute/editor frontend so the two ORD frontends look and feel like
one product, and shared code can be extracted later:

- Mantine 7 with ord-app's theme and design tokens ported verbatim
  (marked to keep in sync until extracted to a shared package), Tabler
  icons, SCSS modules, and ports of ord-app's PaperButton, Pagination,
  DataTable, and NotFound components.
- ord-schema-protobufjs bindings (same package and range as ord-app)
  replacing the google-protobuf ord-schema bindings; display components
  now type against the shared ord.I* interfaces.
- wouter routing (replacing react-router-dom) and axios (replacing
  bare fetch), matching ord-app.
- ketcher-react + ketcher-standalone from npm (lazy-loaded chunk)
  replacing the static Ketcher 2.5.1 iframe bundle; the manual
  "download Ketcher into app/public" dev step and the Docker copy step
  are gone (the legacy Flask editor keeps its own bundle).
- New landing page: hero with natural-language search (routes to /ask),
  live reaction/dataset stats, action tiles, featured datasets and news
  curated via src/data/homeContent.ts, and a citation card.
- All views rebuilt in the shared visual language: browse (DataTable),
  search filters (Accordion/SegmentedControl/RangeSlider), result
  cards, dataset view, reaction detail, selected set, NL search, About.
- Drop Bootstrap, jQuery, DataTables, and Material Icons CDN tags.

Fixes found during the migration: axios was transmitting protobufjs's
whole shared pool buffer for /api/compound_svg (HTTP 500); peak
wavelengths were formatted with Length units; yield precision displayed
raw float32 noise.

Verified against the in-process test backend: all routes render with no
console errors; substructure search, dataset charts, and reaction
detail work end-to-end. tsc -b, vite build, eslint, and prettier are
green.

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

Author: skearnes

README.md

@@ -75,14 +75,15 @@ ORD_INTERFACE_TESTING=TRUE uv run uvicorn ord_interface.api.main:app --port 5000
 
 ### 3. Run the React SPA
 
-Download [Ketcher v2.5.1](https://github.com/epam/ketcher/releases/download/v2.5.1/ketcher-standalone-2.5.1.zip), extract it, and place the `standalone/` directory's contents inside `./app/public/ketcher/` (so that `app/public/ketcher/static/` and `app/public/ketcher/asset-manifest.json` exist). Then:
-
 ```shell
 cd app
 npm install
 npm run serve
 ```
 
+The molecule editor (Ketcher) is bundled from npm (`ketcher-react` +
+`ketcher-standalone`), so no separate download step is needed.
+
 Open <http://localhost:8080>. Vite hot-reloads source changes; `npm run dev` and `npm run preview` are also available as aliases for `vite` and `vite preview` respectively.
 
 ## Deployment
@@ -94,7 +95,7 @@ Production deployment is managed via Pulumi/ECS in the [`ord-infrastructure`](ht
 ### Minor changes (e.g. enum additions)
 
 - Update the `ord-schema` specifier in `pyproject.toml` under `[project] dependencies`, then run `uv lock` to refresh `uv.lock`.
-- Update the matching `ord-schema` version in [`app/package.json`](./app/package.json), then run `npm install` to refresh `app/package-lock.json`.
+- Update the matching `ord-schema-protobufjs` version in [`app/package.json`](./app/package.json), then run `npm install` to refresh `app/package-lock.json`.
 - Contact the ORD site administrator to roll out the new version to staging.
 
 ### Major changes (new message types, etc.)

app/index.html

@@ -50,31 +50,17 @@
       gtag('js', new Date());
       gtag('config', 'G-REEDLYB0ZJ');
     </script>
-    <!-- https://datatables.net/download/ -->
     <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.3/css/bootstrap.min.css"
+      rel="preconnect"
+      href="https://fonts.googleapis.com"
     />
     <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://cdn.datatables.net/v/bs5/jq-3.6.0/dt-1.12.0/b-2.2.3/b-html5-2.2.3/fh-3.2.3/sb-1.3.3/sp-2.0.1/datatables.min.css"
+      rel="preconnect"
+      href="https://fonts.gstatic.com"
+      crossorigin
     />
-    <script
-      type="text/javascript"
-      src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.3/js/bootstrap.bundle.min.js"
-    ></script>
-    <script
-      type="text/javascript"
-      src="https://cdn.datatables.net/v/bs5/jq-3.6.0/dt-1.12.0/b-2.2.3/b-html5-2.2.3/fh-3.2.3/sb-1.3.3/sp-2.0.1/datatables.min.js"
-    ></script>
-    <script
-      type="text/javascript"
-      src="https://cdn.datatables.net/plug-ins/1.12.1/dataRender/ellipsis.js"
-    ></script>
     <link
-      href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
       rel="stylesheet"
     />
   </head>