From 19428aa68196d9d9c7ca289d690022e947e33d9c Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Sat, 29 Nov 2025 13:11:35 +0100
Subject: [PATCH 01/10] wip

---
 .../learn-aggregator/common-questions.tsx     | 15 +++++------
 src/pages/faq/_meta.ts                        | 17 +++++-------
 src/pages/faq/index.mdx                       | 27 ++++++++++---------
 3 files changed, 28 insertions(+), 31 deletions(-)

diff --git a/src/components/learn-aggregator/common-questions.tsx b/src/components/learn-aggregator/common-questions.tsx
index 7cafe1d814..d3013c7de9 100644
--- a/src/components/learn-aggregator/common-questions.tsx
+++ b/src/components/learn-aggregator/common-questions.tsx
@@ -25,19 +25,16 @@ export function CommonQuestionsSection(
       <ul className="row-span-full mt-6 ![grid-column:2] *:border-b *:border-neu-200 dark:*:border-neu-100 lg:w-[380px] xl:w-[496px]">
         <CommonQuestionsItem
           title="Getting started"
-          href="/learn/faq#getting-started"
+          href="/faq#getting-started"
         />
-        <CommonQuestionsItem title="General" href="/learn/faq#general" />
+        <CommonQuestionsItem title="General" href="/faq#general" />
         <CommonQuestionsItem
           title="Best practices"
-          href="/learn/faq#best-practices"
+          href="/faq#best-practices"
         />
-        <CommonQuestionsItem
-          title="Specification"
-          href="/learn/faq#specification"
-        />
-        <CommonQuestionsItem title="Frontend" href="/learn/faq#frontend" />
-        <CommonQuestionsItem title="Foundation" href="/learn/faq#foundation" />
+        <CommonQuestionsItem title="Specification" href="/faq#specification" />
+        <CommonQuestionsItem title="Frontend" href="/faq#frontend" />
+        <CommonQuestionsItem title="Foundation" href="/faq#foundation" />
       </ul>
     </section>
   )
diff --git a/src/pages/faq/_meta.ts b/src/pages/faq/_meta.ts
index db8b2a9b62..93911a07d8 100644
--- a/src/pages/faq/_meta.ts
+++ b/src/pages/faq/_meta.ts
@@ -1,14 +1,11 @@
 export default {
   index: {
-    title: "Overview",
-    theme: {
-      toc: false,
-    },
+    title: "FAQ",
   },
-  "getting-started": "",
-  general: "",
-  "best-practices": "",
-  specification: "",
-  frontend: "",
-  foundation: "",
+  "getting-started": { display: "hidden" },
+  general: { display: "hidden" },
+  "best-practices": { display: "hidden" },
+  specification: { display: "hidden" },
+  frontend: { display: "hidden" },
+  foundation: { display: "hidden" },
 }
diff --git a/src/pages/faq/index.mdx b/src/pages/faq/index.mdx
index 2a0a6574ef..6623adac26 100644
--- a/src/pages/faq/index.mdx
+++ b/src/pages/faq/index.mdx
@@ -1,14 +1,17 @@
-import { Cards } from 'nextra/components'
-import metaFile from './_meta'
+import { FaqAggregator, faqMdxComponents } from "@/components/faq-aggregator"
 
-# Frequently Asked Questions (FAQ)
+import GettingStarted from "./getting-started.mdx"
+import General from "./general.mdx"
+import BestPractices from "./best-practices.mdx"
+import Specification from "./specification.mdx"
+import Frontend from "./frontend.mdx"
+import Foundation from "./foundation.mdx"
 
-<Cards>
-  {Object.entries(metaFile).slice(1).map(([key]) => (
-    <Cards.Card
-      key={key}
-      title={key.split('-').map(word => word[0].toUpperCase() + word.slice(1)).join(' ')}
-      href={`/faq/${key}`} arrow
-    />
-  ))}
-</Cards>
+<h1 className="typography-h1">Frequently Asked Questions</h1>
+
+<GettingStarted components={faqMdxComponents} />
+<General components={faqMdxComponents} />
+<BestPractices components={faqMdxComponents} />
+<Specification components={faqMdxComponents} />
+<Frontend components={faqMdxComponents} />
+<Foundation components={faqMdxComponents} />

From 2d35b037fa657fff1a2c2e99a3f6f103815602c5 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Sat, 29 Nov 2025 13:27:39 +0100
Subject: [PATCH 02/10] Aggregate all FAQ pages on one page as per design

---
 src/components/faq-aggregator/index.tsx | 101 ++++++++++++++++++++++++
 src/pages/faq/_meta.ts                  |   4 +
 src/pages/faq/index.mdx                 |  14 ++--
 3 files changed, 113 insertions(+), 6 deletions(-)
 create mode 100644 src/components/faq-aggregator/index.tsx

diff --git a/src/components/faq-aggregator/index.tsx b/src/components/faq-aggregator/index.tsx
new file mode 100644
index 0000000000..d2efb9b1c3
--- /dev/null
+++ b/src/components/faq-aggregator/index.tsx
@@ -0,0 +1,101 @@
+"use client"
+
+import { type ReactNode, useRef, useLayoutEffect, useState } from "react"
+
+function slugify(text: string): string {
+  return String(text)
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/(^-|-$)/g, "")
+}
+
+function FaqH1({ id, children }: { id?: string; children?: ReactNode }) {
+  const slug = id ?? slugify(String(children))
+  return (
+    <h2
+      id={slug}
+      className="typography-h2 mb-4 mt-8 scroll-mt-24 text-neu-900 first:mt-0"
+    >
+      <a href={`#${slug}`} className="hover:underline">
+        {children}
+      </a>
+    </h2>
+  )
+}
+
+function FaqH2({ id, children }: { id?: string; children?: ReactNode }) {
+  const slug = id ?? slugify(String(children))
+  return (
+    <details className="group border-b border-neu-100 dark:border-neu-200 [&:first-of-type]:border-t">
+      <summary className="flex cursor-pointer list-none items-center justify-between gap-4 py-4 [&::-webkit-details-marker]:hidden">
+        <h3 id={slug} className="typography-body-lg text-neu-900">
+          {children}
+        </h3>
+        <ChevronIcon className="size-5 shrink-0 text-neu-600 transition-transform group-open:rotate-180" />
+      </summary>
+    </details>
+  )
+}
+
+function ChevronIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+    >
+      <polyline points="6 9 12 15 18 9" />
+    </svg>
+  )
+}
+
+export function FaqAggregator({ children }: { children: ReactNode }) {
+  const containerRef = useRef<HTMLDivElement>(null)
+  const [, forceUpdate] = useState(0)
+
+  useLayoutEffect(() => {
+    const container = containerRef.current
+    if (!container) return
+
+    const details = container.querySelectorAll("details")
+    details.forEach(detail => {
+      const answerContent: Node[] = []
+      let sibling = detail.nextSibling
+
+      while (sibling) {
+        const next = sibling.nextSibling
+        if (sibling instanceof Element) {
+          if (sibling.tagName === "DETAILS" || sibling.tagName === "H2") break
+          answerContent.push(sibling)
+        } else if (
+          sibling.nodeType === Node.TEXT_NODE &&
+          sibling.textContent?.trim()
+        ) {
+          answerContent.push(sibling)
+        }
+        sibling = next
+      }
+
+      if (answerContent.length > 0) {
+        const wrapper = document.createElement("div")
+        wrapper.className = "pb-4"
+        answerContent.forEach(node => wrapper.appendChild(node))
+        detail.appendChild(wrapper)
+      }
+    })
+
+    forceUpdate(n => n + 1)
+  }, [])
+
+  return <div ref={containerRef}>{children}</div>
+}
+
+export const faqMdxComponents = {
+  h1: FaqH1,
+  h2: FaqH2,
+}
diff --git a/src/pages/faq/_meta.ts b/src/pages/faq/_meta.ts
index 93911a07d8..db899ed7f1 100644
--- a/src/pages/faq/_meta.ts
+++ b/src/pages/faq/_meta.ts
@@ -1,6 +1,10 @@
 export default {
   index: {
     title: "FAQ",
+    theme: {
+      toc: false,
+      sidebar: false,
+    },
   },
   "getting-started": { display: "hidden" },
   general: { display: "hidden" },
diff --git a/src/pages/faq/index.mdx b/src/pages/faq/index.mdx
index 6623adac26..a4b03fc37a 100644
--- a/src/pages/faq/index.mdx
+++ b/src/pages/faq/index.mdx
@@ -9,9 +9,11 @@ import Foundation from "./foundation.mdx"
 
 <h1 className="typography-h1">Frequently Asked Questions</h1>
 
-<GettingStarted components={faqMdxComponents} />
-<General components={faqMdxComponents} />
-<BestPractices components={faqMdxComponents} />
-<Specification components={faqMdxComponents} />
-<Frontend components={faqMdxComponents} />
-<Foundation components={faqMdxComponents} />
+<FaqAggregator>
+  <GettingStarted components={faqMdxComponents} />
+  <General components={faqMdxComponents} />
+  <BestPractices components={faqMdxComponents} />
+  <Specification components={faqMdxComponents} />
+  <Frontend components={faqMdxComponents} />
+  <Foundation components={faqMdxComponents} />
+</FaqAggregator>

From 31945af61080cb49a7fe22fb90e2d5196b8d2634 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Sat, 29 Nov 2025 13:31:35 +0100
Subject: [PATCH 03/10] Format icons

---
 .../decorations/best-practices.svg            | 17 +++++++++++
 .../faq-aggregator/decorations/frontend.svg   | 17 +++++++++++
 .../faq-aggregator/decorations/general.svg    | 21 +++++++++++++
 .../decorations/getting-started.svg           | 17 +++++++++++
 .../decorations/specification.svg             | 17 +++++++++++
 .../learn-aggregator/assets/books.svg         | 20 ++++++++++++-
 .../learn-aggregator/assets/checkbox.svg      | 17 ++++++++++-
 .../learn-aggregator/assets/circuit.svg       | 20 ++++++++++++-
 .../learn-aggregator/assets/cog-double.svg    | 30 ++++++++++++++++++-
 .../learn-aggregator/assets/computer.svg      | 20 ++++++++++++-
 .../learn-aggregator/assets/construction.svg  | 23 +++++++++++++-
 .../learn-aggregator/assets/dna.svg           | 23 +++++++++++++-
 .../learn-aggregator/assets/globe.svg         | 26 +++++++++++++++-
 .../learn-aggregator/assets/hierarchy.svg     | 26 +++++++++++++++-
 .../learn-aggregator/assets/key.svg           | 23 +++++++++++++-
 .../learn-aggregator/assets/layer.svg         | 25 +++++++++++++++-
 .../assets/nav-left-circle.svg                | 23 +++++++++++++-
 .../learn-aggregator/assets/note.svg          | 20 ++++++++++++-
 .../learn-aggregator/assets/product-check.svg | 17 ++++++++++-
 .../learn-aggregator/assets/safe.svg          | 20 ++++++++++++-
 .../learn-aggregator/assets/search.svg        | 17 ++++++++++-
 .../learn-aggregator/assets/share.svg         | 26 +++++++++++++++-
 .../learn-aggregator/assets/solve.svg         | 18 ++++++++++-
 .../learn-aggregator/assets/startup.svg       | 24 ++++++++++++++-
 .../learn-aggregator/assets/sync-square.svg   | 17 ++++++++++-
 .../learn-aggregator/assets/zoom-page.svg     | 20 ++++++++++++-
 26 files changed, 523 insertions(+), 21 deletions(-)
 create mode 100644 src/components/faq-aggregator/decorations/best-practices.svg
 create mode 100644 src/components/faq-aggregator/decorations/frontend.svg
 create mode 100644 src/components/faq-aggregator/decorations/general.svg
 create mode 100644 src/components/faq-aggregator/decorations/getting-started.svg
 create mode 100644 src/components/faq-aggregator/decorations/specification.svg

diff --git a/src/components/faq-aggregator/decorations/best-practices.svg b/src/components/faq-aggregator/decorations/best-practices.svg
new file mode 100644
index 0000000000..ead38a4597
--- /dev/null
+++ b/src/components/faq-aggregator/decorations/best-practices.svg
@@ -0,0 +1,17 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="48"
+  height="48"
+  fill="#6d7557"
+  viewBox="0 0 48 48"
+>
+  <path
+    d="M45.713 22.868h-2.28v2.28h2.28zM43.433 25.148h-2.295v2.28h2.294zM43.433 20.573h-2.295v2.294h2.294zM41.137 27.428h-2.28v2.294h2.28zM41.137 18.293h-2.28v2.28h2.28zM36.578 36.578h-6.87v2.28h9.15v-9.135h-2.28zM22.853 25.148h-2.28v-2.28h-2.296v-2.295h-2.28v2.295h-2.28v2.28h2.28v2.28h2.28v2.295h2.296v2.28h2.28v-2.28h2.294v-2.295h2.28v-2.28h2.28v-2.28h2.295v-2.295h2.28v-2.28h-2.28v-2.295h-2.295v2.295h-2.28v2.28h-2.28v2.295h-2.294z"
+  />
+  <path
+    d="M36.578 11.438v6.855h2.28v-9.15h-9.15v2.295zM29.708 38.858h-2.28v2.295h2.28zM29.708 6.863h-2.28v2.28h2.28zM27.428 41.153h-2.28v2.28h2.28zM27.428 4.583h-2.28v2.28h2.28zM25.147 43.433h-2.295v2.28h2.295zM25.147 2.288h-2.295v2.295h2.295zM22.853 41.153h-2.28v2.28h2.28zM22.853 4.583h-2.28v2.28h2.28zM20.573 38.858h-2.296v2.295h2.296zM20.573 6.863h-2.296v2.28h2.296z"
+  />
+  <path
+    d="M11.423 36.578v-6.855h-2.28v9.135h9.135v-2.28zM11.423 11.438h6.855V9.143H9.142v9.15h2.28zM9.142 27.428h-2.28v2.294h2.28zM9.142 18.293h-2.28v2.28h2.28zM6.863 25.148H4.567v2.28h2.295zM6.863 20.573H4.567v2.294h2.295zM4.567 22.868h-2.28v2.28h2.28z"
+  />
+</svg>
diff --git a/src/components/faq-aggregator/decorations/frontend.svg b/src/components/faq-aggregator/decorations/frontend.svg
new file mode 100644
index 0000000000..5b1be09991
--- /dev/null
+++ b/src/components/faq-aggregator/decorations/frontend.svg
@@ -0,0 +1,17 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="48"
+  height="48"
+  fill="#6d7557"
+  viewBox="0 0 48 48"
+>
+  <path
+    d="M45.72 11.438H2.295V4.583H0v38.85h2.295V13.717H45.72v29.714H48V4.582h-2.28zM45.72 43.433H2.295v2.28H45.72z"
+  />
+  <path
+    d="M41.145 29.723h-2.28v6.855h2.28zM38.865 36.578H36.57v2.28h2.295zM38.865 27.428H36.57v2.294h2.295zM36.57 38.858h-6.855v2.295h6.855zM36.57 27.428v-2.28h-2.28v-9.135H6.855v13.71h4.575v-2.295H9.15v-9.135h22.86v6.855h-2.295v2.28zM29.715 36.578h-2.28v2.28h2.28z"
+  />
+  <path
+    d="M29.715 27.428h-2.28v2.294h2.28zM27.435 29.723H25.14v6.855h2.295zM16.005 6.863H13.71v2.28h2.295zM9.15 32.003v2.295H6.855v2.28H22.86v-6.855h-2.28v-2.295h-2.295v-2.28h-2.28v2.28H13.71v2.295h-2.28v2.28zM11.43 6.863H9.15v2.28h2.28zM6.855 6.863h-2.28v2.28h2.28zM45.72 2.288H2.295v2.295H45.72z"
+  />
+</svg>
diff --git a/src/components/faq-aggregator/decorations/general.svg b/src/components/faq-aggregator/decorations/general.svg
new file mode 100644
index 0000000000..5285544d76
--- /dev/null
+++ b/src/components/faq-aggregator/decorations/general.svg
@@ -0,0 +1,21 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="48"
+  height="48"
+  fill="#6d7557"
+  viewBox="0 0 48 48"
+>
+  <g clip-path="url(#a)">
+    <path
+      d="M43.428 6.863h-2.28v38.85h2.28zM41.148 4.568h-2.295v2.295h2.295zM38.853 2.288h-2.28v2.28h2.28zM38.85 11.423h-2.28V9.15h-2.28V6.862h-2.295V4.569H4.578V48H38.85zm-2.28 34.29H6.858V6.862h20.565v9.135h9.15zM36.573-.007H6.858v2.295h29.715z"
+    />
+    <path
+      d="M31.998 38.858H11.433v2.28h20.565zM31.998 29.708H11.433v2.294h20.565zM31.998 20.573H11.433v2.28h20.565zM20.568 11.423h-9.135v2.295h9.135z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h48v48H0z" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/src/components/faq-aggregator/decorations/getting-started.svg b/src/components/faq-aggregator/decorations/getting-started.svg
new file mode 100644
index 0000000000..853ff0bb18
--- /dev/null
+++ b/src/components/faq-aggregator/decorations/getting-started.svg
@@ -0,0 +1,17 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="48"
+  height="44"
+  fill="#6d7557"
+  viewBox="0 0 48 44"
+>
+  <path
+    d="M48 4.575h-2.28V38.85H48zM45.72 38.85H29.715v2.295H45.72zM38.865 4.575h-2.28v2.28h2.28zM38.865 18.285H34.29v2.28h4.575zM38.865 27.42h-11.43v2.295h11.43zM38.865 22.86h-11.43v2.28h11.43zM32.01 18.285h-4.575v2.28h4.575zM36.585 13.71h-9.15v2.295h9.15zM38.865 9.135h-11.43v2.295h11.43zM34.29 4.575h-6.855v2.28h6.855zM41.145 0h-15.99v2.28h15.99zM29.715 41.145H18.3v2.28h11.415zM20.58 18.285H18.3v2.28h2.28zM20.58 13.71H18.3v2.295h2.28zM20.58 9.135H18.3v2.295h2.28zM20.58 4.575H18.3v2.28h2.28zM18.3 38.85H2.295v2.295H18.3zM20.58 27.42h-6.855v2.295h6.855zM20.58 22.86h-9.15v2.28h9.15zM11.43 27.42H9.15v2.295h2.28z"
+  />
+  <path
+    d="M9.15 20.565h2.28v-2.28h2.295v2.28h2.28V2.28h6.855V0H6.87v2.28h2.28z"
+  />
+  <path
+    d="M4.575 36.57H20.58v2.28h6.855v-2.28H43.44V4.575h2.28V2.28h-4.575v32.01h-15.99V2.28H22.86v32.01H6.87V2.28H2.295v2.295h2.28zM2.295 4.575H0V38.85h2.295z"
+  />
+</svg>
diff --git a/src/components/faq-aggregator/decorations/specification.svg b/src/components/faq-aggregator/decorations/specification.svg
new file mode 100644
index 0000000000..586bf85db4
--- /dev/null
+++ b/src/components/faq-aggregator/decorations/specification.svg
@@ -0,0 +1,17 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="48"
+  height="48"
+  fill="#6d7557"
+  viewBox="0 0 48 48"
+>
+  <path
+    d="M19.432 0v2.28h-4.575v2.295h4.575v2.28h2.28v-2.28h4.575v2.28h2.28v-2.28h4.575v2.28h2.295v-2.28h2.28V9.15h2.28V6.855h2.295V45.72h-25.14V48h27.42v-2.28h2.28V6.855h-2.28v-2.28h-2.28V2.28h-6.855V0h-2.295v2.28h-4.575V0h-2.28v2.28h-4.575V0z"
+  />
+  <path
+    d="M37.718 9.15h-2.28v4.56h2.28zM33.143 18.285h6.855v-2.28h-4.56V13.71h-2.296zM30.863 22.86h-2.296v4.575h2.296V25.14h9.135v-2.28h-6.855v-4.575h-2.28zM26.288 31.995h13.71v-2.28h-11.43v-2.28h-2.28zM39.998 36.57H19.433v2.295h20.565z"
+  />
+  <path
+    d="M17.153 34.29h9.135v-2.295H3.428v2.295h11.43v11.43h2.294zM14.858 4.575h-2.28V9.15h2.28zM12.578 9.15h-2.295v4.56h2.295zM10.282 13.71h-2.28v4.575h2.28zM8.002 18.285h-2.28v4.575h2.28zM5.722 22.86H3.427v4.575h2.295zM3.427 27.435h-2.28v4.56h2.28z"
+  />
+</svg>
diff --git a/src/components/learn-aggregator/assets/books.svg b/src/components/learn-aggregator/assets/books.svg
index b28d4f9656..08ba62271a 100644
--- a/src/components/learn-aggregator/assets/books.svg
+++ b/src/components/learn-aggregator/assets/books.svg
@@ -1 +1,19 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#83bd02" clip-path="url(#a)"><path d="M131.023 117.912h-26.179V6.534h26.179V0H19.688v6.534h78.579V39.29H78.622v6.577h19.645V65.51h-6.534v6.534h-13.11v-6.534h-6.535v6.534H52.443V58.977h-6.576v13.068H13.11V58.977H6.577v13.068H0v45.867h6.577v-39.29H65.51v39.29H6.577v6.534h6.534v13.111h6.577v-13.111h78.579v13.111h6.577v-13.111h26.179v13.111h6.534V6.534h-6.534z"/><path d="M72.088 19.645H45.867v6.577h26.221zM45.867 91.69H26.222v6.577h19.645zM19.688 6.534H13.11v26.222h6.577zM39.333 45.867v13.11h6.534v-6.576H65.51v13.11h6.577v-6.533h13.068v6.534h6.577V52.4H72.088v-6.534H45.867V39.29H0v19.688h6.577V45.867z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#83bd02" clip-path="url(#a)">
+    <path
+      d="M131.023 117.912h-26.179V6.534h26.179V0H19.688v6.534h78.579V39.29H78.622v6.577h19.645V65.51h-6.534v6.534h-13.11v-6.534h-6.535v6.534H52.443V58.977h-6.576v13.068H13.11V58.977H6.577v13.068H0v45.867h6.577v-39.29H65.51v39.29H6.577v6.534h6.534v13.111h6.577v-13.111h78.579v13.111h6.577v-13.111h26.179v13.111h6.534V6.534h-6.534z"
+    />
+    <path
+      d="M72.088 19.645H45.867v6.577h26.221zM45.867 91.69H26.222v6.577h19.645zM19.688 6.534H13.11v26.222h6.577zM39.333 45.867v13.11h6.534v-6.576H65.51v13.11h6.577v-6.533h13.068v6.534h6.577V52.4H72.088v-6.534H45.867V39.29H0v19.688h6.577V45.867z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/checkbox.svg b/src/components/learn-aggregator/assets/checkbox.svg
index 2fc41369cb..432abbaee5 100644
--- a/src/components/learn-aggregator/assets/checkbox.svg
+++ b/src/components/learn-aggregator/assets/checkbox.svg
@@ -1 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><path fill="#ff99df" d="M134.289 16.378h-6.577v104.801h6.577zM127.713 121.179h-6.534v6.534h6.534zM127.713 9.801h-6.534v6.577h6.534z"/><path fill="#ff99df" d="M121.179 127.713H16.378v6.577h104.801zM31.552 77.376h6.534v6.534h6.534v6.534h6.577v6.577h13.067v-6.577h6.577V83.91h6.534v-6.534h6.577V70.8h6.534v-6.534h6.534v-6.534h6.577v-6.577H97.02V44.62h-6.534v6.534h-6.534v6.577h-6.577v6.534h-6.534V70.8h-6.577v6.577H51.197V70.8H44.62v-6.534h-6.534V70.8h-6.534zM121.179 3.267H16.378v6.534h104.801zM16.378 121.179H9.844v6.534h6.534zM16.378 9.801H9.844v6.577h6.534zM9.844 16.378H3.267v104.801h6.577z"/></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <path
+    fill="#ff99df"
+    d="M134.289 16.378h-6.577v104.801h6.577zM127.713 121.179h-6.534v6.534h6.534zM127.713 9.801h-6.534v6.577h6.534z"
+  />
+  <path
+    fill="#ff99df"
+    d="M121.179 127.713H16.378v6.577h104.801zM31.552 77.376h6.534v6.534h6.534v6.534h6.577v6.577h13.067v-6.577h6.577V83.91h6.534v-6.534h6.577V70.8h6.534v-6.534h6.534v-6.534h6.577v-6.577H97.02V44.62h-6.534v6.534h-6.534v6.577h-6.577v6.534h-6.534V70.8h-6.577v6.577H51.197V70.8H44.62v-6.534h-6.534V70.8h-6.534zM121.179 3.267H16.378v6.534h104.801zM16.378 121.179H9.844v6.534h6.534zM16.378 9.801H9.844v6.577h6.534zM9.844 16.378H3.267v104.801h6.577z"
+  />
+</svg>
diff --git a/src/components/learn-aggregator/assets/circuit.svg b/src/components/learn-aggregator/assets/circuit.svg
index df7625bffe..2324822e55 100644
--- a/src/components/learn-aggregator/assets/circuit.svg
+++ b/src/components/learn-aggregator/assets/circuit.svg
@@ -1 +1,19 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#83bd02" clip-path="url(#a)"><path d="M137.557 98.267h-13.111v13.11h13.111zM124.446 111.378h-6.534v6.534h6.534zM124.446 72.045V52.401h6.577V32.756h-19.645V52.4h6.534v19.644zM117.912 117.912h-6.534v6.577h6.534zM117.912 72.045h-6.534v6.577h6.534zM111.378 124.489h-6.577v13.068h6.577zM111.378 78.623h-6.577v6.533h6.577zM104.801 85.156h-6.534v6.577h6.534zM98.267 91.733H91.69v45.824h6.577zM98.267 72.045v-52.4h6.534V0H85.156v19.645h6.534v52.4zM91.69 6.577h6.577v6.534H91.69zM91.69 72.045h-6.534v6.577h6.534zM85.157 78.623h-6.534v58.934h6.533zM58.934 65.512h6.577v72.045h6.534V65.512h6.577V45.867H58.934zM58.935 78.623H52.4v58.934h6.534zM52.4 72.045h-6.533v6.577H52.4zM45.867 104.801H39.29v32.755h6.577z"/><path d="M45.867 39.333H52.4V19.645H32.756v19.688h6.534v32.713h6.577zM39.29 98.267h-6.534v6.534h6.534zM32.756 124.489h-6.534v13.068h6.534zM32.756 91.733h-6.534v6.534h6.534zM32.756 85.157V65.512H13.11v19.644h6.534v6.577h6.577v-6.577zm-13.111-6.534v-6.577h6.577v6.577zM26.222 117.912h-6.577v6.577h6.577zM19.645 111.378H13.11v6.534h6.534zM13.11 98.267H0v13.11h13.11z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#83bd02" clip-path="url(#a)">
+    <path
+      d="M137.557 98.267h-13.111v13.11h13.111zM124.446 111.378h-6.534v6.534h6.534zM124.446 72.045V52.401h6.577V32.756h-19.645V52.4h6.534v19.644zM117.912 117.912h-6.534v6.577h6.534zM117.912 72.045h-6.534v6.577h6.534zM111.378 124.489h-6.577v13.068h6.577zM111.378 78.623h-6.577v6.533h6.577zM104.801 85.156h-6.534v6.577h6.534zM98.267 91.733H91.69v45.824h6.577zM98.267 72.045v-52.4h6.534V0H85.156v19.645h6.534v52.4zM91.69 6.577h6.577v6.534H91.69zM91.69 72.045h-6.534v6.577h6.534zM85.157 78.623h-6.534v58.934h6.533zM58.934 65.512h6.577v72.045h6.534V65.512h6.577V45.867H58.934zM58.935 78.623H52.4v58.934h6.534zM52.4 72.045h-6.533v6.577H52.4zM45.867 104.801H39.29v32.755h6.577z"
+    />
+    <path
+      d="M45.867 39.333H52.4V19.645H32.756v19.688h6.534v32.713h6.577zM39.29 98.267h-6.534v6.534h6.534zM32.756 124.489h-6.534v13.068h6.534zM32.756 91.733h-6.534v6.534h6.534zM32.756 85.157V65.512H13.11v19.644h6.534v6.577h6.577v-6.577zm-13.111-6.534v-6.577h6.577v6.577zM26.222 117.912h-6.577v6.577h6.577zM19.645 111.378H13.11v6.534h6.534zM13.11 98.267H0v13.11h13.11z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/cog-double.svg b/src/components/learn-aggregator/assets/cog-double.svg
index a169230ab5..0e8f272a77 100644
--- a/src/components/learn-aggregator/assets/cog-double.svg
+++ b/src/components/learn-aggregator/assets/cog-double.svg
@@ -1 +1,29 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#ff99df" clip-path="url(#a)"><path d="M124.446 32.756v6.534h6.577v6.577h-6.577V52.4h13.111V32.756zM131.023 58.935h-6.577v6.576h6.577zM131.023 19.645h-6.577v6.534h6.577zM124.446 65.511h-6.534v6.534h6.534zM124.446 52.4h-6.534v6.534h6.534zM124.446 26.179h-6.534v6.577h6.534zM124.446 13.11h-6.534v6.535h6.534zM117.912 72.045h-6.534v6.534h6.534z"/><path d="M117.912 6.534h-6.534v6.577h6.534zM111.378 65.511h-6.577v6.534h6.577zM111.378 13.11h-6.577v6.535h6.577z"/><path d="M85.156 0v13.11h6.577V6.535h6.534v6.577h6.534V0zM98.267 111.335h-6.534v6.577h6.534zM85.156 72.045v6.534h13.11V91.69h-13.11v6.577H104.8V72.045zM91.733 117.912h-6.577v6.534h6.577z"/><path d="M91.733 104.801h-6.577v6.534h6.577zM91.733 58.935h-6.577v6.576h6.577zM85.157 52.4h6.576v6.534h13.068V52.4h6.577V32.756h-6.577v6.534h-6.534v-6.534h6.534v-6.577H85.156v6.577h-6.533v13.11h6.533zM85.157 124.446h-6.534v6.577h6.533zM85.157 98.267h-6.534v6.534h6.533zM85.157 65.511h-6.534v6.534h6.533zM85.157 13.11h-6.534v6.535h6.533zM78.622 117.912h-6.577v6.534h6.577zM78.622 45.867h-6.577V52.4h6.577zM78.622 6.534h-6.577v6.577h6.577zM72.046 111.335h-6.534v6.577h6.534zM72.046 78.58h-6.534v13.11h6.534zM72.046 52.4h-6.534v6.534h6.534z"/><path d="M72.046 13.11h-6.534v6.535h6.534zM58.977 131.022h-13.11v-13.11h-6.534v19.644H65.51v-19.644h-6.534zM65.512 91.69h-6.535v6.577h6.535zM65.512 72.045h-6.535v6.534h6.535zM65.512 19.645h-6.535v6.534h6.535zM58.978 65.511H45.867v6.534h13.11zM58.978 98.267H45.867v6.534h13.11zM45.867 91.69h-6.534v6.577h6.534zM45.867 72.045h-6.534v6.534h6.534zM45.867 39.29h13.11V52.4h6.534V32.757H39.333V52.4h6.534zM39.333 111.335h-6.577v6.577h6.577zM39.333 78.58h-6.577v13.11h6.577zM39.333 52.4h-6.577v6.534h6.577zM32.756 117.912h-6.534v6.534h6.534zM32.756 45.867h-6.534V52.4h6.534zM26.222 124.446h-6.577v6.577h6.577zM26.222 98.267h-6.577v6.534h6.577zM26.222 65.511h-6.577v6.534h6.577zM26.222 39.29h-6.577v6.577h6.577zM19.645 117.912H13.11v6.534h6.534zM19.645 104.801H13.11v6.534h6.534zM6.577 91.69V78.58h13.068v-6.535H0v26.222h19.645V91.69zM19.645 58.935H13.11v6.576h6.534zM19.645 45.867H13.11V52.4h6.534z"/><path d="M13.11 111.335H6.578v6.577h6.534zM13.11 52.4H6.578v6.534h6.534z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#ff99df" clip-path="url(#a)">
+    <path
+      d="M124.446 32.756v6.534h6.577v6.577h-6.577V52.4h13.111V32.756zM131.023 58.935h-6.577v6.576h6.577zM131.023 19.645h-6.577v6.534h6.577zM124.446 65.511h-6.534v6.534h6.534zM124.446 52.4h-6.534v6.534h6.534zM124.446 26.179h-6.534v6.577h6.534zM124.446 13.11h-6.534v6.535h6.534zM117.912 72.045h-6.534v6.534h6.534z"
+    />
+    <path
+      d="M117.912 6.534h-6.534v6.577h6.534zM111.378 65.511h-6.577v6.534h6.577zM111.378 13.11h-6.577v6.535h6.577z"
+    />
+    <path
+      d="M85.156 0v13.11h6.577V6.535h6.534v6.577h6.534V0zM98.267 111.335h-6.534v6.577h6.534zM85.156 72.045v6.534h13.11V91.69h-13.11v6.577H104.8V72.045zM91.733 117.912h-6.577v6.534h6.577z"
+    />
+    <path
+      d="M91.733 104.801h-6.577v6.534h6.577zM91.733 58.935h-6.577v6.576h6.577zM85.157 52.4h6.576v6.534h13.068V52.4h6.577V32.756h-6.577v6.534h-6.534v-6.534h6.534v-6.577H85.156v6.577h-6.533v13.11h6.533zM85.157 124.446h-6.534v6.577h6.533zM85.157 98.267h-6.534v6.534h6.533zM85.157 65.511h-6.534v6.534h6.533zM85.157 13.11h-6.534v6.535h6.533zM78.622 117.912h-6.577v6.534h6.577zM78.622 45.867h-6.577V52.4h6.577zM78.622 6.534h-6.577v6.577h6.577zM72.046 111.335h-6.534v6.577h6.534zM72.046 78.58h-6.534v13.11h6.534zM72.046 52.4h-6.534v6.534h6.534z"
+    />
+    <path
+      d="M72.046 13.11h-6.534v6.535h6.534zM58.977 131.022h-13.11v-13.11h-6.534v19.644H65.51v-19.644h-6.534zM65.512 91.69h-6.535v6.577h6.535zM65.512 72.045h-6.535v6.534h6.535zM65.512 19.645h-6.535v6.534h6.535zM58.978 65.511H45.867v6.534h13.11zM58.978 98.267H45.867v6.534h13.11zM45.867 91.69h-6.534v6.577h6.534zM45.867 72.045h-6.534v6.534h6.534zM45.867 39.29h13.11V52.4h6.534V32.757H39.333V52.4h6.534zM39.333 111.335h-6.577v6.577h6.577zM39.333 78.58h-6.577v13.11h6.577zM39.333 52.4h-6.577v6.534h6.577zM32.756 117.912h-6.534v6.534h6.534zM32.756 45.867h-6.534V52.4h6.534zM26.222 124.446h-6.577v6.577h6.577zM26.222 98.267h-6.577v6.534h6.577zM26.222 65.511h-6.577v6.534h6.577zM26.222 39.29h-6.577v6.577h6.577zM19.645 117.912H13.11v6.534h6.534zM19.645 104.801H13.11v6.534h6.534zM6.577 91.69V78.58h13.068v-6.535H0v26.222h19.645V91.69zM19.645 58.935H13.11v6.576h6.534zM19.645 45.867H13.11V52.4h6.534z"
+    />
+    <path d="M13.11 111.335H6.578v6.577h6.534zM13.11 52.4H6.578v6.534h6.534z" />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/computer.svg b/src/components/learn-aggregator/assets/computer.svg
index 49980390b9..2ea9a797c6 100644
--- a/src/components/learn-aggregator/assets/computer.svg
+++ b/src/components/learn-aggregator/assets/computer.svg
@@ -1 +1,19 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="139" fill="none" viewBox="0 0 138 139"><g fill="#ff99df" clip-path="url(#a)"><path d="M131.001 98.881h-19.644v-6.618h6.534v-6.575H19.667v6.575h6.555v6.618H6.556v39.535H131zm-98.267-6.618h72.046v6.618H32.734zm91.733 39.579H13.09v-26.386h111.377zM124.468 6.575h-6.577v79.113h6.577z"/><path d="M111.357 112.031H78.601v6.618h32.756zM26.222 79.114h85.156V13.193H26.222zm6.513-59.346h72.045v52.728H32.735zM39.312 112.031H26.2v13.193h13.11zM117.89 0H19.667v6.575h98.223zM19.667 6.575H13.09v79.113h6.577z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v138.416H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="139"
+  fill="none"
+  viewBox="0 0 138 139"
+>
+  <g fill="#ff99df" clip-path="url(#a)">
+    <path
+      d="M131.001 98.881h-19.644v-6.618h6.534v-6.575H19.667v6.575h6.555v6.618H6.556v39.535H131zm-98.267-6.618h72.046v6.618H32.734zm91.733 39.579H13.09v-26.386h111.377zM124.468 6.575h-6.577v79.113h6.577z"
+    />
+    <path
+      d="M111.357 112.031H78.601v6.618h32.756zM26.222 79.114h85.156V13.193H26.222zm6.513-59.346h72.045v52.728H32.735zM39.312 112.031H26.2v13.193h13.11zM117.89 0H19.667v6.575h98.223zM19.667 6.575H13.09v79.113h6.577z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v138.416H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/construction.svg b/src/components/learn-aggregator/assets/construction.svg
index 87ea57c465..a3a332693e 100644
--- a/src/components/learn-aggregator/assets/construction.svg
+++ b/src/components/learn-aggregator/assets/construction.svg
@@ -1 +1,22 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#83bd02" clip-path="url(#a)"><path d="M45.867 78.58v32.755h19.645v26.221h6.533v-26.221h39.333v26.221h6.534v-26.221h19.645V78.579zm26.178 19.687h-6.534v6.534h-13.11v-6.534h6.577V91.69h6.533v-6.534h13.111v6.534h-6.577zm26.222 0H91.69v6.534H78.622v-6.534h6.534V91.69h6.534v-6.534h13.111v6.534h-6.534zm32.756-6.577h-6.577v6.577h-6.534v6.534h-13.111v-6.534h6.577V91.69h6.534v-6.534h13.111zM98.267 52.4H91.69v6.535h6.577zM98.267 39.29H91.69v6.577h6.577zM91.69 45.867h-6.534V52.4h6.534zM85.157 52.4h-6.534v6.535h6.533zM85.157 39.29h-6.534v6.577h6.533zM78.622 65.512h-6.577v6.534h6.577zM72.046 58.934H52.4v6.577h19.645zM52.4 65.512h-6.533v6.534H52.4zM45.867 52.4H39.29v6.535h6.577zM45.867 39.29H39.29v6.577h6.577zM45.867 13.11H39.29v6.535h6.577zM13.11 117.912v-13.111H6.535v13.111H0v19.644h45.867v-19.644H39.29v-13.111h-6.534v13.111zm26.18 6.534v6.577H6.534v-6.577zM39.29 45.867h-6.534V52.4h6.534zM32.756 52.4h-6.534v6.535h6.534zM32.756 39.29h-6.534v6.577h6.534zM32.756 13.11h-6.534v6.535h6.534zM19.645 98.267V91.69H13.11V104.8h19.645V91.69h-6.534v6.577z"/><path d="M26.222 85.156h-6.577v6.534h6.577zM19.645 13.11H13.11v6.535h6.534zM117.912 0H6.534v6.534h111.378z"/><path d="M124.446 52.4V6.535h-6.534V26.18H6.534V6.534H0v91.733h6.534V32.756h111.378V52.4z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#83bd02" clip-path="url(#a)">
+    <path
+      d="M45.867 78.58v32.755h19.645v26.221h6.533v-26.221h39.333v26.221h6.534v-26.221h19.645V78.579zm26.178 19.687h-6.534v6.534h-13.11v-6.534h6.577V91.69h6.533v-6.534h13.111v6.534h-6.577zm26.222 0H91.69v6.534H78.622v-6.534h6.534V91.69h6.534v-6.534h13.111v6.534h-6.534zm32.756-6.577h-6.577v6.577h-6.534v6.534h-13.111v-6.534h6.577V91.69h6.534v-6.534h13.111zM98.267 52.4H91.69v6.535h6.577zM98.267 39.29H91.69v6.577h6.577zM91.69 45.867h-6.534V52.4h6.534zM85.157 52.4h-6.534v6.535h6.533zM85.157 39.29h-6.534v6.577h6.533zM78.622 65.512h-6.577v6.534h6.577zM72.046 58.934H52.4v6.577h19.645zM52.4 65.512h-6.533v6.534H52.4zM45.867 52.4H39.29v6.535h6.577zM45.867 39.29H39.29v6.577h6.577zM45.867 13.11H39.29v6.535h6.577zM13.11 117.912v-13.111H6.535v13.111H0v19.644h45.867v-19.644H39.29v-13.111h-6.534v13.111zm26.18 6.534v6.577H6.534v-6.577zM39.29 45.867h-6.534V52.4h6.534zM32.756 52.4h-6.534v6.535h6.534zM32.756 39.29h-6.534v6.577h6.534zM32.756 13.11h-6.534v6.535h6.534zM19.645 98.267V91.69H13.11V104.8h19.645V91.69h-6.534v6.577z"
+    />
+    <path
+      d="M26.222 85.156h-6.577v6.534h6.577zM19.645 13.11H13.11v6.535h6.534zM117.912 0H6.534v6.534h111.378z"
+    />
+    <path
+      d="M124.446 52.4V6.535h-6.534V26.18H6.534V6.534H0v91.733h6.534V32.756h111.378V52.4z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/dna.svg b/src/components/learn-aggregator/assets/dna.svg
index 4914769413..bdf4234af5 100644
--- a/src/components/learn-aggregator/assets/dna.svg
+++ b/src/components/learn-aggregator/assets/dna.svg
@@ -1 +1,22 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#ff99df" clip-path="url(#a)"><path d="M108.089 52.4v13.068H29.467V52.4h-6.534v32.756h6.534v-13.11h78.622v13.11h6.534V52.4z"/><path d="M29.467 85.156v6.534h6.534v6.534h13.111V91.69h39.29v6.534h13.111V91.69h6.576v-6.534zM42.578 124.446v-6.577h-6.577v6.577h-6.534v13.111h6.534v-6.577h65.512v6.577h6.576v-13.111h-6.576v-6.577h-6.534v6.577z"/><path d="M94.978 111.335h-13.11v6.534h13.11zM88.401 98.224h-6.534v6.577h6.534zM88.401 32.713h-6.534v6.577h6.534zM94.978 19.645h-13.11v6.534h13.11zM81.868 104.801H55.689v6.534h26.179zM81.868 26.179H55.689v6.534h26.179zM55.689 111.335h-13.11v6.534h13.11zM55.689 98.224h-6.577v6.577h6.577zM55.689 32.713h-6.577v6.577h6.577zM55.689 19.645h-13.11v6.534h13.11zM94.979 13.068v6.577h6.534v-6.577h6.576V0h-6.576v6.534H36.001V0h-6.534v13.068h6.534v6.577h6.577v-6.577zM108.089 52.4v-6.576h-6.576V39.29H88.402v6.534h-39.29V39.29h-13.11v6.534h-6.535V52.4z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#ff99df" clip-path="url(#a)">
+    <path
+      d="M108.089 52.4v13.068H29.467V52.4h-6.534v32.756h6.534v-13.11h78.622v13.11h6.534V52.4z"
+    />
+    <path
+      d="M29.467 85.156v6.534h6.534v6.534h13.111V91.69h39.29v6.534h13.111V91.69h6.576v-6.534zM42.578 124.446v-6.577h-6.577v6.577h-6.534v13.111h6.534v-6.577h65.512v6.577h6.576v-13.111h-6.576v-6.577h-6.534v6.577z"
+    />
+    <path
+      d="M94.978 111.335h-13.11v6.534h13.11zM88.401 98.224h-6.534v6.577h6.534zM88.401 32.713h-6.534v6.577h6.534zM94.978 19.645h-13.11v6.534h13.11zM81.868 104.801H55.689v6.534h26.179zM81.868 26.179H55.689v6.534h26.179zM55.689 111.335h-13.11v6.534h13.11zM55.689 98.224h-6.577v6.577h6.577zM55.689 32.713h-6.577v6.577h6.577zM55.689 19.645h-13.11v6.534h13.11zM94.979 13.068v6.577h6.534v-6.577h6.576V0h-6.576v6.534H36.001V0h-6.534v13.068h6.534v6.577h6.577v-6.577zM108.089 52.4v-6.576h-6.576V39.29H88.402v6.534h-39.29V39.29h-13.11v6.534h-6.535V52.4z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/globe.svg b/src/components/learn-aggregator/assets/globe.svg
index 17f6cb543d..731792c5a9 100644
--- a/src/components/learn-aggregator/assets/globe.svg
+++ b/src/components/learn-aggregator/assets/globe.svg
@@ -1 +1,25 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#83bd02" clip-path="url(#a)"><path d="M98.224 32.756v13.11H91.69v19.645h6.534v6.534h6.577v6.577H85.156v6.534h-6.577v6.534h19.645v13.111H91.69v13.111h6.534v6.534h13.111v-6.534h6.577v-6.577h6.534V98.267h6.534v-13.11h6.576V52.4h-6.576V39.29h-6.534V26.222h-6.534v6.534zM117.912 19.645h-6.577v6.577h6.577zM111.335 13.11h-13.11v6.535h13.11z"/><path d="M98.224 124.446H85.156v6.577h13.068zM98.224 6.534H85.156v6.577h13.068z"/><path d="M72.046 124.446h-6.534v-6.534H45.824v6.534H39.29v6.576H52.4v6.534h32.757v-6.534H72.046zM85.157 0H52.4v6.534h32.755zM45.823 72.045H52.4v6.577h6.534V58.935h-13.11zM39.29 117.912H26.179v6.534h13.11zM26.179 111.335h-6.534v6.577h6.534z"/><path d="M13.11 98.267v13.068h6.535v-6.534h6.534v-6.534h6.577V78.622h-6.577v-6.576h-6.534v-6.534H13.11v-6.577h6.534V52.4H39.29v-6.534h6.534V39.29H52.4v6.577h6.534V39.29h6.577V26.222h-6.577v-6.577h-13.11v-6.534H52.4V6.534H39.29v6.577H26.179v6.534h-6.534v6.577H13.11V39.29H6.534V52.4H0v32.756h6.534v13.111z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#83bd02" clip-path="url(#a)">
+    <path
+      d="M98.224 32.756v13.11H91.69v19.645h6.534v6.534h6.577v6.577H85.156v6.534h-6.577v6.534h19.645v13.111H91.69v13.111h6.534v6.534h13.111v-6.534h6.577v-6.577h6.534V98.267h6.534v-13.11h6.576V52.4h-6.576V39.29h-6.534V26.222h-6.534v6.534zM117.912 19.645h-6.577v6.577h6.577zM111.335 13.11h-13.11v6.535h13.11z"
+    />
+    <path
+      d="M98.224 124.446H85.156v6.577h13.068zM98.224 6.534H85.156v6.577h13.068z"
+    />
+    <path
+      d="M72.046 124.446h-6.534v-6.534H45.824v6.534H39.29v6.576H52.4v6.534h32.757v-6.534H72.046zM85.157 0H52.4v6.534h32.755zM45.823 72.045H52.4v6.577h6.534V58.935h-13.11zM39.29 117.912H26.179v6.534h13.11zM26.179 111.335h-6.534v6.577h6.534z"
+    />
+    <path
+      d="M13.11 98.267v13.068h6.535v-6.534h6.534v-6.534h6.577V78.622h-6.577v-6.576h-6.534v-6.534H13.11v-6.577h6.534V52.4H39.29v-6.534h6.534V39.29H52.4v6.577h6.534V39.29h6.577V26.222h-6.577v-6.577h-13.11v-6.534H52.4V6.534H39.29v6.577H26.179v6.534h-6.534v6.577H13.11V39.29H6.534V52.4H0v32.756h6.534v13.111z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/hierarchy.svg b/src/components/learn-aggregator/assets/hierarchy.svg
index f907687b01..ed0bcc4767 100644
--- a/src/components/learn-aggregator/assets/hierarchy.svg
+++ b/src/components/learn-aggregator/assets/hierarchy.svg
@@ -1 +1,25 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#ff99df" clip-path="url(#a)"><path d="M137.556 101.512h-6.577v19.645h6.577zM130.98 121.157h-19.645v6.577h19.645z"/><path d="M130.98 101.512v-6.534h-6.534V75.334h-6.577v19.644h-6.534v6.534zM117.869 68.757h-6.534v6.577h6.534z"/><path d="M111.335 101.512h-6.534v19.645h6.534zM72.045 62.223V42.578h6.534v-6.577H58.934v6.577h6.534v19.645h-39.29v6.534h39.29v26.221h-6.534v6.534H78.58v-6.534h-6.534V68.758h39.29v-6.534z"/><path d="M85.113 101.512h-6.534v19.645h6.534zM85.113 16.356h-6.534v19.645h6.534zM78.58 121.157H58.934v6.577h19.644zM78.58 9.822H58.934v6.534h19.644zM58.934 101.512H52.4v19.645h6.534zM58.934 16.356H52.4v19.645h6.534zM32.713 101.512h-6.534v19.645h6.534zM26.179 68.757h-6.534v6.577h6.534zM26.179 121.157H6.534v6.577H26.18zM13.068 94.979H6.534v6.533H26.18v-6.534h-6.534V75.334h-6.577zM6.534 101.512H0v19.645h6.534z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#ff99df" clip-path="url(#a)">
+    <path
+      d="M137.556 101.512h-6.577v19.645h6.577zM130.98 121.157h-19.645v6.577h19.645z"
+    />
+    <path
+      d="M130.98 101.512v-6.534h-6.534V75.334h-6.577v19.644h-6.534v6.534zM117.869 68.757h-6.534v6.577h6.534z"
+    />
+    <path
+      d="M111.335 101.512h-6.534v19.645h6.534zM72.045 62.223V42.578h6.534v-6.577H58.934v6.577h6.534v19.645h-39.29v6.534h39.29v26.221h-6.534v6.534H78.58v-6.534h-6.534V68.758h39.29v-6.534z"
+    />
+    <path
+      d="M85.113 101.512h-6.534v19.645h6.534zM85.113 16.356h-6.534v19.645h6.534zM78.58 121.157H58.934v6.577h19.644zM78.58 9.822H58.934v6.534h19.644zM58.934 101.512H52.4v19.645h6.534zM58.934 16.356H52.4v19.645h6.534zM32.713 101.512h-6.534v19.645h6.534zM26.179 68.757h-6.534v6.577h6.534zM26.179 121.157H6.534v6.577H26.18zM13.068 94.979H6.534v6.533H26.18v-6.534h-6.534V75.334h-6.577zM6.534 101.512H0v19.645h6.534z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/key.svg b/src/components/learn-aggregator/assets/key.svg
index a5792cc894..74eb5cb72a 100644
--- a/src/components/learn-aggregator/assets/key.svg
+++ b/src/components/learn-aggregator/assets/key.svg
@@ -1 +1,22 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#83bd02" clip-path="url(#a)"><path d="M127.734 32.756H121.2v26.179h6.534zM121.2 58.935h-6.533v6.576h6.533zM121.2 26.222h-6.533v6.534h6.533zM108.089 85.156H121.2v6.534h-13.111v19.688H121.2v6.534h-13.111v13.111h6.577v-6.577h13.068v-19.645h-13.068v-6.534h13.068V78.622h-13.068v-13.11h-6.577zM108.089 131.022H94.978v6.534h13.111zM88.445 19.645v6.577h13.111v6.534H88.445V52.4h26.222V32.756h-6.577v-6.534h6.577v-6.577h-6.577V13.11h-6.534v6.534zm13.111 26.222H95V39.29h6.577z"/><path d="M101.555 6.534h-6.577v6.577h6.577zM94.979 65.512h-6.534v-6.577H81.91v13.11h6.534v58.978h6.534zM88.445 26.222H81.91v6.534h6.534z"/><path d="M68.8 39.29V52.4h6.534v6.535h6.577v-26.18h-6.577v6.535zM81.91 72.045H62.223v6.577H81.91zM75.334 26.222H62.223v6.534h13.11zM94.978 0H62.223v6.534h32.755zM68.8 98.267h-6.577v6.534H68.8zM62.223 104.801h-6.534v6.577h6.534zM62.223 91.69h-6.534v6.577h6.534zM62.223 78.622h-6.534v6.534h6.534zM62.223 32.756h-6.534v6.534h6.534zM62.223 6.534h-6.534v6.577h6.534zM55.689 111.378h-6.534v6.534h6.534zM55.689 85.156h-6.534v6.534h6.534zM55.689 39.29h-6.534V65.51h6.534zM55.689 13.11h-6.534v19.646h6.534zM49.155 104.801h-6.577v6.577h6.577zM49.155 65.511h-6.577v6.534h6.577zM42.578 98.267h-6.534v6.534h6.534zM42.578 72.045h-6.534v6.577h6.534zM36.044 104.801H29.51v6.577h6.534zM36.044 78.622H29.51v6.534h6.534zM29.51 111.378h-6.577v6.534h6.577zM29.51 85.156h-6.577v6.534h6.577zM22.933 104.801h-6.534v6.577h6.534zM22.933 91.69h-6.534v6.577h6.534zM16.4 98.267H9.821v6.534H16.4z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#83bd02" clip-path="url(#a)">
+    <path
+      d="M127.734 32.756H121.2v26.179h6.534zM121.2 58.935h-6.533v6.576h6.533zM121.2 26.222h-6.533v6.534h6.533zM108.089 85.156H121.2v6.534h-13.111v19.688H121.2v6.534h-13.111v13.111h6.577v-6.577h13.068v-19.645h-13.068v-6.534h13.068V78.622h-13.068v-13.11h-6.577zM108.089 131.022H94.978v6.534h13.111zM88.445 19.645v6.577h13.111v6.534H88.445V52.4h26.222V32.756h-6.577v-6.534h6.577v-6.577h-6.577V13.11h-6.534v6.534zm13.111 26.222H95V39.29h6.577z"
+    />
+    <path
+      d="M101.555 6.534h-6.577v6.577h6.577zM94.979 65.512h-6.534v-6.577H81.91v13.11h6.534v58.978h6.534zM88.445 26.222H81.91v6.534h6.534z"
+    />
+    <path
+      d="M68.8 39.29V52.4h6.534v6.535h6.577v-26.18h-6.577v6.535zM81.91 72.045H62.223v6.577H81.91zM75.334 26.222H62.223v6.534h13.11zM94.978 0H62.223v6.534h32.755zM68.8 98.267h-6.577v6.534H68.8zM62.223 104.801h-6.534v6.577h6.534zM62.223 91.69h-6.534v6.577h6.534zM62.223 78.622h-6.534v6.534h6.534zM62.223 32.756h-6.534v6.534h6.534zM62.223 6.534h-6.534v6.577h6.534zM55.689 111.378h-6.534v6.534h6.534zM55.689 85.156h-6.534v6.534h6.534zM55.689 39.29h-6.534V65.51h6.534zM55.689 13.11h-6.534v19.646h6.534zM49.155 104.801h-6.577v6.577h6.577zM49.155 65.511h-6.577v6.534h6.577zM42.578 98.267h-6.534v6.534h6.534zM42.578 72.045h-6.534v6.577h6.534zM36.044 104.801H29.51v6.577h6.534zM36.044 78.622H29.51v6.534h6.534zM29.51 111.378h-6.577v6.534h6.577zM29.51 85.156h-6.577v6.534h6.577zM22.933 104.801h-6.534v6.577h6.534zM22.933 91.69h-6.534v6.577h6.534zM16.4 98.267H9.821v6.534H16.4z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/layer.svg b/src/components/learn-aggregator/assets/layer.svg
index 54b7bb9542..2730903094 100644
--- a/src/components/learn-aggregator/assets/layer.svg
+++ b/src/components/learn-aggregator/assets/layer.svg
@@ -1 +1,24 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><path fill="#83bd02" d="M134.268 36.023h-6.534v6.534h6.534zM127.734 42.557h-13.11v6.577h13.11zM127.734 29.489h-13.11v6.534h13.11zM101.513 101.534v6.534H88.445v6.577H75.334v6.534H62.223v-6.534h-13.11v-6.577H36.043v-6.534h-13.11v-6.577H3.288v6.577h6.534v6.534h13.11v6.577h13.111v6.534h13.068v6.534h13.111v6.577h13.11v-6.577h13.112v-6.534h13.068v-6.534h13.11v-6.577h13.111v-6.534h6.534v-6.577h-19.645v6.577z"/><path fill="#83bd02" d="M101.513 81.89v6.533H88.445v6.534H75.334v6.577H62.223v-6.577h-13.11v-6.534H36.043V81.89h-13.11v-6.577H3.288v6.577h6.534v6.534h13.11v6.534h13.111v6.577h13.068v6.534h13.111v6.577h13.11v-6.577h13.112v-6.534h13.068v-6.577h13.11v-6.534h13.111V81.89h6.534v-6.577h-19.645v6.577z"/><path fill="#83bd02" d="M101.513 62.244v6.534H88.445v6.534H75.334v6.577H62.223v-6.577h-13.11v-6.534H36.043v-6.534h-13.11v-6.577H3.288v6.577h6.534v6.534h13.11v6.534h13.111v6.577h13.068v6.534h13.111v6.534h13.11v-6.534h13.112V81.89h13.068v-6.577h13.11v-6.534h13.111v-6.534h6.534v-6.577h-19.645v6.577zM114.624 49.134h-13.111v6.533h13.111zM114.624 22.912h-13.111v6.577h13.111z"/><path fill="#83bd02" d="M101.513 55.668H88.445v6.576h13.068zM101.513 16.378H88.445v6.534h13.068zM88.445 62.245H75.334v6.534h13.11zM88.445 9.844H75.334v6.534h13.11zM75.334 68.778H62.223v6.534h13.11zM75.334 3.267H62.223v6.577h13.11zM62.223 62.245H49.112v6.534h13.11zM62.223 9.844H49.112v6.534h13.11zM49.112 55.668H36.044v6.576h13.068zM49.112 16.378H36.044v6.534h13.068zM36.045 49.134H22.934v6.533h13.11zM36.045 22.912H22.934v6.577h13.11zM22.934 42.557H9.823v6.577h13.11zM22.934 29.489H9.823v6.534h13.11zM9.823 36.023H3.289v6.534h6.534z"/></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <path
+    fill="#83bd02"
+    d="M134.268 36.023h-6.534v6.534h6.534zM127.734 42.557h-13.11v6.577h13.11zM127.734 29.489h-13.11v6.534h13.11zM101.513 101.534v6.534H88.445v6.577H75.334v6.534H62.223v-6.534h-13.11v-6.577H36.043v-6.534h-13.11v-6.577H3.288v6.577h6.534v6.534h13.11v6.577h13.111v6.534h13.068v6.534h13.111v6.577h13.11v-6.577h13.112v-6.534h13.068v-6.534h13.11v-6.577h13.111v-6.534h6.534v-6.577h-19.645v6.577z"
+  />
+  <path
+    fill="#83bd02"
+    d="M101.513 81.89v6.533H88.445v6.534H75.334v6.577H62.223v-6.577h-13.11v-6.534H36.043V81.89h-13.11v-6.577H3.288v6.577h6.534v6.534h13.11v6.534h13.111v6.577h13.068v6.534h13.111v6.577h13.11v-6.577h13.112v-6.534h13.068v-6.577h13.11v-6.534h13.111V81.89h6.534v-6.577h-19.645v6.577z"
+  />
+  <path
+    fill="#83bd02"
+    d="M101.513 62.244v6.534H88.445v6.534H75.334v6.577H62.223v-6.577h-13.11v-6.534H36.043v-6.534h-13.11v-6.577H3.288v6.577h6.534v6.534h13.11v6.534h13.111v6.577h13.068v6.534h13.111v6.534h13.11v-6.534h13.112V81.89h13.068v-6.577h13.11v-6.534h13.111v-6.534h6.534v-6.577h-19.645v6.577zM114.624 49.134h-13.111v6.533h13.111zM114.624 22.912h-13.111v6.577h13.111z"
+  />
+  <path
+    fill="#83bd02"
+    d="M101.513 55.668H88.445v6.576h13.068zM101.513 16.378H88.445v6.534h13.068zM88.445 62.245H75.334v6.534h13.11zM88.445 9.844H75.334v6.534h13.11zM75.334 68.778H62.223v6.534h13.11zM75.334 3.267H62.223v6.577h13.11zM62.223 62.245H49.112v6.534h13.11zM62.223 9.844H49.112v6.534h13.11zM49.112 55.668H36.044v6.576h13.068zM49.112 16.378H36.044v6.534h13.068zM36.045 49.134H22.934v6.533h13.11zM36.045 22.912H22.934v6.577h13.11zM22.934 42.557H9.823v6.577h13.11zM22.934 29.489H9.823v6.534h13.11zM9.823 36.023H3.289v6.534h6.534z"
+  />
+</svg>
diff --git a/src/components/learn-aggregator/assets/nav-left-circle.svg b/src/components/learn-aggregator/assets/nav-left-circle.svg
index 3b568b6fdd..395b0b562e 100644
--- a/src/components/learn-aggregator/assets/nav-left-circle.svg
+++ b/src/components/learn-aggregator/assets/nav-left-circle.svg
@@ -1 +1,22 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#ff99df" clip-path="url(#a)"><path d="M137.556 52.4h-6.534v32.756h6.534zM131.023 85.156h-6.577v13.111h6.577zM131.023 39.29h-6.577V52.4h6.577zM124.446 98.267h-6.534v13.068h6.534zM124.446 26.179h-6.534v13.11h6.534zM117.912 111.335h-6.577v6.577h6.577zM117.912 19.645h-6.577v6.534h6.577zM111.334 117.912H98.267v6.534h13.067zM104.801 52.4h-6.534v-6.533H58.934V32.756H52.4v6.534h-6.533v6.577H39.29V52.4h-6.534v6.534h-6.577v6.576h6.577v6.535h6.534v6.576h6.577v6.534H52.4v6.534h6.534V78.622h26.222v6.534h6.534v6.534h-6.534v6.577h-6.534v6.534H91.69v-6.534h13.111V91.69h6.534V58.935h-6.534zM111.334 13.11H98.267v6.535h13.067zM98.267 124.446H85.156v6.577h13.11zM98.267 6.534H85.156v6.577h13.11z"/><path d="M85.157 131.022H52.4v6.534h32.755zM85.157 0H52.4v6.534h32.755zM52.4 124.446H39.29v6.577H52.4zM52.4 6.534H39.29v6.577H52.4zM39.29 117.912H26.179v6.534h13.11zM39.29 13.11H26.179v6.535h13.11zM26.179 111.335h-6.534v6.577h6.534zM26.179 19.645h-6.534v6.534h6.534zM19.645 98.267H13.11v13.068h6.534zM19.645 26.179H13.11v13.11h6.534z"/><path d="M13.111 85.156H6.534v13.111h6.577zM13.111 39.29H6.534V52.4h6.577zM6.534 52.4H0v32.756h6.534z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#ff99df" clip-path="url(#a)">
+    <path
+      d="M137.556 52.4h-6.534v32.756h6.534zM131.023 85.156h-6.577v13.111h6.577zM131.023 39.29h-6.577V52.4h6.577zM124.446 98.267h-6.534v13.068h6.534zM124.446 26.179h-6.534v13.11h6.534zM117.912 111.335h-6.577v6.577h6.577zM117.912 19.645h-6.577v6.534h6.577zM111.334 117.912H98.267v6.534h13.067zM104.801 52.4h-6.534v-6.533H58.934V32.756H52.4v6.534h-6.533v6.577H39.29V52.4h-6.534v6.534h-6.577v6.576h6.577v6.535h6.534v6.576h6.577v6.534H52.4v6.534h6.534V78.622h26.222v6.534h6.534v6.534h-6.534v6.577h-6.534v6.534H91.69v-6.534h13.111V91.69h6.534V58.935h-6.534zM111.334 13.11H98.267v6.535h13.067zM98.267 124.446H85.156v6.577h13.11zM98.267 6.534H85.156v6.577h13.11z"
+    />
+    <path
+      d="M85.157 131.022H52.4v6.534h32.755zM85.157 0H52.4v6.534h32.755zM52.4 124.446H39.29v6.577H52.4zM52.4 6.534H39.29v6.577H52.4zM39.29 117.912H26.179v6.534h13.11zM39.29 13.11H26.179v6.535h13.11zM26.179 111.335h-6.534v6.577h6.534zM26.179 19.645h-6.534v6.534h6.534zM19.645 98.267H13.11v13.068h6.534zM19.645 26.179H13.11v13.11h6.534z"
+    />
+    <path
+      d="M13.111 85.156H6.534v13.111h6.577zM13.111 39.29H6.534V52.4h6.577zM6.534 52.4H0v32.756h6.534z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/note.svg b/src/components/learn-aggregator/assets/note.svg
index 39e0de7c52..90b81e393d 100644
--- a/src/components/learn-aggregator/assets/note.svg
+++ b/src/components/learn-aggregator/assets/note.svg
@@ -1 +1,19 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#83bd02" clip-path="url(#a)"><path d="M124.454 19.666h-6.534v111.335h6.534zM117.92 13.09h-6.577v6.576h6.577zM111.343 6.555h-6.534v6.534h6.534zM111.335 32.734h-6.534v-6.512h-6.534v-6.556H91.69V13.09H13.12v124.467h98.215zm-6.534 98.267H19.653V19.667h58.935v26.178h26.221zM104.809-.021H19.653v6.576h85.156z"/><path d="M91.699 111.356H32.763v6.534h58.934zM91.699 85.135H32.763v6.577h58.934zM91.699 58.956H32.763v6.534h58.934zM58.943 32.734H32.764v6.577h26.179z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#83bd02" clip-path="url(#a)">
+    <path
+      d="M124.454 19.666h-6.534v111.335h6.534zM117.92 13.09h-6.577v6.576h6.577zM111.343 6.555h-6.534v6.534h6.534zM111.335 32.734h-6.534v-6.512h-6.534v-6.556H91.69V13.09H13.12v124.467h98.215zm-6.534 98.267H19.653V19.667h58.935v26.178h26.221zM104.809-.021H19.653v6.576h85.156z"
+    />
+    <path
+      d="M91.699 111.356H32.763v6.534h58.934zM91.699 85.135H32.763v6.577h58.934zM91.699 58.956H32.763v6.534h58.934zM58.943 32.734H32.764v6.577h26.179z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/product-check.svg b/src/components/learn-aggregator/assets/product-check.svg
index 046554e4cd..b5ffbd2670 100644
--- a/src/components/learn-aggregator/assets/product-check.svg
+++ b/src/components/learn-aggregator/assets/product-check.svg
@@ -1 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><path fill="#83bd02" d="M131.001 65.533h-6.534v6.534h6.534zM124.467 72.067h-6.577V78.6h6.577zM124.467 58.956h-6.577v6.577h6.577zM117.89 78.6h-6.534v6.578h6.534zM117.89 52.422h-6.534v6.534h6.534zM104.823 104.823H85.135v6.533h26.221V85.178h-6.533zM65.49 72.067h-6.534v-6.534h-6.577v-6.577h-6.534v6.577h-6.534v6.534h6.534V78.6h6.534v6.577h6.577v6.534h6.534v-6.534h6.577V78.6H78.6v-6.534h6.534v-6.534h6.576v-6.577h6.534v-6.534h-6.534v-6.577h-6.576v6.577H78.6v6.534h-6.534v6.577H65.49zM104.823 32.777v19.645h6.533V26.2H85.135v6.577zM85.135 111.356H78.6v6.577h6.534zM85.135 19.667H78.6V26.2h6.534zM78.6 117.933h-6.533v6.534H78.6zM78.6 13.132h-6.533v6.534H78.6zM72.067 124.467H65.49v6.534h6.577zM72.067 6.556H65.49v6.577h6.577zM65.49 117.933h-6.534v6.534h6.534zM65.49 13.132h-6.534v6.534h6.534zM58.956 111.356h-6.577v6.577h6.577zM58.956 19.667h-6.577V26.2h6.577z"/><path fill="#83bd02" d="M32.734 104.823V85.178H26.2v26.178H52.38v-6.533zM32.734 32.777H52.38V26.2H26.2v26.222h6.534zM26.2 78.6h-6.533v6.578H26.2zM26.2 52.422h-6.533v6.534H26.2zM19.666 72.067H13.09V78.6h6.577zM19.666 58.956H13.09v6.577h6.577zM13.09 65.533H6.556v6.534h6.534z"/></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <path
+    fill="#83bd02"
+    d="M131.001 65.533h-6.534v6.534h6.534zM124.467 72.067h-6.577V78.6h6.577zM124.467 58.956h-6.577v6.577h6.577zM117.89 78.6h-6.534v6.578h6.534zM117.89 52.422h-6.534v6.534h6.534zM104.823 104.823H85.135v6.533h26.221V85.178h-6.533zM65.49 72.067h-6.534v-6.534h-6.577v-6.577h-6.534v6.577h-6.534v6.534h6.534V78.6h6.534v6.577h6.577v6.534h6.534v-6.534h6.577V78.6H78.6v-6.534h6.534v-6.534h6.576v-6.577h6.534v-6.534h-6.534v-6.577h-6.576v6.577H78.6v6.534h-6.534v6.577H65.49zM104.823 32.777v19.645h6.533V26.2H85.135v6.577zM85.135 111.356H78.6v6.577h6.534zM85.135 19.667H78.6V26.2h6.534zM78.6 117.933h-6.533v6.534H78.6zM78.6 13.132h-6.533v6.534H78.6zM72.067 124.467H65.49v6.534h6.577zM72.067 6.556H65.49v6.577h6.577zM65.49 117.933h-6.534v6.534h6.534zM65.49 13.132h-6.534v6.534h6.534zM58.956 111.356h-6.577v6.577h6.577zM58.956 19.667h-6.577V26.2h6.577z"
+  />
+  <path
+    fill="#83bd02"
+    d="M32.734 104.823V85.178H26.2v26.178H52.38v-6.533zM32.734 32.777H52.38V26.2H26.2v26.222h6.534zM26.2 78.6h-6.533v6.578H26.2zM26.2 52.422h-6.533v6.534H26.2zM19.666 72.067H13.09V78.6h6.577zM19.666 58.956H13.09v6.577h6.577zM13.09 65.533H6.556v6.534h6.534z"
+  />
+</svg>
diff --git a/src/components/learn-aggregator/assets/safe.svg b/src/components/learn-aggregator/assets/safe.svg
index 93f832daee..093727d0de 100644
--- a/src/components/learn-aggregator/assets/safe.svg
+++ b/src/components/learn-aggregator/assets/safe.svg
@@ -1 +1,19 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#83bd02" clip-path="url(#a)"><path d="M137.557 16.378h-6.577v98.267h6.577zM130.98 114.645h-6.534v6.533h6.534zM130.98 9.844h-6.534v6.534h6.534zM13.11 121.179v6.577H26.18v6.534h6.577v-6.534H104.8v6.534h6.534v-6.534h13.111v-6.577zM117.912 22.955H19.645v85.156h98.267V95h6.534V75.355h-6.534V55.71h6.534V36.023h-6.534zm-6.577 13.068h-6.534V55.71h6.534v19.645h-6.534V95h6.534v6.534H26.179V29.489h85.156z"/><path d="M98.267 49.133H91.69V81.89h6.577zM91.69 81.89h-6.534v6.533h6.534zM91.69 42.6h-6.534v6.533h6.534zM85.156 55.71h-6.577v19.645h6.577zM85.157 88.423H52.4V95h32.755zM78.579 75.355H58.934v6.534H78.58zM78.579 49.133H58.934v6.577H78.58zM85.157 36.023H52.4v6.576h32.755zM58.935 55.71H52.4v19.645h6.534zM52.4 81.89h-6.577v6.533H52.4zM52.4 42.6h-6.577v6.533H52.4zM45.824 49.133H39.29V81.89h6.534zM124.446 3.267H13.111v6.577h111.335zM13.111 114.645H6.534v6.533h6.577zM13.111 9.844H6.534v6.534h6.577zM6.534 16.378H0v98.267h6.534z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#83bd02" clip-path="url(#a)">
+    <path
+      d="M137.557 16.378h-6.577v98.267h6.577zM130.98 114.645h-6.534v6.533h6.534zM130.98 9.844h-6.534v6.534h6.534zM13.11 121.179v6.577H26.18v6.534h6.577v-6.534H104.8v6.534h6.534v-6.534h13.111v-6.577zM117.912 22.955H19.645v85.156h98.267V95h6.534V75.355h-6.534V55.71h6.534V36.023h-6.534zm-6.577 13.068h-6.534V55.71h6.534v19.645h-6.534V95h6.534v6.534H26.179V29.489h85.156z"
+    />
+    <path
+      d="M98.267 49.133H91.69V81.89h6.577zM91.69 81.89h-6.534v6.533h6.534zM91.69 42.6h-6.534v6.533h6.534zM85.156 55.71h-6.577v19.645h6.577zM85.157 88.423H52.4V95h32.755zM78.579 75.355H58.934v6.534H78.58zM78.579 49.133H58.934v6.577H78.58zM85.157 36.023H52.4v6.576h32.755zM58.935 55.71H52.4v19.645h6.534zM52.4 81.89h-6.577v6.533H52.4zM52.4 42.6h-6.577v6.533H52.4zM45.824 49.133H39.29V81.89h6.534zM124.446 3.267H13.111v6.577h111.335zM13.111 114.645H6.534v6.533h6.577zM13.111 9.844H6.534v6.534h6.577zM6.534 16.378H0v98.267h6.534z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/search.svg b/src/components/learn-aggregator/assets/search.svg
index c52d9f08b7..3f824bc454 100644
--- a/src/components/learn-aggregator/assets/search.svg
+++ b/src/components/learn-aggregator/assets/search.svg
@@ -1 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#ff99df" clip-path="url(#a)"><path d="M104.801 85.156h-6.577v13.111H85.156v6.534h-13.11v6.534H91.69v6.577h6.534v6.534h6.577v6.577h6.534v6.534h6.577v-6.534h6.534v-6.577h6.534v-6.534h6.577v-6.577h-6.577v-6.534h-6.534v-6.534h-6.534V91.69h-6.577V72.045h-6.534zM117.912 45.867h-6.577v26.178h6.577zM111.335 32.756h-6.534v13.11h6.534zM104.801 19.645h-6.577v13.11h6.577zM98.224 52.4H91.69v13.111h6.534zM91.69 39.29h-6.534V52.4h6.534zM98.224 13.11H85.156v6.535h13.068zM85.156 32.756h-13.11v6.534h13.11zM85.156 6.534h-13.11v6.577h13.11zM72.045 26.222h-13.11v6.534h13.11zM72.046 111.335H45.824v6.577h26.222zM72.046 0H45.824v6.534h26.222zM45.824 104.801H32.756v6.534h13.068zM45.824 6.534H32.756v6.577h13.068zM32.756 98.267H19.645v6.534h13.11zM32.756 13.11H19.645v6.535h13.11zM19.645 85.156H13.11v13.111h6.534zM19.645 19.645H13.11v13.11h6.534zM13.111 72.045H6.534v13.111h6.577zM13.111 32.756H6.534v13.11h6.577zM6.534 45.867H0v26.178h6.534z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#ff99df" clip-path="url(#a)">
+    <path
+      d="M104.801 85.156h-6.577v13.111H85.156v6.534h-13.11v6.534H91.69v6.577h6.534v6.534h6.577v6.577h6.534v6.534h6.577v-6.534h6.534v-6.577h6.534v-6.534h6.577v-6.577h-6.577v-6.534h-6.534v-6.534h-6.534V91.69h-6.577V72.045h-6.534zM117.912 45.867h-6.577v26.178h6.577zM111.335 32.756h-6.534v13.11h6.534zM104.801 19.645h-6.577v13.11h6.577zM98.224 52.4H91.69v13.111h6.534zM91.69 39.29h-6.534V52.4h6.534zM98.224 13.11H85.156v6.535h13.068zM85.156 32.756h-13.11v6.534h13.11zM85.156 6.534h-13.11v6.577h13.11zM72.045 26.222h-13.11v6.534h13.11zM72.046 111.335H45.824v6.577h26.222zM72.046 0H45.824v6.534h26.222zM45.824 104.801H32.756v6.534h13.068zM45.824 6.534H32.756v6.577h13.068zM32.756 98.267H19.645v6.534h13.11zM32.756 13.11H19.645v6.535h13.11zM19.645 85.156H13.11v13.111h6.534zM19.645 19.645H13.11v13.11h6.534zM13.111 72.045H6.534v13.111h6.577zM13.111 32.756H6.534v13.11h6.577zM6.534 45.867H0v26.178h6.534z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/share.svg b/src/components/learn-aggregator/assets/share.svg
index 6567793f34..af002cf99c 100644
--- a/src/components/learn-aggregator/assets/share.svg
+++ b/src/components/learn-aggregator/assets/share.svg
@@ -1 +1,25 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#83bd02" clip-path="url(#a)"><path d="M88.401 39.29h6.577v6.577h19.645V39.29h6.534v-6.534h-6.534V19.645h-6.577V13.11h6.577v6.534h6.534v13.11h6.577V13.112h-6.577V6.534h-6.534V0H94.978v6.534h-6.577v6.577h-6.534v19.645h6.534zM81.867 124.446h6.534v6.577h6.577v6.533h19.645v-6.533h6.534v-6.577h-6.534v-13.111h-6.577v-6.534h6.577v6.534h6.534v13.111h6.577v-19.645h-6.577v-6.534h-6.534V91.69H94.978v6.577h-6.577v6.534h-6.534z"/><path d="M81.868 98.267h-6.534v6.534h6.534zM81.868 32.756h-6.534v6.534h6.534zM75.333 91.69h-6.577v6.577h6.577zM75.333 39.29h-6.577v6.577h6.577z"/><path d="M68.757 85.156h-6.534v6.534h6.534zM68.757 45.867h-6.534V52.4h6.534zM62.222 78.622h-6.577v6.534h6.577zM62.222 52.4h-6.577v6.534h6.577z"/><path d="M22.933 45.867V52.4h-6.577v6.534H9.822v19.687h6.534v6.534h6.577v6.534h19.645v-6.534h6.534v-6.534h6.534V58.935h-6.534V52.4h-6.534v-6.534z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#83bd02" clip-path="url(#a)">
+    <path
+      d="M88.401 39.29h6.577v6.577h19.645V39.29h6.534v-6.534h-6.534V19.645h-6.577V13.11h6.577v6.534h6.534v13.11h6.577V13.112h-6.577V6.534h-6.534V0H94.978v6.534h-6.577v6.577h-6.534v19.645h6.534zM81.867 124.446h6.534v6.577h6.577v6.533h19.645v-6.533h6.534v-6.577h-6.534v-13.111h-6.577v-6.534h6.577v6.534h6.534v13.111h6.577v-19.645h-6.577v-6.534h-6.534V91.69H94.978v6.577h-6.577v6.534h-6.534z"
+    />
+    <path
+      d="M81.868 98.267h-6.534v6.534h6.534zM81.868 32.756h-6.534v6.534h6.534zM75.333 91.69h-6.577v6.577h6.577zM75.333 39.29h-6.577v6.577h6.577z"
+    />
+    <path
+      d="M68.757 85.156h-6.534v6.534h6.534zM68.757 45.867h-6.534V52.4h6.534zM62.222 78.622h-6.577v6.534h6.577zM62.222 52.4h-6.577v6.534h6.577z"
+    />
+    <path
+      d="M22.933 45.867V52.4h-6.577v6.534H9.822v19.687h6.534v6.534h6.577v6.534h19.645v-6.534h6.534v-6.534h6.534V58.935h-6.534V52.4h-6.534v-6.534z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/solve.svg b/src/components/learn-aggregator/assets/solve.svg
index 0479304299..0705b3eba7 100644
--- a/src/components/learn-aggregator/assets/solve.svg
+++ b/src/components/learn-aggregator/assets/solve.svg
@@ -1 +1,17 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><path fill="#83bd02" d="M127.734 42.578h-6.577V121.2h6.577zM121.157 121.2h-6.534v6.534h6.534zM121.157 36.044h-6.534v6.534h6.534z"/><path fill="#83bd02" d="M114.623 127.734h-91.69v6.534h91.69zM114.623 29.467H88.401v6.577h26.222zM88.401 16.356h-6.534v13.111h6.534zM81.868 9.823h-6.534v6.533h6.534zM75.334 3.289H62.223v6.534h13.11zM62.222 9.823h-6.577v6.533h6.577zM55.646 16.356h-6.534v13.111h6.534zM42.578 75.334H36v13.11h6.577zM36.001 88.445h-6.534v6.534h6.534zM36.001 68.757h-6.534v6.577h6.534zM49.112 29.467H22.933v6.577h26.179zM16.356 62.223V42.578H9.822v26.179h19.645v-6.534zM22.933 121.2h-6.577v6.534h6.577zM22.933 36.044h-6.577v6.534h6.577z"/><path fill="#83bd02" d="M16.356 101.512h13.111v-6.534H9.822V121.2h6.534z"/></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <path
+    fill="#83bd02"
+    d="M127.734 42.578h-6.577V121.2h6.577zM121.157 121.2h-6.534v6.534h6.534zM121.157 36.044h-6.534v6.534h6.534z"
+  />
+  <path
+    fill="#83bd02"
+    d="M114.623 127.734h-91.69v6.534h91.69zM114.623 29.467H88.401v6.577h26.222zM88.401 16.356h-6.534v13.111h6.534zM81.868 9.823h-6.534v6.533h6.534zM75.334 3.289H62.223v6.534h13.11zM62.222 9.823h-6.577v6.533h6.577zM55.646 16.356h-6.534v13.111h6.534zM42.578 75.334H36v13.11h6.577zM36.001 88.445h-6.534v6.534h6.534zM36.001 68.757h-6.534v6.577h6.534zM49.112 29.467H22.933v6.577h26.179zM16.356 62.223V42.578H9.822v26.179h19.645v-6.534zM22.933 121.2h-6.577v6.534h6.577zM22.933 36.044h-6.577v6.534h6.577z"
+  />
+  <path fill="#83bd02" d="M16.356 101.512h13.111v-6.534H9.822V121.2h6.534z" />
+</svg>
diff --git a/src/components/learn-aggregator/assets/startup.svg b/src/components/learn-aggregator/assets/startup.svg
index ee982cf48f..2fa142a43b 100644
--- a/src/components/learn-aggregator/assets/startup.svg
+++ b/src/components/learn-aggregator/assets/startup.svg
@@ -1 +1,23 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#83bd02" clip-path="url(#a)"><path d="M137.557 124.446h-13.111v6.577h13.111z"/><path d="M124.446 131.022h-6.534v6.534h6.534zM117.912 85.157h-6.577v6.534h6.577v6.576h6.534V65.512h-6.534z"/><path d="M117.912 124.446h-13.111v6.577h13.111zM117.912 58.978h-6.577v6.533h6.577zM104.801 117.912H91.69v6.534H104.8zM98.267 91.69h6.534v-6.534h6.533v-6.534h-6.533V58.978h6.533V52.4h-6.533V32.756h-6.534zM91.69 131.022h-6.534v6.534h6.534zM91.69 78.623h-6.534v6.533h6.534zM91.69 65.512h-6.534v6.534h6.534zM85.156 117.912h-6.577v13.11h6.577zM85.156 104.801H58.934v6.577h26.222zM85.156 6.534h-6.577v6.577h6.577zM78.58 0H65.512v6.534H78.58zM85.156 39.29h-6.577v-6.534H65.51v6.534h6.534v6.577H65.51V39.29h-6.577V52.4h6.577v6.578h13.068V52.4h6.577zM65.511 117.912h-6.577v13.11h6.577zM45.823 98.267H52.4v6.534h6.534v-6.534h26.222v6.534h6.534v-6.534h6.577V91.69H45.823zM65.511 6.534h-6.577v6.577h6.577zM58.935 131.022H52.4v6.534h6.534zM52.4 117.912H39.29v6.534H52.4z"/><path d="M58.934 19.645V13.11H52.4v6.534h-6.577v13.11H52.4v-6.533h39.29v6.534h6.577V19.645H91.69V13.11h-6.534v6.534zM45.824 32.756H39.29V52.4h-6.534v6.577h6.534v19.644h-6.534v6.534h6.534v6.534h6.534zM39.29 124.446H26.179v6.577h13.11zM32.756 58.978h-6.577v6.533h6.577zM26.179 131.022h-6.534v6.534h6.534zM26.179 65.512h-6.534v32.755h6.534v-6.576h6.577v-6.535h-6.577zM19.645 124.446H6.535v6.577h13.11zM6.534 131.022H0v6.534h6.534z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#83bd02" clip-path="url(#a)">
+    <path d="M137.557 124.446h-13.111v6.577h13.111z" />
+    <path
+      d="M124.446 131.022h-6.534v6.534h6.534zM117.912 85.157h-6.577v6.534h6.577v6.576h6.534V65.512h-6.534z"
+    />
+    <path
+      d="M117.912 124.446h-13.111v6.577h13.111zM117.912 58.978h-6.577v6.533h6.577zM104.801 117.912H91.69v6.534H104.8zM98.267 91.69h6.534v-6.534h6.533v-6.534h-6.533V58.978h6.533V52.4h-6.533V32.756h-6.534zM91.69 131.022h-6.534v6.534h6.534zM91.69 78.623h-6.534v6.533h6.534zM91.69 65.512h-6.534v6.534h6.534zM85.156 117.912h-6.577v13.11h6.577zM85.156 104.801H58.934v6.577h26.222zM85.156 6.534h-6.577v6.577h6.577zM78.58 0H65.512v6.534H78.58zM85.156 39.29h-6.577v-6.534H65.51v6.534h6.534v6.577H65.51V39.29h-6.577V52.4h6.577v6.578h13.068V52.4h6.577zM65.511 117.912h-6.577v13.11h6.577zM45.823 98.267H52.4v6.534h6.534v-6.534h26.222v6.534h6.534v-6.534h6.577V91.69H45.823zM65.511 6.534h-6.577v6.577h6.577zM58.935 131.022H52.4v6.534h6.534zM52.4 117.912H39.29v6.534H52.4z"
+    />
+    <path
+      d="M58.934 19.645V13.11H52.4v6.534h-6.577v13.11H52.4v-6.533h39.29v6.534h6.577V19.645H91.69V13.11h-6.534v6.534zM45.824 32.756H39.29V52.4h-6.534v6.577h6.534v19.644h-6.534v6.534h6.534v6.534h6.534zM39.29 124.446H26.179v6.577h13.11zM32.756 58.978h-6.577v6.533h6.577zM26.179 131.022h-6.534v6.534h6.534zM26.179 65.512h-6.534v32.755h6.534v-6.576h6.577v-6.535h-6.577zM19.645 124.446H6.535v6.577h13.11zM6.534 131.022H0v6.534h6.534z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/sync-square.svg b/src/components/learn-aggregator/assets/sync-square.svg
index 1931355fad..d6d9b7b34b 100644
--- a/src/components/learn-aggregator/assets/sync-square.svg
+++ b/src/components/learn-aggregator/assets/sync-square.svg
@@ -1 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#ff99df" clip-path="url(#a)"><path d="M127.734 32.756H121.2V104.8h6.534zM121.2 104.801h-6.577v6.534h6.577zM121.2 26.179h-6.577v6.577h6.577zM114.624 19.645h-26.18v6.534h26.18zM88.444 111.335V91.69h-6.576v6.577h-6.534v6.534H68.8v6.534h-6.577v6.577H68.8v6.534h6.534v6.577h6.534v6.534h6.576v-19.645h26.179v-6.577zM62.223 32.756H68.8v-6.577h6.534v-6.534H68.8V13.11h-6.577V6.534h-6.534V0h-6.534v19.645H22.933v6.534h26.222v19.688h6.534V39.29h6.534zM49.155 111.335H22.933v6.577h26.222zM22.933 104.801h-6.534v6.534h6.534zM22.933 26.179h-6.534v6.577h6.534zM16.4 32.756H9.821V104.8H16.4z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#ff99df" clip-path="url(#a)">
+    <path
+      d="M127.734 32.756H121.2V104.8h6.534zM121.2 104.801h-6.577v6.534h6.577zM121.2 26.179h-6.577v6.577h6.577zM114.624 19.645h-26.18v6.534h26.18zM88.444 111.335V91.69h-6.576v6.577h-6.534v6.534H68.8v6.534h-6.577v6.577H68.8v6.534h6.534v6.577h6.534v6.534h6.576v-19.645h26.179v-6.577zM62.223 32.756H68.8v-6.577h6.534v-6.534H68.8V13.11h-6.577V6.534h-6.534V0h-6.534v19.645H22.933v6.534h26.222v19.688h6.534V39.29h6.534zM49.155 111.335H22.933v6.577h26.222zM22.933 104.801h-6.534v6.534h6.534zM22.933 26.179h-6.534v6.577h6.534zM16.4 32.756H9.821V104.8H16.4z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>
diff --git a/src/components/learn-aggregator/assets/zoom-page.svg b/src/components/learn-aggregator/assets/zoom-page.svg
index 9680c94c26..81e62c9a4f 100644
--- a/src/components/learn-aggregator/assets/zoom-page.svg
+++ b/src/components/learn-aggregator/assets/zoom-page.svg
@@ -1 +1,19 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="138" height="138" fill="none" viewBox="0 0 138 138"><g fill="#ff99df" clip-path="url(#a)"><path d="M137.556 39.29h-6.534v19.644h6.534zM137.556 6.534h-6.534V26.18h6.534zM131.022 111.335h-6.577v-6.534h-6.534v-6.534h-6.534v13.068h-13.11v6.577h6.534v6.534h6.576v6.577h6.534v6.534h13.111v-6.534h6.534v-13.111h-6.534zM131.023 0h-19.645v6.534h19.645zM124.446 78.58h-6.534v19.687h6.534zM117.912 65.511h-6.534V78.58h6.534zM111.377 58.935h-13.11v6.576h13.11zM98.267 117.912H78.623v6.534h19.644zM98.267 52.4H78.623v6.534h19.644zM98.267 0H78.623v6.534h19.644zM78.623 111.335H65.512v6.577h13.11zM78.623 58.935H65.512v6.576h13.11zM65.512 98.267h-6.535v13.068h6.535zM65.512 65.511h-6.535V78.58h6.535zM58.978 78.58H52.4v19.687h6.577zM58.977 131.022H39.333v6.534h19.644zM58.977 0H39.333v6.534h19.644zM26.222 131.022H6.576v6.534h19.645zM26.222 0H6.576v6.534h19.645z"/><path d="M6.577 111.335H0v19.688h6.577zM6.577 78.58H0v19.687h6.577zM6.577 39.29H0v19.644h6.577zM6.577 6.534H0V26.18h6.577z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="138"
+  height="138"
+  fill="none"
+  viewBox="0 0 138 138"
+>
+  <g fill="#ff99df" clip-path="url(#a)">
+    <path
+      d="M137.556 39.29h-6.534v19.644h6.534zM137.556 6.534h-6.534V26.18h6.534zM131.022 111.335h-6.577v-6.534h-6.534v-6.534h-6.534v13.068h-13.11v6.577h6.534v6.534h6.576v6.577h6.534v6.534h13.111v-6.534h6.534v-13.111h-6.534zM131.023 0h-19.645v6.534h19.645zM124.446 78.58h-6.534v19.687h6.534zM117.912 65.511h-6.534V78.58h6.534zM111.377 58.935h-13.11v6.576h13.11zM98.267 117.912H78.623v6.534h19.644zM98.267 52.4H78.623v6.534h19.644zM98.267 0H78.623v6.534h19.644zM78.623 111.335H65.512v6.577h13.11zM78.623 58.935H65.512v6.576h13.11zM65.512 98.267h-6.535v13.068h6.535zM65.512 65.511h-6.535V78.58h6.535zM58.978 78.58H52.4v19.687h6.577zM58.977 131.022H39.333v6.534h19.644zM58.977 0H39.333v6.534h19.644zM26.222 131.022H6.576v6.534h19.645zM26.222 0H6.576v6.534h19.645z"
+    />
+    <path
+      d="M6.577 111.335H0v19.688h6.577zM6.577 78.58H0v19.687h6.577zM6.577 39.29H0v19.644h6.577zM6.577 6.534H0V26.18h6.577z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M0 0h137.557v137.557H0z" /></clipPath>
+  </defs>
+</svg>

From 4f9d0caef50dd3e89cfc84f31d508b09492fe39b Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Sat, 29 Nov 2025 14:44:49 +0100
Subject: [PATCH 04/10] Show a shorter TOC

---
 src/components/nextra-mdx-wrapper.tsx |  5 +++++
 src/pages/faq/_meta.ts                | 24 +++++++++++++++++-------
 src/pages/faq/index.mdx               |  2 +-
 3 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/components/nextra-mdx-wrapper.tsx b/src/components/nextra-mdx-wrapper.tsx
index 83dde0bfa4..c2f4e4461e 100644
--- a/src/components/nextra-mdx-wrapper.tsx
+++ b/src/components/nextra-mdx-wrapper.tsx
@@ -36,6 +36,11 @@ export function NextraMdxWrapper({
     directories,
   } = config.normalizePagesResult
 
+  console.log(themeContext.toc)
+  if (themeContext.toc && typeof themeContext.toc === "object") {
+    toc = themeContext.toc
+  }
+
   const tocEl =
     activeType === "page" ||
     !themeContext.toc ||
diff --git a/src/pages/faq/_meta.ts b/src/pages/faq/_meta.ts
index db899ed7f1..532f762bb3 100644
--- a/src/pages/faq/_meta.ts
+++ b/src/pages/faq/_meta.ts
@@ -1,15 +1,25 @@
 export default {
   index: {
     title: "FAQ",
+    type: "hidden",
     theme: {
-      toc: false,
       sidebar: false,
+      timestamp: false,
+      breadcrumb: false,
+      toc: [
+        { value: "Getting Started", id: "getting-started", depth: 2 },
+        { value: "General", id: "general", depth: 2 },
+        { value: "Best Practices", id: "best-practices", depth: 2 },
+        { value: "Specification", id: "specification", depth: 2 },
+        { value: "Frontend", id: "frontend", depth: 2 },
+        { value: "Foundation", id: "foundation", depth: 2 },
+      ],
     },
   },
-  "getting-started": { display: "hidden" },
-  general: { display: "hidden" },
-  "best-practices": { display: "hidden" },
-  specification: { display: "hidden" },
-  frontend: { display: "hidden" },
-  foundation: { display: "hidden" },
+  "getting-started": "",
+  general: "",
+  "best-practices": "",
+  specification: "",
+  frontend: "",
+  foundation: "",
 }
diff --git a/src/pages/faq/index.mdx b/src/pages/faq/index.mdx
index a4b03fc37a..f0e461631c 100644
--- a/src/pages/faq/index.mdx
+++ b/src/pages/faq/index.mdx
@@ -7,7 +7,7 @@ import Specification from "./specification.mdx"
 import Frontend from "./frontend.mdx"
 import Foundation from "./foundation.mdx"
 
-<h1 className="typography-h1">Frequently Asked Questions</h1>
+<h1 className="typography-h1 hidden">Frequently Asked Questions</h1>
 
 <FaqAggregator>
   <GettingStarted components={faqMdxComponents} />

From 9a30e04af1a4a3ee19bf2165c0b8590ce1d07e9a Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Sat, 29 Nov 2025 14:45:49 +0100
Subject: [PATCH 05/10] Always white text on primary background

---
 src/components/learn-aggregator/looking-for-more.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/learn-aggregator/looking-for-more.tsx b/src/components/learn-aggregator/looking-for-more.tsx
index 768aaa62da..95c719ad66 100644
--- a/src/components/learn-aggregator/looking-for-more.tsx
+++ b/src/components/learn-aggregator/looking-for-more.tsx
@@ -7,7 +7,7 @@ export function LookingForMore(props: React.HTMLAttributes<HTMLElement>) {
       {...props}
       className={clsx("gql-container gql-section", props.className)}
     >
-      <div className="mx-auto grid max-w-[1504px] gap-0 bg-pri-dark lg:grid-cols-[752px_1fr]">
+      <div className="mx-auto grid max-w-[1504px] gap-0 bg-pri-dark text-white lg:grid-cols-[752px_1fr]">
         <div className="flex flex-col justify-between gap-8 border-pri-light p-8 lg:border-r lg:p-16">
           <h2 className="typography-h2">Looking for more?</h2>
           <p className="typography-body-lg max-w-[624px]">

From 240c6e69b1a992c6d992a1ff3db96bed49f8abb0 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Sat, 29 Nov 2025 14:45:57 +0100
Subject: [PATCH 06/10] Remove redundant margin

---
 src/components/faq-aggregator/index.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/faq-aggregator/index.tsx b/src/components/faq-aggregator/index.tsx
index d2efb9b1c3..41e4c0e993 100644
--- a/src/components/faq-aggregator/index.tsx
+++ b/src/components/faq-aggregator/index.tsx
@@ -26,7 +26,7 @@ function FaqH1({ id, children }: { id?: string; children?: ReactNode }) {
 function FaqH2({ id, children }: { id?: string; children?: ReactNode }) {
   const slug = id ?? slugify(String(children))
   return (
-    <details className="group border-b border-neu-100 dark:border-neu-200 [&:first-of-type]:border-t">
+    <details className="group border-b border-neu-100 dark:border-neu-200 [&:first-of-type]:border-t [&>p:first-of-type]:!mt-0">
       <summary className="flex cursor-pointer list-none items-center justify-between gap-4 py-4 [&::-webkit-details-marker]:hidden">
         <h3 id={slug} className="typography-body-lg text-neu-900">
           {children}
@@ -82,10 +82,7 @@ export function FaqAggregator({ children }: { children: ReactNode }) {
       }
 
       if (answerContent.length > 0) {
-        const wrapper = document.createElement("div")
-        wrapper.className = "pb-4"
-        answerContent.forEach(node => wrapper.appendChild(node))
-        detail.appendChild(wrapper)
+        answerContent.forEach(node => detail.appendChild(node))
       }
     })
 

From 6269378ff99e8365bfcfbd1b271cebe83c37b0c6 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Sat, 29 Nov 2025 14:53:49 +0100
Subject: [PATCH 07/10] Highlight current heading

---
 .../mdx-components/get-mdx-headings.tsx            |  6 ++++--
 src/components/faq-aggregator/index.tsx            | 14 ++++++++------
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/_design-system/mdx-components/get-mdx-headings.tsx b/src/_design-system/mdx-components/get-mdx-headings.tsx
index a162126a90..0f5eb88bde 100644
--- a/src/_design-system/mdx-components/get-mdx-headings.tsx
+++ b/src/_design-system/mdx-components/get-mdx-headings.tsx
@@ -30,7 +30,9 @@ const createHeading = (
     id,
     className,
     ...props
-  }: React.ComponentPropsWithoutRef<"h2">): React.ReactElement {
+  }: React.ComponentPropsWithoutRef<"h2"> & {
+    size?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
+  }): React.ReactElement {
     // Nextra tracks anchors in context
     const setActiveAnchor = useSetActiveAnchor()
     const slugs = useSlugs()
@@ -61,7 +63,7 @@ const createHeading = (
           className === "sr-only"
             ? // can be added by footnotes
               "sr-only"
-            : clsx(headingClasses[Tag], "text-neu-900", className)
+            : clsx(headingClasses[props.size || Tag], "text-neu-900", className)
         }
         {...props}
       >
diff --git a/src/components/faq-aggregator/index.tsx b/src/components/faq-aggregator/index.tsx
index 41e4c0e993..9ee1f94958 100644
--- a/src/components/faq-aggregator/index.tsx
+++ b/src/components/faq-aggregator/index.tsx
@@ -1,5 +1,6 @@
 "use client"
 
+import { getMdxHeadings } from "@/_design-system/mdx-components/get-mdx-headings"
 import { type ReactNode, useRef, useLayoutEffect, useState } from "react"
 
 function slugify(text: string): string {
@@ -9,17 +10,18 @@ function slugify(text: string): string {
     .replace(/(^-|-$)/g, "")
 }
 
+const mdxHeadings = getMdxHeadings()
+
 function FaqH1({ id, children }: { id?: string; children?: ReactNode }) {
   const slug = id ?? slugify(String(children))
   return (
-    <h2
+    <mdxHeadings.h2
       id={slug}
-      className="typography-h2 mb-4 mt-8 scroll-mt-24 text-neu-900 first:mt-0"
+      size="h1"
+      className="mb-4 mt-8 scroll-mt-24 text-neu-900 first:mt-0"
     >
-      <a href={`#${slug}`} className="hover:underline">
-        {children}
-      </a>
-    </h2>
+      {children}
+    </mdxHeadings.h2>
   )
 }
 

From e937a8c8dbfe37aeabc035e9733b5844bb4d7a38 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Sat, 29 Nov 2025 15:04:07 +0100
Subject: [PATCH 08/10] Style questions

---
 src/components/faq-aggregator/index.tsx | 24 ++++--------------------
 1 file changed, 4 insertions(+), 20 deletions(-)

diff --git a/src/components/faq-aggregator/index.tsx b/src/components/faq-aggregator/index.tsx
index 9ee1f94958..109ded5e10 100644
--- a/src/components/faq-aggregator/index.tsx
+++ b/src/components/faq-aggregator/index.tsx
@@ -2,6 +2,7 @@
 
 import { getMdxHeadings } from "@/_design-system/mdx-components/get-mdx-headings"
 import { type ReactNode, useRef, useLayoutEffect, useState } from "react"
+import ArrowDown from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
 
 function slugify(text: string): string {
   return String(text)
@@ -28,34 +29,17 @@ function FaqH1({ id, children }: { id?: string; children?: ReactNode }) {
 function FaqH2({ id, children }: { id?: string; children?: ReactNode }) {
   const slug = id ?? slugify(String(children))
   return (
-    <details className="group border-b border-neu-100 dark:border-neu-200 [&:first-of-type]:border-t [&>p:first-of-type]:!mt-0">
-      <summary className="flex cursor-pointer list-none items-center justify-between gap-4 py-4 [&::-webkit-details-marker]:hidden">
+    <details className="group mt-4 border border-neu-400 bg-neu-0 *:px-3 dark:border-neu-200 lg:mt-6 [&:first-of-type]:border-t [&>:last-child]:mb-3 [&>p:first-of-type]:!mt-3">
+      <summary className="gql-focus-visible flex cursor-pointer list-none items-center justify-between gap-4 p-3 group-open:border-b group-hover:bg-neu-100 [&::-webkit-details-marker]:hidden">
         <h3 id={slug} className="typography-body-lg text-neu-900">
           {children}
         </h3>
-        <ChevronIcon className="size-5 shrink-0 text-neu-600 transition-transform group-open:rotate-180" />
+        <ArrowDown className="size-10 shrink-0 text-neu-800 group-open:rotate-180" />
       </summary>
     </details>
   )
 }
 
-function ChevronIcon({ className }: { className?: string }) {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth={2}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      className={className}
-    >
-      <polyline points="6 9 12 15 18 9" />
-    </svg>
-  )
-}
-
 export function FaqAggregator({ children }: { children: ReactNode }) {
   const containerRef = useRef<HTMLDivElement>(null)
   const [, forceUpdate] = useState(0)

From 34a97fa6f7315a7c712723c547c9cf695a57fbc0 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Sat, 29 Nov 2025 15:38:03 +0100
Subject: [PATCH 09/10] Add icons

---
 src/components/faq-aggregator/index.tsx | 45 ++++++++++++++++++++-----
 src/components/table-of-contents.tsx    |  2 +-
 src/nextra-theme-docs.css               |  2 +-
 src/pages/faq/index.mdx                 |  4 +++
 src/pages/learn/index.mdx               |  4 +++
 5 files changed, 46 insertions(+), 11 deletions(-)

diff --git a/src/components/faq-aggregator/index.tsx b/src/components/faq-aggregator/index.tsx
index 109ded5e10..84509b9e5d 100644
--- a/src/components/faq-aggregator/index.tsx
+++ b/src/components/faq-aggregator/index.tsx
@@ -3,6 +3,11 @@
 import { getMdxHeadings } from "@/_design-system/mdx-components/get-mdx-headings"
 import { type ReactNode, useRef, useLayoutEffect, useState } from "react"
 import ArrowDown from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
+import BestPracticesIcon from "./decorations/best-practices.svg?svgr"
+import FrontendIcon from "./decorations/frontend.svg?svgr"
+import GeneralIcon from "./decorations/general.svg?svgr"
+import GettingStartedIcon from "./decorations/getting-started.svg?svgr"
+import SpecificationIcon from "./decorations/specification.svg?svgr"
 
 function slugify(text: string): string {
   return String(text)
@@ -13,24 +18,42 @@ function slugify(text: string): string {
 
 const mdxHeadings = getMdxHeadings()
 
+const iconMap: Record<string, typeof GettingStartedIcon> = {
+  "getting-started": GettingStartedIcon,
+  "best-practices": BestPracticesIcon,
+  frontend: FrontendIcon,
+  general: GeneralIcon,
+  specification: SpecificationIcon,
+}
+
 function FaqH1({ id, children }: { id?: string; children?: ReactNode }) {
   const slug = id ?? slugify(String(children))
+  const Icon = iconMap[slug] ?? GeneralIcon
+
   return (
-    <mdxHeadings.h2
-      id={slug}
-      size="h1"
-      className="mb-4 mt-8 scroll-mt-24 text-neu-900 first:mt-0"
+    <div
+      data-heading
+      className="mb-4 mt-8 flex items-center border border-neu-400 first:mt-0 dark:border-neu-100"
     >
-      {children}
-    </mdxHeadings.h2>
+      <div className="flex size-[90px] shrink-0 items-center justify-center border-r border-inherit bg-neu-100 p-4 dark:bg-neu-50/50">
+        <Icon className="size-full text-neu-800" />
+      </div>
+      <mdxHeadings.h2
+        id={slug}
+        size="h1"
+        className="!mt-0 flex-1 px-4 text-neu-900"
+      >
+        {children}
+      </mdxHeadings.h2>
+    </div>
   )
 }
 
 function FaqH2({ id, children }: { id?: string; children?: ReactNode }) {
   const slug = id ?? slugify(String(children))
   return (
-    <details className="group mt-4 border border-neu-400 bg-neu-0 *:px-3 dark:border-neu-200 lg:mt-6 [&:first-of-type]:border-t [&>:last-child]:mb-3 [&>p:first-of-type]:!mt-3">
-      <summary className="gql-focus-visible flex cursor-pointer list-none items-center justify-between gap-4 p-3 group-open:border-b group-hover:bg-neu-100 [&::-webkit-details-marker]:hidden">
+    <details className="group mt-4 border border-neu-400 bg-neu-0 *:px-3 dark:border-neu-100 lg:mt-6 [&:first-of-type]:border-t [&>:last-child]:mb-3 [&>p:first-of-type]:!mt-3">
+      <summary className="gql-focus-visible flex cursor-pointer list-none items-center justify-between gap-4 p-3 hover:bg-neu-100 group-open:border-b group-open:border-neu-400 dark:hover:bg-neu-50/50 dark:group-open:border-neu-100 [&::-webkit-details-marker]:hidden">
         <h3 id={slug} className="typography-body-lg text-neu-900">
           {children}
         </h3>
@@ -56,7 +79,11 @@ export function FaqAggregator({ children }: { children: ReactNode }) {
       while (sibling) {
         const next = sibling.nextSibling
         if (sibling instanceof Element) {
-          if (sibling.tagName === "DETAILS" || sibling.tagName === "H2") break
+          if (
+            sibling.tagName === "DETAILS" ||
+            (sibling as HTMLElement).dataset?.heading
+          )
+            break
           answerContent.push(sibling)
         } else if (
           sibling.nodeType === Node.TEXT_NODE &&
diff --git a/src/components/table-of-contents.tsx b/src/components/table-of-contents.tsx
index 0f8ca9af8f..84c3460434 100644
--- a/src/components/table-of-contents.tsx
+++ b/src/components/table-of-contents.tsx
@@ -86,7 +86,7 @@ export function TableOfContents({
                     }[depth],
                     "block",
                     activeAnchor[id]?.isActive
-                      ? "text-pri-base contrast-more:!text-pri-base"
+                      ? "text-pri-base contrast-more:!text-pri-base dark:text-pri-light"
                       : "",
                   )}
                 >
diff --git a/src/nextra-theme-docs.css b/src/nextra-theme-docs.css
index 9b3d03e932..5f8993280a 100644
--- a/src/nextra-theme-docs.css
+++ b/src/nextra-theme-docs.css
@@ -1585,7 +1585,7 @@ pre
 }
 :target > .subheading-anchor:is(html[class~="dark"] *):after {
   --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
+  color: rgb(110 117 87 / var(--tw-text-opacity, 1));
 }
 .subheading-anchor:after {
   --tw-content: "#";
diff --git a/src/pages/faq/index.mdx b/src/pages/faq/index.mdx
index f0e461631c..0882acaec0 100644
--- a/src/pages/faq/index.mdx
+++ b/src/pages/faq/index.mdx
@@ -1,3 +1,7 @@
+---
+title: FAQ
+---
+
 import { FaqAggregator, faqMdxComponents } from "@/components/faq-aggregator"
 
 import GettingStarted from "./getting-started.mdx"
diff --git a/src/pages/learn/index.mdx b/src/pages/learn/index.mdx
index e3462ff6a9..b2187f13d2 100644
--- a/src/pages/learn/index.mdx
+++ b/src/pages/learn/index.mdx
@@ -1,3 +1,7 @@
+---
+title: Learn
+---
+
 import { Button } from '@/app/conf/_design-system/button';
 
 import { NavbarFixed } from '../../components/navbar/navbar-fixed'

From 4086a9d1a553cbc7ab90cec362ac5d614ff741e5 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Sat, 29 Nov 2025 15:40:53 +0100
Subject: [PATCH 10/10] Remove console.log

---
 src/components/nextra-mdx-wrapper.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/nextra-mdx-wrapper.tsx b/src/components/nextra-mdx-wrapper.tsx
index c2f4e4461e..4dc9b4fc2f 100644
--- a/src/components/nextra-mdx-wrapper.tsx
+++ b/src/components/nextra-mdx-wrapper.tsx
@@ -36,7 +36,6 @@ export function NextraMdxWrapper({
     directories,
   } = config.normalizePagesResult
 
-  console.log(themeContext.toc)
   if (themeContext.toc && typeof themeContext.toc === "object") {
     toc = themeContext.toc
   }