Feat: OnThisPage Component for SchemaDocumentation page

Summary

This merge request introduces:

A reusable On This Page component to dynamically generate a Table of Contents (TOC) from headings in the HTML content. Integration of this component into the content on Schema Documentation Page.

Key Features

On This Page Component:

Dynamically parses HTML content to generate a structured TOC. Supports hierarchical headings (h1 through h6), rendered in a nested format. Provides smooth scrolling to the selected section upon clicking a TOC item. Lazy loads content to ensure proper processing after HTML is parsed.

Schema Documentation Page Integration:

Introduces the Schema Documentation layout. Renders the MDX-based Schema content as static HTML using ReactDOMServer.renderToString. Passes the rendered HTML to the OnThisPage component for TOC generation. Includes a ScrollToTop button for enhanced user navigation.

Task: #54451

src/app/meta-edition/schema/page.tsx

-export default function AboutPage() {
+"use client";
+
+import React, { FC } from "react";
+import { MDXProvider } from "@mdx-js/react";
+import ReactDOMServer from "react-dom/server";
+import SchemaContent from "@/data/schema.mdx";
+import OnThisPage from "@/components/OnThisPage";
+import ScrollToTop from "@/components/ScrollToTop";
+
+const ImprintPage: FC = () => {
+  const schemaHtmlContent = ReactDOMServer.renderToString(
+    <MDXProvider>
+      <SchemaContent />
+    </MDXProvider>,
+  );
+
   return (
-    <section className="container mx-auto py-16">
-      <h2 className="mb-4 text-3xl font-bold">Schemadokumentation</h2>
-      <p className="text-lg text-gray-600">some sample documentation</p>
+    <section className="p-8 md:p-12">
+      <div className="flex max-w-6xl items-center justify-center">
+        <div className="prose break-all px-6 py-2 dark:prose-invert">
+          <MDXProvider>
+            <SchemaContent />
+          </MDXProvider>
+        </div>
+
+        <OnThisPage htmlContent={schemaHtmlContent} />
+      </div>
+
+      <ScrollToTop />
     </section>
   );
-}
+};
+
+export default ImprintPage;