diff --git a/.vscode/settings.json b/.vscode/settings.json
index 44a73ec3..8609b921 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,5 +3,7 @@
     {
       "mode": "auto"
     }
-  ]
-}
+  ],
+  "typescript.tsdk": "./node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true
+}
\ No newline at end of file
diff --git a/apps/analytics-web/.eslintrc.js b/apps/analytics-web/.eslintrc.js
deleted file mode 100644
index 0e5e86f8..00000000
--- a/apps/analytics-web/.eslintrc.js
+++ /dev/null
@@ -1,3 +0,0 @@
-module.exports = {
-  extends: ["custom/next"],
-};
diff --git a/apps/analytics-web/app/_components/analytics/AnalyticsView.tsx b/apps/analytics-web/app/_components/analytics/AnalyticsView.tsx
index e32024ee..2ace1e57 100644
--- a/apps/analytics-web/app/_components/analytics/AnalyticsView.tsx
+++ b/apps/analytics-web/app/_components/analytics/AnalyticsView.tsx
@@ -1,13 +1,13 @@
-import { Card, CardHeader, CardContent } from "~/components/ui/card";
-import EventsTable from "./EventsTable/EventsTable";
-import TotalAppsCard from "./cards/TotalAppsCard";
-import TotalInterviewsCompletedCard from "./cards/TotalInterviewsCompletedCard";
-import TotalInterviewsStartedCard from "./cards/TotalInterviewsStartedCard";
-import TotalProtocolsInstalledCard from "./cards/TotalProtocolsInstalledCard";
-import RegionsTable from "./RegionsTable/RegionsTable";
-import getEvents from "~/db/getEvents";
-import TotalErrorsCard from "./cards/TotalErrorsCard";
-import TotalDataExported from "./cards/TotalDataExported";
+import { Card, CardHeader, CardContent } from '~/components/ui/card';
+import EventsTable from './EventsTable/EventsTable';
+import TotalAppsCard from './cards/TotalAppsCard';
+import TotalInterviewsCompletedCard from './cards/TotalInterviewsCompletedCard';
+import TotalInterviewsStartedCard from './cards/TotalInterviewsStartedCard';
+import TotalProtocolsInstalledCard from './cards/TotalProtocolsInstalledCard';
+import RegionsTable from './RegionsTable/RegionsTable';
+import getEvents from '~/db/getEvents';
+import TotalErrorsCard from './cards/TotalErrorsCard';
+import TotalDataExported from './cards/TotalDataExported';
 
 export default async function AnalyticsView() {
   const events = await getEvents();
@@ -22,7 +22,7 @@ export default async function AnalyticsView() {
         <TotalDataExported />
         <TotalErrorsCard />
       </div>
-      <div className="grid gap-4 lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1">
+      <div className="grid gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
         <div className="lg:col-span-2">
           <EventsTable events={events} />
         </div>
diff --git a/apps/analytics-web/app/_components/analytics/EventsTable/Columns.tsx b/apps/analytics-web/app/_components/analytics/EventsTable/Columns.tsx
index 32b3c9a5..68f13a05 100644
--- a/apps/analytics-web/app/_components/analytics/EventsTable/Columns.tsx
+++ b/apps/analytics-web/app/_components/analytics/EventsTable/Columns.tsx
@@ -1,21 +1,21 @@
-"use client";
+'use client';
 
-import { ColumnDef } from "@tanstack/react-table";
-import { type Dispatch, type SetStateAction } from "react";
-import { DataTableColumnHeader } from "~/components/DataTable/column-header";
-import { MetadataDialog } from "~/components/MetadataDialog";
-import type { Event } from "~/db/getEvents";
-import { type EventType } from "./EventsTable";
-import { StackTraceDialog } from "./StackTraceDialog";
-import TableFilter from "./TableFilter";
+import { type ColumnDef } from '@tanstack/react-table';
+import { type Dispatch, type SetStateAction } from 'react';
+import { DataTableColumnHeader } from '~/components/DataTable/column-header';
+import { MetadataDialog } from '~/components/MetadataDialog';
+import type { Event } from '~/db/getEvents';
+import { type EventType } from './EventsTable';
+import { StackTraceDialog } from './StackTraceDialog';
+import TableFilter from './TableFilter';
 
 export const getColumns = (
   eventTypes: EventType[],
-  setEventTypes: Dispatch<SetStateAction<EventType[]>>
+  setEventTypes: Dispatch<SetStateAction<EventType[]>>,
 ) => {
   const columns: ColumnDef<Event>[] = [
     {
-      accessorKey: "type",
+      accessorKey: 'type',
       header: ({ column }) => (
         <div className="flex space-x-4">
           <TableFilter eventTypes={eventTypes} setEventTypes={setEventTypes} />
@@ -24,7 +24,7 @@ export const getColumns = (
       ),
     },
     {
-      accessorKey: "timestamp",
+      accessorKey: 'timestamp',
       header: ({ column }) => (
         <DataTableColumnHeader column={column} title="Timestamp" />
       ),
@@ -37,7 +37,7 @@ export const getColumns = (
       },
     },
     {
-      accessorKey: "installationId",
+      accessorKey: 'installationId',
       header: ({ column }) => (
         <DataTableColumnHeader column={column} title="Installation Id" />
       ),
@@ -46,26 +46,26 @@ export const getColumns = (
       },
     },
     {
-      accessorKey: "name",
+      accessorKey: 'name',
       header: ({ column }) => (
         <DataTableColumnHeader column={column} title="Name" />
       ),
     },
     {
-      accessorKey: "message",
+      accessorKey: 'message',
       header: ({ column }) => (
         <DataTableColumnHeader column={column} title="Message" />
       ),
     },
     {
-      accessorKey: "cause",
+      accessorKey: 'cause',
       header: ({ column }) => (
         <DataTableColumnHeader column={column} title="Cause" />
       ),
     },
     {
-      accessorKey: "stack",
-      header: "",
+      accessorKey: 'stack',
+      header: '',
       cell: ({ row }) =>
         row.original.stack && (
           <div className="min-w-max">
@@ -74,8 +74,8 @@ export const getColumns = (
         ),
     },
     {
-      accessorKey: "metadata",
-      header: "",
+      accessorKey: 'metadata',
+      header: '',
       cell: ({ row }) => {
         return (
           <div className="min-w-max">
diff --git a/apps/analytics-web/app/_components/analytics/EventsTable/EventsTable.tsx b/apps/analytics-web/app/_components/analytics/EventsTable/EventsTable.tsx
index 1b650e46..bb4b4f23 100644
--- a/apps/analytics-web/app/_components/analytics/EventsTable/EventsTable.tsx
+++ b/apps/analytics-web/app/_components/analytics/EventsTable/EventsTable.tsx
@@ -1,10 +1,10 @@
-"use client";
+'use client';
 
-import { useEffect, useMemo, useState } from "react";
-import { DataTable } from "~/components/DataTable/data-table";
-import ExportButton from "~/components/ExportButton";
-import { Event } from "~/db/getEvents";
-import { getColumns } from "./Columns";
+import { useEffect, useMemo, useState } from 'react';
+import { DataTable } from '~/components/DataTable/data-table';
+import ExportButton from '~/components/ExportButton';
+import { type Event } from '~/db/getEvents';
+import { getColumns } from './Columns';
 
 export type EventType = {
   text: string;
@@ -17,7 +17,7 @@ export default function EventsTable({ events }: { events: Event[] }) {
   useEffect(() => {
     const eventTypesMap = new Map<string, EventType>();
     events.forEach((event) =>
-      eventTypesMap.set(event.type, { text: event.type, isSelected: true })
+      eventTypesMap.set(event.type, { text: event.type, isSelected: true }),
     );
 
     setEventTypes([...Array.from(eventTypesMap.values())]);
@@ -33,7 +33,7 @@ export default function EventsTable({ events }: { events: Event[] }) {
 
   return (
     <div>
-      <div className="flex justify-between items-center mt-2">
+      <div className="mt-2 flex items-center justify-between">
         <h2>Events</h2>
         <ExportButton data={events} filename="events.csv" />
       </div>
diff --git a/apps/analytics-web/app/_components/analytics/EventsTable/StackTraceDialog.tsx b/apps/analytics-web/app/_components/analytics/EventsTable/StackTraceDialog.tsx
index ed049cf2..cc1df0cd 100644
--- a/apps/analytics-web/app/_components/analytics/EventsTable/StackTraceDialog.tsx
+++ b/apps/analytics-web/app/_components/analytics/EventsTable/StackTraceDialog.tsx
@@ -1,5 +1,5 @@
-import { DialogButton } from "~/components/DialogButton";
-import { Event } from "~/db/getEvents";
+import { DialogButton } from '~/components/DialogButton';
+import { type Event } from '~/db/getEvents';
 
 export function StackTraceDialog({ error }: { error: Event }) {
   return (
diff --git a/apps/analytics-web/app/_components/analytics/EventsTable/TableFilter.tsx b/apps/analytics-web/app/_components/analytics/EventsTable/TableFilter.tsx
index 191ebad4..f027d660 100644
--- a/apps/analytics-web/app/_components/analytics/EventsTable/TableFilter.tsx
+++ b/apps/analytics-web/app/_components/analytics/EventsTable/TableFilter.tsx
@@ -1,16 +1,16 @@
-"use client";
+'use client';
 
-import { useState, type Dispatch, type SetStateAction } from "react";
-import { Button } from "~/components/ui/button";
-import { Checkbox } from "~/components/ui/checkbox";
+import { useState, type Dispatch, type SetStateAction } from 'react';
+import { Button } from '~/components/ui/button';
+import { Checkbox } from '~/components/ui/checkbox';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "~/components/ui/dropdown-menu";
-import { type EventType } from "./EventsTable";
+} from '~/components/ui/dropdown-menu';
+import { type EventType } from './EventsTable';
 
 type TableFilterProps = {
   eventTypes: EventType[];
@@ -23,8 +23,8 @@ const TableFilter = ({ eventTypes, setEventTypes }: TableFilterProps) => {
   const toggleOption = (option: string) => {
     setOptions((prevState) =>
       prevState.map((t) =>
-        t.text === option ? { ...t, isSelected: !t.isSelected } : t
-      )
+        t.text === option ? { ...t, isSelected: !t.isSelected } : t,
+      ),
     );
   };
 
@@ -37,17 +37,21 @@ const TableFilter = ({ eventTypes, setEventTypes }: TableFilterProps) => {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button className="text-sm" size={"sm"} variant="outline">
+        <Button className="text-sm" size={'sm'} variant="outline">
           Type
         </Button>
       </DropdownMenuTrigger>
-      <DropdownMenuContent className="w-52 ml-12">
+      <DropdownMenuContent className="ml-12 w-52">
         <DropdownMenuLabel>Select events</DropdownMenuLabel>
         <DropdownMenuSeparator />
 
         <div className="space-y-3">
-          <label className="text-sm flex items-center gap-3 pl-2 transition-colors hover:bg-muted p-1 rounded-md">
+          <label
+            htmlFor="all-checkbox"
+            className="flex items-center gap-3 rounded-md p-1 pl-2 text-sm transition-colors hover:bg-muted"
+          >
             <Checkbox
+              id="all-checkbox"
               checked={isAllSelected}
               onCheckedChange={() => toggleAllOptions(!isAllSelected)}
             />
@@ -58,7 +62,7 @@ const TableFilter = ({ eventTypes, setEventTypes }: TableFilterProps) => {
           {options.map((option) => (
             <label
               key={option.text}
-              className="text-sm flex items-center gap-3 pl-2 transition-colors hover:bg-muted p-1 rounded-md"
+              className="flex items-center gap-3 rounded-md p-1 pl-2 text-sm transition-colors hover:bg-muted"
             >
               <Checkbox
                 checked={option.isSelected}
@@ -71,7 +75,7 @@ const TableFilter = ({ eventTypes, setEventTypes }: TableFilterProps) => {
           <Button
             onClick={() => setEventTypes(options)}
             className="float-right"
-            size={"sm"}
+            size={'sm'}
           >
             Apply
           </Button>
diff --git a/apps/analytics-web/app/_components/analytics/RegionsTable/Columns.tsx b/apps/analytics-web/app/_components/analytics/RegionsTable/Columns.tsx
index 48fbf60a..8c30a90c 100644
--- a/apps/analytics-web/app/_components/analytics/RegionsTable/Columns.tsx
+++ b/apps/analytics-web/app/_components/analytics/RegionsTable/Columns.tsx
@@ -1,13 +1,13 @@
-"use client";
-import { ColumnDef } from "@tanstack/react-table";
-import { RegionTotal } from "~/utils/getRegionsTotals";
+'use client';
+import { type ColumnDef } from '@tanstack/react-table';
+import { type RegionTotal } from '~/utils/getRegionsTotals';
 export const columns: ColumnDef<RegionTotal>[] = [
   {
-    accessorKey: "country",
-    header: "Country",
+    accessorKey: 'country',
+    header: 'Country',
   },
   {
-    accessorKey: "total",
-    header: "Total",
+    accessorKey: 'total',
+    header: 'Total',
   },
 ];
diff --git a/apps/analytics-web/app/_components/analytics/RegionsTable/RegionsTable.tsx b/apps/analytics-web/app/_components/analytics/RegionsTable/RegionsTable.tsx
index aa8dad30..45cf4fe0 100644
--- a/apps/analytics-web/app/_components/analytics/RegionsTable/RegionsTable.tsx
+++ b/apps/analytics-web/app/_components/analytics/RegionsTable/RegionsTable.tsx
@@ -1,6 +1,6 @@
-import { DataTable } from "~/components/DataTable/data-table";
-import getRegionsTotals from "~/utils/getRegionsTotals";
-import { columns } from "./Columns";
+import { DataTable } from '~/components/DataTable/data-table';
+import getRegionsTotals from '~/utils/getRegionsTotals';
+import { columns } from './Columns';
 
 export default async function ErrorsTable() {
   const regionsTotals = await getRegionsTotals();
diff --git a/apps/analytics-web/app/_components/analytics/cards/TotalAppsCard.tsx b/apps/analytics-web/app/_components/analytics/cards/TotalAppsCard.tsx
index cd7dca76..c8aa409b 100644
--- a/apps/analytics-web/app/_components/analytics/cards/TotalAppsCard.tsx
+++ b/apps/analytics-web/app/_components/analytics/cards/TotalAppsCard.tsx
@@ -1,5 +1,5 @@
-import { getTotalAppsSetup } from "~/utils/getTotalAppsSetup";
-import { SummaryCard } from "~/components/SummaryCard";
+import { getTotalAppsSetup } from '~/utils/getTotalAppsSetup';
+import { SummaryCard } from '~/components/SummaryCard';
 
 const TotalAppsCard = async () => {
   const totalAppsSetup = await getTotalAppsSetup();
diff --git a/apps/analytics-web/app/_components/analytics/cards/TotalDataExported.tsx b/apps/analytics-web/app/_components/analytics/cards/TotalDataExported.tsx
index 8325614d..2101dfc1 100644
--- a/apps/analytics-web/app/_components/analytics/cards/TotalDataExported.tsx
+++ b/apps/analytics-web/app/_components/analytics/cards/TotalDataExported.tsx
@@ -1,5 +1,5 @@
-import { getTotalInterviewsStarted } from "~/utils/getTotalInterviewsStarted";
-import { SummaryCard } from "~/components/SummaryCard";
+import { getTotalInterviewsStarted } from '~/utils/getTotalInterviewsStarted';
+import { SummaryCard } from '~/components/SummaryCard';
 
 const TotalDataExported = async () => {
   const totalInterviewsStarted = await getTotalInterviewsStarted();
diff --git a/apps/analytics-web/app/_components/analytics/cards/TotalErrorsCard.tsx b/apps/analytics-web/app/_components/analytics/cards/TotalErrorsCard.tsx
index fb0a3757..c978ca6c 100644
--- a/apps/analytics-web/app/_components/analytics/cards/TotalErrorsCard.tsx
+++ b/apps/analytics-web/app/_components/analytics/cards/TotalErrorsCard.tsx
@@ -1,5 +1,5 @@
-import { SummaryCard } from "~/components/SummaryCard";
-import { getTotalErrors } from "~/utils/getTotalErrors";
+import { SummaryCard } from '~/components/SummaryCard';
+import { getTotalErrors } from '~/utils/getTotalErrors';
 
 const TotalErrorsCard = async () => {
   const totalErrors = await getTotalErrors();
diff --git a/apps/analytics-web/app/_components/analytics/cards/TotalInterviewsCompletedCard.tsx b/apps/analytics-web/app/_components/analytics/cards/TotalInterviewsCompletedCard.tsx
index 9226f52e..e444cfe3 100644
--- a/apps/analytics-web/app/_components/analytics/cards/TotalInterviewsCompletedCard.tsx
+++ b/apps/analytics-web/app/_components/analytics/cards/TotalInterviewsCompletedCard.tsx
@@ -1,5 +1,5 @@
-import { getTotalInterviewsCompleted } from "~/utils/getTotalInterviewsCompleted";
-import { SummaryCard } from "~/components/SummaryCard";
+import { getTotalInterviewsCompleted } from '~/utils/getTotalInterviewsCompleted';
+import { SummaryCard } from '~/components/SummaryCard';
 
 const TotalAppsCard = async () => {
   const totalInterviewsCompleted = await getTotalInterviewsCompleted();
diff --git a/apps/analytics-web/app/_components/analytics/cards/TotalInterviewsStartedCard.tsx b/apps/analytics-web/app/_components/analytics/cards/TotalInterviewsStartedCard.tsx
index f724249e..efecf03f 100644
--- a/apps/analytics-web/app/_components/analytics/cards/TotalInterviewsStartedCard.tsx
+++ b/apps/analytics-web/app/_components/analytics/cards/TotalInterviewsStartedCard.tsx
@@ -1,5 +1,5 @@
-import { getTotalInterviewsStarted } from "~/utils/getTotalInterviewsStarted";
-import { SummaryCard } from "~/components/SummaryCard";
+import { getTotalInterviewsStarted } from '~/utils/getTotalInterviewsStarted';
+import { SummaryCard } from '~/components/SummaryCard';
 
 const TotalInterviewsStartedCard = async () => {
   const totalInterviewsStarted = await getTotalInterviewsStarted();
diff --git a/apps/analytics-web/app/_components/analytics/cards/TotalProtocolsInstalledCard.tsx b/apps/analytics-web/app/_components/analytics/cards/TotalProtocolsInstalledCard.tsx
index ef61f345..1b571cf0 100644
--- a/apps/analytics-web/app/_components/analytics/cards/TotalProtocolsInstalledCard.tsx
+++ b/apps/analytics-web/app/_components/analytics/cards/TotalProtocolsInstalledCard.tsx
@@ -1,5 +1,5 @@
-import { getTotalProtocolsInstalled } from "~/utils/getTotalProtocolsInstalled";
-import { SummaryCard } from "~/components/SummaryCard";
+import { getTotalProtocolsInstalled } from '~/utils/getTotalProtocolsInstalled';
+import { SummaryCard } from '~/components/SummaryCard';
 
 const TotalProtocolsInstalledCard = async () => {
   const totalProtocolsInstalled = await getTotalProtocolsInstalled();
diff --git a/apps/analytics-web/app/_components/users/UserManagementDialog.tsx b/apps/analytics-web/app/_components/users/UserManagementDialog.tsx
index d291bf55..a55c9c38 100644
--- a/apps/analytics-web/app/_components/users/UserManagementDialog.tsx
+++ b/apps/analytics-web/app/_components/users/UserManagementDialog.tsx
@@ -1,4 +1,4 @@
-import { Button } from "~/components/ui/button";
+import { Button } from '~/components/ui/button';
 import {
   Dialog,
   DialogContent,
@@ -6,9 +6,9 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from "~/components/ui/dialog";
-import { Users as UsersIcon } from "lucide-react";
-import VerifiedUsersTable from "./UsersTable/UsersTable";
+} from '~/components/ui/dialog';
+import { Users as UsersIcon } from 'lucide-react';
+import VerifiedUsersTable from './UsersTable/UsersTable';
 
 export default function UserManagementDialog() {
   return (
diff --git a/apps/analytics-web/app/_components/users/UsersTable/Columns.tsx b/apps/analytics-web/app/_components/users/UsersTable/Columns.tsx
index f2416369..5522ac37 100644
--- a/apps/analytics-web/app/_components/users/UsersTable/Columns.tsx
+++ b/apps/analytics-web/app/_components/users/UsersTable/Columns.tsx
@@ -1,22 +1,33 @@
-"use client";
-import { ColumnDef } from "@tanstack/react-table";
-import VerifyUserSwitch from "./VerifyUserSwitch";
-export const columns: ColumnDef<any>[] = [
+'use client';
+import { type ColumnDef } from '@tanstack/react-table';
+import VerifyUserSwitch from './VerifyUserSwitch';
+
+type UserColumn = ColumnDef<
   {
-    accessorKey: "user",
-    header: "User",
+    id: string;
+    fullName: string;
+    username: string | null;
+    verified: boolean;
+  },
+  unknown
+>;
+
+export const columns: UserColumn[] = [
+  {
+    accessorKey: 'user',
+    header: 'User',
     cell: ({ row }) => {
       return (
-        <div className={row.original.verified ? "" : "text-muted-foreground"}>
-          <div className="font-bold text-md">{row.original.fullName}</div>
-          <div className="text-sm text-gray-500">{row.original.username}</div>
+        <div className={row.original.verified ? '' : 'text-muted-foreground'}>
+          <div className="text-md font-bold">{row.original.fullName}</div>
+          <div className="text-gray-500 text-sm">{row.original.username}</div>
         </div>
       );
     },
   },
   {
-    accessorKey: "verified",
-    header: "Verified",
+    accessorKey: 'verified',
+    header: 'Verified',
     cell: ({ row }) => {
       return (
         <VerifyUserSwitch
diff --git a/apps/analytics-web/app/_components/users/UsersTable/UsersTable.tsx b/apps/analytics-web/app/_components/users/UsersTable/UsersTable.tsx
index 157ca730..f10eaef7 100644
--- a/apps/analytics-web/app/_components/users/UsersTable/UsersTable.tsx
+++ b/apps/analytics-web/app/_components/users/UsersTable/UsersTable.tsx
@@ -1,7 +1,7 @@
-import { DataTable } from "~/components/DataTable/data-table";
-import { columns } from "./Columns";
-import { clerkClient } from "@clerk/nextjs";
-import type { User } from "@clerk/nextjs/api";
+import { DataTable } from '~/components/DataTable/data-table';
+import { columns } from './Columns';
+import { clerkClient } from '@clerk/nextjs';
+import type { User } from '@clerk/nextjs/api';
 
 export default async function VerifiedUsersTable() {
   const clerkUsers = await clerkClient.users.getUserList();
@@ -9,9 +9,9 @@ export default async function VerifiedUsersTable() {
   const users = clerkUsers.map((user: User) => {
     return {
       id: user.id,
-      fullName: user.firstName + " " + user.lastName,
+      fullName: user.firstName + ' ' + user.lastName,
       username: user.username,
-      verified: user.publicMetadata.verified,
+      verified: !!user.publicMetadata.verified,
     };
   });
 
diff --git a/apps/analytics-web/app/_components/users/UsersTable/VerifyUserSwitch.tsx b/apps/analytics-web/app/_components/users/UsersTable/VerifyUserSwitch.tsx
index bcb5dd2a..8d19b4bb 100644
--- a/apps/analytics-web/app/_components/users/UsersTable/VerifyUserSwitch.tsx
+++ b/apps/analytics-web/app/_components/users/UsersTable/VerifyUserSwitch.tsx
@@ -1,5 +1,5 @@
-import { useState } from "react";
-import { Switch } from "~/components/ui/switch";
+import { useState } from 'react';
+import { Switch } from '~/components/ui/switch';
 
 type VerifyUserSwitchProps = {
   id: string;
@@ -14,27 +14,29 @@ export default function VerifyUserSwitch({
 
   const updateMetadata = async () => {
     try {
-      const response = await fetch("/api/clerk", {
-        method: "POST",
+      const response = await fetch('/api/clerk', {
+        method: 'POST',
         headers: {
-          "Content-Type": "application/json",
+          'Content-Type': 'application/json',
         },
         body: JSON.stringify({ userId: id, verified: !localVerified }),
       });
 
       if (!response.ok) {
         setLocalVerified(!localVerified);
-        console.error("Database update failed.");
+        // eslint-disable-next-line no-console
+        console.error('Database update failed.');
       }
     } catch (error) {
       setLocalVerified;
-      console.error("Error updating database:", error);
+      // eslint-disable-next-line no-console
+      console.error('Error updating database:', error);
     }
   };
 
   const handleToggle = async () => {
     setLocalVerified(!localVerified);
-    updateMetadata();
+    await updateMetadata();
   };
 
   return <Switch checked={localVerified} onCheckedChange={handleToggle} />;
diff --git a/apps/analytics-web/app/api/clerk/route.ts b/apps/analytics-web/app/api/clerk/route.ts
index 603e8ffc..78820865 100644
--- a/apps/analytics-web/app/api/clerk/route.ts
+++ b/apps/analytics-web/app/api/clerk/route.ts
@@ -1,8 +1,25 @@
-import { NextRequest, NextResponse } from "next/server";
-import { clerkClient } from "@clerk/nextjs";
+import { type NextRequest, NextResponse } from 'next/server';
+import { clerkClient } from '@clerk/nextjs';
+import z from 'zod';
+
+const clerkPayloadSchema = z.object({
+  verified: z.boolean(),
+  userId: z.string(),
+});
 
 export async function POST(request: NextRequest) {
-  const { verified, userId } = await request.json();
+  const payload: unknown = await request.json();
+
+  const parsedPayload = clerkPayloadSchema.safeParse(payload);
+
+  if (!parsedPayload.success) {
+    return NextResponse.json(
+      { error: 'Invalid clerk payload' },
+      { status: 400 },
+    );
+  }
+
+  const { verified, userId } = parsedPayload.data;
 
   await clerkClient.users.updateUserMetadata(userId, {
     publicMetadata: {
diff --git a/apps/analytics-web/app/api/event/route.test.ts b/apps/analytics-web/app/api/event/route.test.ts
index 141b275d..2722fb76 100644
--- a/apps/analytics-web/app/api/event/route.test.ts
+++ b/apps/analytics-web/app/api/event/route.test.ts
@@ -1,27 +1,27 @@
-import { describe, expect, vi, it, afterEach } from "vitest";
-import { testApiHandler } from "next-test-api-route-handler";
-import * as appHandler from "./route";
-import { analyticsEvent } from "@codaco/analytics";
+import { describe, expect, vi, it, afterEach } from 'vitest';
+import { testApiHandler } from 'next-test-api-route-handler';
+import * as appHandler from './route';
+import { type analyticsEvent } from '@codaco/analytics';
 
-vi.mock("~/db/insertEvent", () => {
+vi.mock('~/db/insertEvent', () => {
   return {
     default: (eventData: unknown) => ({ data: eventData, error: null }),
   };
 });
 
-describe("/api/event", () => {
+describe('/api/event', () => {
   afterEach(() => {
     vi.resetAllMocks();
   });
-  it("should insert a valid event to the database", async () => {
+  it('should insert a valid event to the database', async () => {
     const eventData: analyticsEvent = {
-      type: "AppSetup",
+      type: 'AppSetup',
       metadata: {
-        details: "testing details",
-        path: "testing path",
+        details: 'testing details',
+        path: 'testing path',
       },
-      countryISOCode: "US",
-      installationId: "21321546453213123",
+      countryISOCode: 'US',
+      installationId: '21321546453213123',
       timestamp: new Date().toString(),
     };
 
@@ -29,7 +29,7 @@ describe("/api/event", () => {
       appHandler,
       test: async ({ fetch }) => {
         const response = await fetch({
-          method: "POST",
+          method: 'POST',
           body: JSON.stringify(eventData),
         });
         expect(response.status).toBe(200);
@@ -38,18 +38,18 @@ describe("/api/event", () => {
     });
   });
 
-  it("should insert a valid error into the database", async () => {
+  it('should insert a valid error into the database', async () => {
     const eventData: analyticsEvent = {
-      type: "Error",
-      name: "TestError",
-      message: "Test message",
-      stack: "Test stack",
+      type: 'Error',
+      name: 'TestError',
+      message: 'Test message',
+      stack: 'Test stack',
       metadata: {
-        details: "testing details",
-        path: "testing path",
+        details: 'testing details',
+        path: 'testing path',
       },
-      countryISOCode: "US",
-      installationId: "21321546453213123",
+      countryISOCode: 'US',
+      installationId: '21321546453213123',
       timestamp: new Date().toString(),
     };
 
@@ -57,7 +57,7 @@ describe("/api/event", () => {
       appHandler,
       test: async ({ fetch }) => {
         const response = await fetch({
-          method: "POST",
+          method: 'POST',
           body: JSON.stringify(eventData),
         });
         expect(response.status).toBe(200);
@@ -65,16 +65,16 @@ describe("/api/event", () => {
     });
   });
 
-  it("should return 400 if event is invalid", async () => {
+  it('should return 400 if event is invalid', async () => {
     const eventData = {
-      type: "InvalidEvent",
+      type: 'InvalidEvent',
     };
 
     await testApiHandler({
       appHandler,
       test: async ({ fetch }) => {
         const response = await fetch({
-          method: "POST",
+          method: 'POST',
           body: JSON.stringify(eventData),
         });
         expect(response.status).toBe(400);
diff --git a/apps/analytics-web/app/api/event/route.ts b/apps/analytics-web/app/api/event/route.ts
index bc1708f2..9b218592 100644
--- a/apps/analytics-web/app/api/event/route.ts
+++ b/apps/analytics-web/app/api/event/route.ts
@@ -1,15 +1,15 @@
-import { NextRequest, NextResponse } from "next/server";
-import insertEvent from "~/db/insertEvent";
-import { AnalyticsEventSchema } from "@codaco/analytics";
+import { type NextRequest, NextResponse } from 'next/server';
+import insertEvent from '~/db/insertEvent';
+import { AnalyticsEventSchema } from '@codaco/analytics';
 
 // Allow CORS requests from anywhere.
 const corsHeaders = {
-  "Access-Control-Allow-Origin": "*",
-  "Access-Control-Allow-Methods": "POST, OPTIONS",
-  "Access-Control-Allow-Headers": "Content-Type, Authorization",
+  'Access-Control-Allow-Origin': '*',
+  'Access-Control-Allow-Methods': 'POST, OPTIONS',
+  'Access-Control-Allow-Headers': 'Content-Type, Authorization',
 };
 
-export const runtime = "edge";
+export const runtime = 'edge';
 
 export async function POST(request: NextRequest) {
   const event = (await request.json()) as unknown;
@@ -17,8 +17,8 @@ export async function POST(request: NextRequest) {
 
   if (!parsedEvent.success) {
     return NextResponse.json(
-      { error: "Invalid event" },
-      { status: 400, headers: corsHeaders }
+      { error: 'Invalid event' },
+      { status: 400, headers: corsHeaders },
     );
   }
 
@@ -31,15 +31,15 @@ export async function POST(request: NextRequest) {
 
   if (result.error) {
     return NextResponse.json(
-      { error: "Error inserting events" },
-      { status: 500, headers: corsHeaders }
+      { error: 'Error inserting events' },
+      { status: 500, headers: corsHeaders },
     );
   }
 
   return NextResponse.json({ event }, { status: 200, headers: corsHeaders });
 }
 
-export async function OPTIONS() {
+export function OPTIONS() {
   return new NextResponse(null, {
     status: 200,
     headers: corsHeaders,
diff --git a/apps/analytics-web/app/globals.css b/apps/analytics-web/app/globals.css
index 8abdb15c..6e4794d2 100644
--- a/apps/analytics-web/app/globals.css
+++ b/apps/analytics-web/app/globals.css
@@ -4,65 +4,49 @@
 
 @layer base {
   :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
+    /* Semantic slots */
+    --background: var(--platinum);
+    --foreground: var(--cyber-grape);
 
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
-
-    --popover: 0 0% 100%;
-    --popover-foreground: 222.2 84% 4.9%;
+    --primary: var(--cyber-grape);
+    --primary-foreground: var(--white);
 
-    --primary: 222.2 47.4% 11.2%;
-    --primary-foreground: 210 40% 98%;
+    --secondary: var(--neon-coral);
+    --secondary-foreground: var(--white);
 
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: var(--platinum);
+    --muted-foreground: var(--cyber-grape-hue)
+      calc(var(--cyber-grape-saturation) - 10%)
+      calc(var(--cyber-grape-lightness) - 10%);
 
-    --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: var(--slate-blue);
+    --accent-foreground: var(--white);
 
-    --accent: 210 40% 96.1%;
-    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: var(--tomato);
+    --destructive-foreground: var(--white);
 
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 210 40% 98%;
+    --warning: var(--neon-carrot);
+    --warning-foreground: var(--white);
 
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
-    --ring: 222.2 84% 4.9%;
-
-    --radius: 0.5rem;
-  }
+    --info: var(--cerulean-blue);
+    --info-foreground: var(--white);
 
-  .dark {
-    --background: 222.2 84% 4.9%;
-    --foreground: 210 40% 98%;
+    --success: var(--sea-green);
+    --success-foreground: var(--white);
 
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
+    --border: var(--platinum--dark);
 
-    --popover: 222.2 84% 4.9%;
-    --popover-foreground: 210 40% 98%;
+    --link: var(--neon-coral);
 
-    --primary: 210 40% 98%;
-    --primary-foreground: 222.2 47.4% 11.2%;
-
-    --secondary: 217.2 32.6% 17.5%;
-    --secondary-foreground: 210 40% 98%;
-
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
+    --card: 0 0% 100%;
 
-    --accent: 217.2 32.6% 17.5%;
-    --accent-foreground: 210 40% 98%;
+    --panel: var(--platinum);
 
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 210 40% 98%;
+    --input: 0 0% 100%;
+    --input-foreground: var(--cyber-grape);
 
-    --border: 217.2 32.6% 17.5%;
-    --input: 217.2 32.6% 17.5%;
-    --ring: 212.7 26.8% 83.9%;
+    --popover: var(--white);
+    --popover-foreground: var(--foreground);
   }
 }
 
diff --git a/apps/analytics-web/app/layout.tsx b/apps/analytics-web/app/layout.tsx
index 821e92c8..a245eb8d 100644
--- a/apps/analytics-web/app/layout.tsx
+++ b/apps/analytics-web/app/layout.tsx
@@ -1,13 +1,14 @@
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import "./globals.css";
-import { ClerkProvider } from "@clerk/nextjs";
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import '@codaco/tailwind-config/globals.css';
+import './globals.css';
+import { ClerkProvider } from '@clerk/nextjs';
 
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({ subsets: ['latin'] });
 
 export const metadata: Metadata = {
-  title: "Fresco Analytics ",
-  description: "This is the analytics dashboard for Fresco.",
+  title: 'Fresco Analytics ',
+  description: 'This is the analytics dashboard for Fresco.',
 };
 
 export default function RootLayout({
diff --git a/apps/analytics-web/app/page.tsx b/apps/analytics-web/app/page.tsx
index 74d54fbe..47652f4b 100644
--- a/apps/analytics-web/app/page.tsx
+++ b/apps/analytics-web/app/page.tsx
@@ -1,13 +1,13 @@
-import { UserButton } from "@clerk/nextjs";
-import AnalyticsView from "~/app/_components/analytics/AnalyticsView";
-import UserManagementDialog from "./_components/users/UserManagementDialog";
+import { UserButton } from '@clerk/nextjs';
+import AnalyticsView from '~/app/_components/analytics/AnalyticsView';
+import UserManagementDialog from './_components/users/UserManagementDialog';
 
 export default function DashboardPage() {
   return (
     <main>
-      <div className="p-12 space-y-4">
+      <div className="space-y-4 p-12">
         <div className="flex flex-row justify-between">
-          <h2 className="text-3xl font-bold flex flex-row">Dashboard</h2>
+          <h2 className="flex flex-row text-3xl font-bold">Dashboard</h2>
           <div className="flex flex-row">
             <UserManagementDialog />
             <UserButton afterSignOutUrl="/" />
diff --git a/apps/analytics-web/app/verification/page.tsx b/apps/analytics-web/app/verification/page.tsx
index fc83ce70..c7a32d18 100644
--- a/apps/analytics-web/app/verification/page.tsx
+++ b/apps/analytics-web/app/verification/page.tsx
@@ -1,12 +1,12 @@
-"use client";
-import { UserButton, useUser } from "@clerk/nextjs";
-import { redirect } from "next/navigation";
+'use client';
+import { UserButton, useUser } from '@clerk/nextjs';
+import { redirect } from 'next/navigation';
 
 export default function Verification() {
   const { user } = useUser();
   const isVerified = user?.publicMetadata?.verified;
   if (isVerified) {
-    redirect("/");
+    redirect('/');
   }
 
   return (
diff --git a/apps/analytics-web/components/DataTable/column-header.tsx b/apps/analytics-web/components/DataTable/column-header.tsx
index 7a1e2378..0aaa345d 100644
--- a/apps/analytics-web/components/DataTable/column-header.tsx
+++ b/apps/analytics-web/components/DataTable/column-header.tsx
@@ -1,20 +1,19 @@
-import { ArrowDown, ArrowUp, ArrowUpDown } from "lucide-react";
-import { type Column } from "@tanstack/react-table";
+import { ArrowDown, ArrowUp, ArrowUpDown } from 'lucide-react';
+import { type Column } from '@tanstack/react-table';
 
-import { Button } from "~/components/ui/button";
+import { Button } from '~/components/ui/button';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "~/components/ui/dropdown-menu";
-import { cn } from "~/utils/shadcn";
+} from '~/components/ui/dropdown-menu';
+import { cn } from '~/utils/shadcn';
 
-interface DataTableColumnHeaderProps<TData, TValue>
-  extends React.HTMLAttributes<HTMLDivElement> {
+type DataTableColumnHeaderProps<TData, TValue> = {
   column: Column<TData, TValue>;
   title?: string;
-}
+} & React.HTMLAttributes<HTMLDivElement>;
 
 export function DataTableColumnHeader<TData, TValue>({
   column,
@@ -26,7 +25,7 @@ export function DataTableColumnHeader<TData, TValue>({
   }
 
   return (
-    <div className={cn("flex items-center space-x-2", className)}>
+    <div className={cn('flex items-center space-x-2', className)}>
       <DropdownMenu>
         <DropdownMenuTrigger asChild>
           <Button
@@ -35,16 +34,16 @@ export function DataTableColumnHeader<TData, TValue>({
             className="-ml-3 h-8 data-[state=open]:bg-accent"
           >
             <span>{title}</span>
-            {column.getIsSorted() === "desc" ? (
+            {column.getIsSorted() === 'desc' ? (
               <ArrowDown
-                className={`${title && "ml-2 "}h-4 w-4 text-emerald-500`}
+                className={`${title && 'ml-2 '}h-4 text-emerald-500 w-4`}
               />
-            ) : column.getIsSorted() === "asc" ? (
+            ) : column.getIsSorted() === 'asc' ? (
               <ArrowUp
-                className={`${title && "ml-2"} h-4 w-4 text-emerald-500`}
+                className={`${title && 'ml-2'} text-emerald-500 h-4 w-4`}
               />
             ) : (
-              <ArrowUpDown className={`${title && "ml-2"} w-4t h-4`} />
+              <ArrowUpDown className={`${title && 'ml-2'} w-4t h-4`} />
             )}
           </Button>
         </DropdownMenuTrigger>
diff --git a/apps/analytics-web/components/DataTable/data-table-pagination.tsx b/apps/analytics-web/components/DataTable/data-table-pagination.tsx
index f731c9cf..adf575ad 100644
--- a/apps/analytics-web/components/DataTable/data-table-pagination.tsx
+++ b/apps/analytics-web/components/DataTable/data-table-pagination.tsx
@@ -3,22 +3,22 @@ import {
   ChevronRight,
   ChevronsLeft,
   ChevronsRight,
-} from "lucide-react";
+} from 'lucide-react';
 
-import { Table } from "@tanstack/react-table";
+import { type Table } from '@tanstack/react-table';
 
-import { Button } from "~/components/ui/button";
+import { Button } from '~/components/ui/button';
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "~/components/ui/select";
+} from '~/components/ui/select';
 
-interface DataTablePaginationProps<TData> {
+type DataTablePaginationProps<TData> = {
   table: Table<TData>;
-}
+};
 
 export function DataTablePagination<TData>({
   table,
@@ -29,7 +29,7 @@ export function DataTablePagination<TData>({
         {table.getFilteredSelectedRowModel().rows.length} of{" "}
         {table.getFilteredRowModel().rows.length} row(s) selected.
       </div> */}
-      <div className="flex items-center justify-center gap-3 lg:gap-4 flex-wrap">
+      <div className="flex flex-wrap items-center justify-center gap-3 lg:gap-4">
         <div className="flex items-center space-x-2">
           <p className="text-sm font-medium">Rows per page</p>
           <Select
@@ -51,7 +51,7 @@ export function DataTablePagination<TData>({
           </Select>
         </div>
         <div className="flex w-[100px] items-center justify-center text-sm font-medium">
-          Page {table.getState().pagination.pageIndex + 1} of{" "}
+          Page {table.getState().pagination.pageIndex + 1} of{' '}
           {table.getPageCount()}
         </div>
         <div className="flex items-center space-x-2">
diff --git a/apps/analytics-web/components/DataTable/data-table.tsx b/apps/analytics-web/components/DataTable/data-table.tsx
index e9bcb789..2aac4ba2 100644
--- a/apps/analytics-web/components/DataTable/data-table.tsx
+++ b/apps/analytics-web/components/DataTable/data-table.tsx
@@ -1,14 +1,14 @@
-"use client";
+'use client';
 
 import {
-  ColumnDef,
-  SortingState,
+  type ColumnDef,
+  type SortingState,
   flexRender,
   getCoreRowModel,
   getPaginationRowModel,
   getSortedRowModel,
   useReactTable,
-} from "@tanstack/react-table";
+} from '@tanstack/react-table';
 
 import {
   Table,
@@ -17,16 +17,16 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "~/components/ui/table";
+} from '~/components/ui/table';
 
-interface DataTableProps<TData, TValue> {
+type DataTableProps<TData, TValue> = {
   columns: ColumnDef<TData, TValue>[];
   data: TData[];
   pagination?: boolean;
-}
+};
 
-import { DataTablePagination } from "~/components/DataTable/data-table-pagination";
-import { useState } from "react";
+import { DataTablePagination } from '~/components/DataTable/data-table-pagination';
+import { useState } from 'react';
 
 export function DataTable<TData, TValue>({
   columns,
@@ -60,7 +60,7 @@ export function DataTable<TData, TValue>({
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </TableHead>
                   );
@@ -73,13 +73,13 @@ export function DataTable<TData, TValue>({
               table.getRowModel().rows.map((row) => (
                 <TableRow
                   key={row.id}
-                  data-state={row.getIsSelected() && "selected"}
+                  data-state={row.getIsSelected() && 'selected'}
                 >
                   {row.getVisibleCells().map((cell) => (
                     <TableCell key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </TableCell>
                   ))}
diff --git a/apps/analytics-web/components/DialogButton.tsx b/apps/analytics-web/components/DialogButton.tsx
index ae4307b2..e41cf721 100644
--- a/apps/analytics-web/components/DialogButton.tsx
+++ b/apps/analytics-web/components/DialogButton.tsx
@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Button } from "~/components/ui/button";
+import { type ReactNode } from 'react';
+import { Button } from '~/components/ui/button';
 import {
   Dialog,
   DialogContent,
@@ -7,14 +7,14 @@ import {
   DialogDescription,
   DialogTitle,
   DialogTrigger,
-} from "~/components/ui/dialog";
+} from '~/components/ui/dialog';
 
-interface DialogButtonProps {
+type DialogButtonProps = {
   buttonLabel: string;
   title: string;
   description: string;
   content: ReactNode;
-}
+};
 
 export function DialogButton({
   buttonLabel,
@@ -32,7 +32,7 @@ export function DialogButton({
           <DialogTitle>{title}</DialogTitle>
         </DialogHeader>
         <DialogDescription>{description}</DialogDescription>
-        <div className="bg-secondary p-2 rounded-sm break-all">
+        <div className="break-all rounded-sm bg-secondary p-2">
           <code>{content}</code>
         </div>
       </DialogContent>
diff --git a/apps/analytics-web/components/ExportButton.tsx b/apps/analytics-web/components/ExportButton.tsx
index 7d7aab48..6c9c5c21 100644
--- a/apps/analytics-web/components/ExportButton.tsx
+++ b/apps/analytics-web/components/ExportButton.tsx
@@ -1,27 +1,27 @@
-"use client";
+'use client';
 
-import { Download } from "lucide-react";
-import Papa from "papaparse";
-import { Button } from "~/components/ui/button";
-import { type Event } from "~/db/getEvents";
+import { Download } from 'lucide-react';
+import Papa from 'papaparse';
+import { Button } from '~/components/ui/button';
+import { type Event } from '~/db/getEvents';
 
-interface ExportButtonProps {
+type ExportButtonProps = {
   data: Event[];
   filename: string;
-}
+};
 
 const ExportButton: React.FC<ExportButtonProps> = ({ data, filename }) => {
   const handleExportCSV = () => {
     const csvData = Papa.unparse(data);
 
-    const blob = new Blob([csvData], { type: "text/csv;charset=utf-8;" });
+    const blob = new Blob([csvData], { type: 'text/csv;charset=utf-8;' });
 
-    const link = document.createElement("a");
+    const link = document.createElement('a');
     if (link.download !== undefined) {
       const url = URL.createObjectURL(blob);
-      link.setAttribute("href", url);
-      link.setAttribute("download", filename);
-      link.style.visibility = "hidden";
+      link.setAttribute('href', url);
+      link.setAttribute('download', filename);
+      link.style.visibility = 'hidden';
       document.body.appendChild(link);
       link.click();
       document.body.removeChild(link);
diff --git a/apps/analytics-web/components/MetadataDialog.tsx b/apps/analytics-web/components/MetadataDialog.tsx
index 279956dc..c87ac587 100644
--- a/apps/analytics-web/components/MetadataDialog.tsx
+++ b/apps/analytics-web/components/MetadataDialog.tsx
@@ -1,6 +1,6 @@
-import { DialogButton } from "~/components/DialogButton";
+import { DialogButton } from '~/components/DialogButton';
 
-import { type Event } from "~/db/getEvents";
+import { type Event } from '~/db/getEvents';
 
 export function MetadataDialog({ event }: { event: Event }) {
   return (
diff --git a/apps/analytics-web/components/SummaryCard.tsx b/apps/analytics-web/components/SummaryCard.tsx
index f2bea72b..9e151d9c 100644
--- a/apps/analytics-web/components/SummaryCard.tsx
+++ b/apps/analytics-web/components/SummaryCard.tsx
@@ -1,4 +1,4 @@
-import { Card, CardHeader, CardTitle, CardContent } from "~/components/ui/card";
+import { Card, CardHeader, CardTitle, CardContent } from '~/components/ui/card';
 
 type SummaryCardProps = {
   title: string;
diff --git a/apps/analytics-web/components/ui/badge.tsx b/apps/analytics-web/components/ui/badge.tsx
index 68a406f5..f0950752 100644
--- a/apps/analytics-web/components/ui/badge.tsx
+++ b/apps/analytics-web/components/ui/badge.tsx
@@ -1,31 +1,31 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
+import * as React from 'react';
+import { cva, type VariantProps } from 'class-variance-authority';
 
-import { cn } from "~/utils/shadcn";
+import { cn } from '~/utils/shadcn';
 
 const badgeVariants = cva(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
   {
     variants: {
       variant: {
         default:
-          "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+          'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
         secondary:
-          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
         destructive:
-          "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground",
+          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+        outline: 'text-foreground',
       },
     },
     defaultVariants: {
-      variant: "default",
+      variant: 'default',
     },
-  }
+  },
 );
 
-export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {}
+export type BadgeProps = object &
+  React.HTMLAttributes<HTMLDivElement> &
+  VariantProps<typeof badgeVariants>;
 
 function Badge({ className, variant, ...props }: BadgeProps) {
   return (
diff --git a/apps/analytics-web/components/ui/button.tsx b/apps/analytics-web/components/ui/button.tsx
index 5e13147b..f64f15c1 100644
--- a/apps/analytics-web/components/ui/button.tsx
+++ b/apps/analytics-web/components/ui/button.tsx
@@ -1,47 +1,46 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva, type VariantProps } from 'class-variance-authority';
 
-import { cn } from "~/utils/shadcn";
+import { cn } from '~/utils/shadcn';
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
         destructive:
-          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+          'bg-destructive text-destructive-foreground hover:bg-destructive/90',
         outline:
-          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+          'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
         secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline",
+          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
+        link: 'text-primary underline-offset-4 hover:underline',
       },
       size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10",
+        default: 'h-10 px-4 py-2',
+        sm: 'h-9 rounded-md px-3',
+        lg: 'h-11 rounded-md px-8',
+        icon: 'h-10 w-10',
       },
     },
     defaultVariants: {
-      variant: "default",
-      size: "default",
+      variant: 'default',
+      size: 'default',
     },
-  }
+  },
 );
 
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
+export type ButtonProps = {
   asChild?: boolean;
-}
+} & React.ButtonHTMLAttributes<HTMLButtonElement> &
+  VariantProps<typeof buttonVariants>;
 
 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
+    const Comp = asChild ? Slot : 'button';
     return (
       <Comp
         className={cn(buttonVariants({ variant, size, className }))}
@@ -49,8 +48,8 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         {...props}
       />
     );
-  }
+  },
 );
-Button.displayName = "Button";
+Button.displayName = 'Button';
 
 export { Button, buttonVariants };
diff --git a/apps/analytics-web/components/ui/card.tsx b/apps/analytics-web/components/ui/card.tsx
index 51cfb213..1a97fad9 100644
--- a/apps/analytics-web/components/ui/card.tsx
+++ b/apps/analytics-web/components/ui/card.tsx
@@ -1,6 +1,6 @@
-import * as React from "react";
+import * as React from 'react';
 
-import { cn } from "~/utils/shadcn";
+import { cn } from '~/utils/shadcn';
 
 const Card = React.forwardRef<
   HTMLDivElement,
@@ -9,13 +9,13 @@ const Card = React.forwardRef<
   <div
     ref={ref}
     className={cn(
-      "rounded-lg border bg-card text-card-foreground shadow-sm",
-      className
+      'rounded-lg border bg-card text-card-foreground shadow-sm',
+      className,
     )}
     {...props}
   />
 ));
-Card.displayName = "Card";
+Card.displayName = 'Card';
 
 const CardHeader = React.forwardRef<
   HTMLDivElement,
@@ -23,26 +23,28 @@ const CardHeader = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <div
     ref={ref}
-    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    className={cn('flex flex-col space-y-1.5 p-6', className)}
     {...props}
   />
 ));
-CardHeader.displayName = "CardHeader";
+CardHeader.displayName = 'CardHeader';
 
 const CardTitle = React.forwardRef<
   HTMLParagraphElement,
   React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
+>(({ className, children, ...props }, ref) => (
   <h3
     ref={ref}
     className={cn(
-      "text-2xl font-semibold leading-none tracking-tight",
-      className
+      'text-2xl font-semibold leading-none tracking-tight',
+      className,
     )}
     {...props}
-  />
+  >
+    {children}
+  </h3>
 ));
-CardTitle.displayName = "CardTitle";
+CardTitle.displayName = 'CardTitle';
 
 const CardDescription = React.forwardRef<
   HTMLParagraphElement,
@@ -50,19 +52,19 @@ const CardDescription = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <p
     ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
+    className={cn('text-sm text-muted-foreground', className)}
     {...props}
   />
 ));
-CardDescription.displayName = "CardDescription";
+CardDescription.displayName = 'CardDescription';
 
 const CardContent = React.forwardRef<
   HTMLDivElement,
   React.HTMLAttributes<HTMLDivElement>
 >(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+  <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />
 ));
-CardContent.displayName = "CardContent";
+CardContent.displayName = 'CardContent';
 
 const CardFooter = React.forwardRef<
   HTMLDivElement,
@@ -70,11 +72,11 @@ const CardFooter = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <div
     ref={ref}
-    className={cn("flex items-center p-6 pt-0", className)}
+    className={cn('flex items-center p-6 pt-0', className)}
     {...props}
   />
 ));
-CardFooter.displayName = "CardFooter";
+CardFooter.displayName = 'CardFooter';
 
 export {
   Card,
diff --git a/apps/analytics-web/components/ui/checkbox.tsx b/apps/analytics-web/components/ui/checkbox.tsx
index 159eae58..917b7100 100644
--- a/apps/analytics-web/components/ui/checkbox.tsx
+++ b/apps/analytics-web/components/ui/checkbox.tsx
@@ -1,10 +1,10 @@
-"use client"
+'use client';
 
-import * as React from "react"
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
-import { Check } from "lucide-react"
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Check } from 'lucide-react';
 
-import { cn } from "~/utils/shadcn"
+import { cn } from '~/utils/shadcn';
 
 const Checkbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,
@@ -13,18 +13,18 @@ const Checkbox = React.forwardRef<
   <CheckboxPrimitive.Root
     ref={ref}
     className={cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      className
+      'peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
+      className,
     )}
     {...props}
   >
     <CheckboxPrimitive.Indicator
-      className={cn("flex items-center justify-center text-current")}
+      className={cn('text-current flex items-center justify-center')}
     >
       <Check className="h-4 w-4" />
     </CheckboxPrimitive.Indicator>
   </CheckboxPrimitive.Root>
-))
-Checkbox.displayName = CheckboxPrimitive.Root.displayName
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
-export { Checkbox }
+export { Checkbox };
diff --git a/apps/analytics-web/components/ui/dialog.tsx b/apps/analytics-web/components/ui/dialog.tsx
index 096c2782..44dab426 100644
--- a/apps/analytics-web/components/ui/dialog.tsx
+++ b/apps/analytics-web/components/ui/dialog.tsx
@@ -1,10 +1,10 @@
-"use client";
+'use client';
 
-import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { X } from "lucide-react";
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
 
-import { cn } from "~/utils/shadcn";
+import { cn } from '~/utils/shadcn';
 
 const Dialog = DialogPrimitive.Root;
 
@@ -21,8 +21,8 @@ const DialogOverlay = React.forwardRef<
   <DialogPrimitive.Overlay
     ref={ref}
     className={cn(
-      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
+      'fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+      className,
     )}
     {...props}
   />
@@ -38,8 +38,8 @@ const DialogContent = React.forwardRef<
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
-        className
+        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full',
+        className,
       )}
       {...props}
     >
@@ -59,13 +59,13 @@ const DialogHeader = ({
 }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
+      'flex flex-col space-y-1.5 text-center sm:text-left',
+      className,
     )}
     {...props}
   />
 );
-DialogHeader.displayName = "DialogHeader";
+DialogHeader.displayName = 'DialogHeader';
 
 const DialogFooter = ({
   className,
@@ -73,13 +73,13 @@ const DialogFooter = ({
 }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
+      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
+      className,
     )}
     {...props}
   />
 );
-DialogFooter.displayName = "DialogFooter";
+DialogFooter.displayName = 'DialogFooter';
 
 const DialogTitle = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Title>,
@@ -88,8 +88,8 @@ const DialogTitle = React.forwardRef<
   <DialogPrimitive.Title
     ref={ref}
     className={cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className
+      'text-lg font-semibold leading-none tracking-tight',
+      className,
     )}
     {...props}
   />
@@ -102,7 +102,7 @@ const DialogDescription = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DialogPrimitive.Description
     ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
+    className={cn('text-sm text-muted-foreground', className)}
     {...props}
   />
 ));
diff --git a/apps/analytics-web/components/ui/dropdown-menu.tsx b/apps/analytics-web/components/ui/dropdown-menu.tsx
index 1e428b68..6f2f4ac6 100644
--- a/apps/analytics-web/components/ui/dropdown-menu.tsx
+++ b/apps/analytics-web/components/ui/dropdown-menu.tsx
@@ -1,10 +1,10 @@
-"use client";
+'use client';
 
-import * as React from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Check, ChevronRight, Circle } from "lucide-react";
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Check, ChevronRight, Circle } from 'lucide-react';
 
-import { cn } from "~/utils/shadcn";
+import { cn } from '~/utils/shadcn';
 
 const DropdownMenu = DropdownMenuPrimitive.Root;
 
@@ -27,9 +27,9 @@ const DropdownMenuSubTrigger = React.forwardRef<
   <DropdownMenuPrimitive.SubTrigger
     ref={ref}
     className={cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      inset && "pl-8",
-      className
+      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
+      inset && 'pl-8',
+      className,
     )}
     {...props}
   >
@@ -47,8 +47,8 @@ const DropdownMenuSubContent = React.forwardRef<
   <DropdownMenuPrimitive.SubContent
     ref={ref}
     className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
+      'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+      className,
     )}
     {...props}
   />
@@ -65,8 +65,8 @@ const DropdownMenuContent = React.forwardRef<
       ref={ref}
       sideOffset={sideOffset}
       className={cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
+        'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+        className,
       )}
       {...props}
     />
@@ -83,9 +83,9 @@ const DropdownMenuItem = React.forwardRef<
   <DropdownMenuPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
-      className
+      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      inset && 'pl-8',
+      className,
     )}
     {...props}
   />
@@ -99,8 +99,8 @@ const DropdownMenuCheckboxItem = React.forwardRef<
   <DropdownMenuPrimitive.CheckboxItem
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
+      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      className,
     )}
     checked={checked}
     {...props}
@@ -123,14 +123,14 @@ const DropdownMenuRadioItem = React.forwardRef<
   <DropdownMenuPrimitive.RadioItem
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
+      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      className,
     )}
     {...props}
   >
     <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
       <DropdownMenuPrimitive.ItemIndicator>
-        <Circle className="h-2 w-2 fill-current" />
+        <Circle className="fill-current h-2 w-2" />
       </DropdownMenuPrimitive.ItemIndicator>
     </span>
     {children}
@@ -147,9 +147,9 @@ const DropdownMenuLabel = React.forwardRef<
   <DropdownMenuPrimitive.Label
     ref={ref}
     className={cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
+      'px-2 py-1.5 text-sm font-semibold',
+      inset && 'pl-8',
+      className,
     )}
     {...props}
   />
@@ -162,7 +162,7 @@ const DropdownMenuSeparator = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DropdownMenuPrimitive.Separator
     ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    className={cn('-mx-1 my-1 h-px bg-muted', className)}
     {...props}
   />
 ));
@@ -174,12 +174,12 @@ const DropdownMenuShortcut = ({
 }: React.HTMLAttributes<HTMLSpanElement>) => {
   return (
     <span
-      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+      className={cn('ml-auto text-xs tracking-widest opacity-60', className)}
       {...props}
     />
   );
 };
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
 
 export {
   DropdownMenu,
diff --git a/apps/analytics-web/components/ui/select.tsx b/apps/analytics-web/components/ui/select.tsx
index ffe4a5fa..3115f71c 100644
--- a/apps/analytics-web/components/ui/select.tsx
+++ b/apps/analytics-web/components/ui/select.tsx
@@ -1,10 +1,10 @@
-"use client";
+'use client';
 
-import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { Check, ChevronDown } from "lucide-react";
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Check, ChevronDown } from 'lucide-react';
 
-import { cn } from "~/utils/shadcn";
+import { cn } from '~/utils/shadcn';
 
 const Select = SelectPrimitive.Root;
 
@@ -19,8 +19,8 @@ const SelectTrigger = React.forwardRef<
   <SelectPrimitive.Trigger
     ref={ref}
     className={cn(
-      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-      className
+      'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+      className,
     )}
     {...props}
   >
@@ -35,24 +35,24 @@ SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 const SelectContent = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
->(({ className, children, position = "popper", ...props }, ref) => (
+>(({ className, children, position = 'popper', ...props }, ref) => (
   <SelectPrimitive.Portal>
     <SelectPrimitive.Content
       ref={ref}
       className={cn(
-        "relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        position === "popper" &&
-          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
+        'relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+        position === 'popper' &&
+          'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
+        className,
       )}
       position={position}
       {...props}
     >
       <SelectPrimitive.Viewport
         className={cn(
-          "p-1",
-          position === "popper" &&
-            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          'p-1',
+          position === 'popper' &&
+            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',
         )}
       >
         {children}
@@ -68,7 +68,7 @@ const SelectLabel = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SelectPrimitive.Label
     ref={ref}
-    className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
+    className={cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className)}
     {...props}
   />
 ));
@@ -81,8 +81,8 @@ const SelectItem = React.forwardRef<
   <SelectPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
+      'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      className,
     )}
     {...props}
   >
@@ -103,7 +103,7 @@ const SelectSeparator = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SelectPrimitive.Separator
     ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    className={cn('-mx-1 my-1 h-px bg-muted', className)}
     {...props}
   />
 ));
diff --git a/apps/analytics-web/components/ui/switch.tsx b/apps/analytics-web/components/ui/switch.tsx
index 47474d90..434dc624 100644
--- a/apps/analytics-web/components/ui/switch.tsx
+++ b/apps/analytics-web/components/ui/switch.tsx
@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-import * as React from "react";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
 
-import { cn } from "~/utils/shadcn";
+import { cn } from '~/utils/shadcn';
 
 const Switch = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,
@@ -11,15 +11,15 @@ const Switch = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SwitchPrimitives.Root
     className={cn(
-      "peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-      className
+      'peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
+      className,
     )}
     {...props}
     ref={ref}
   >
     <SwitchPrimitives.Thumb
       className={cn(
-        "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        'pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0',
       )}
     />
   </SwitchPrimitives.Root>
diff --git a/apps/analytics-web/components/ui/table.tsx b/apps/analytics-web/components/ui/table.tsx
index 1a3a96ac..94dcb2b7 100644
--- a/apps/analytics-web/components/ui/table.tsx
+++ b/apps/analytics-web/components/ui/table.tsx
@@ -1,6 +1,6 @@
-import * as React from "react";
+import * as React from 'react';
 
-import { cn } from "~/utils/shadcn";
+import { cn } from '~/utils/shadcn';
 
 const Table = React.forwardRef<
   HTMLTableElement,
@@ -9,20 +9,20 @@ const Table = React.forwardRef<
   <div className="relative w-full overflow-auto">
     <table
       ref={ref}
-      className={cn("w-full caption-bottom text-sm", className)}
+      className={cn('w-full caption-bottom text-sm', className)}
       {...props}
     />
   </div>
 ));
-Table.displayName = "Table";
+Table.displayName = 'Table';
 
 const TableHeader = React.forwardRef<
   HTMLTableSectionElement,
   React.HTMLAttributes<HTMLTableSectionElement>
 >(({ className, ...props }, ref) => (
-  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+  <thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />
 ));
-TableHeader.displayName = "TableHeader";
+TableHeader.displayName = 'TableHeader';
 
 const TableBody = React.forwardRef<
   HTMLTableSectionElement,
@@ -30,11 +30,11 @@ const TableBody = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <tbody
     ref={ref}
-    className={cn("[&_tr:last-child]:border-0", className)}
+    className={cn('[&_tr:last-child]:border-0', className)}
     {...props}
   />
 ));
-TableBody.displayName = "TableBody";
+TableBody.displayName = 'TableBody';
 
 const TableFooter = React.forwardRef<
   HTMLTableSectionElement,
@@ -42,11 +42,11 @@ const TableFooter = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <tfoot
     ref={ref}
-    className={cn("bg-primary font-medium text-primary-foreground", className)}
+    className={cn('bg-primary font-medium text-primary-foreground', className)}
     {...props}
   />
 ));
-TableFooter.displayName = "TableFooter";
+TableFooter.displayName = 'TableFooter';
 
 const TableRow = React.forwardRef<
   HTMLTableRowElement,
@@ -55,13 +55,13 @@ const TableRow = React.forwardRef<
   <tr
     ref={ref}
     className={cn(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      className
+      'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',
+      className,
     )}
     {...props}
   />
 ));
-TableRow.displayName = "TableRow";
+TableRow.displayName = 'TableRow';
 
 const TableHead = React.forwardRef<
   HTMLTableCellElement,
@@ -70,13 +70,13 @@ const TableHead = React.forwardRef<
   <th
     ref={ref}
     className={cn(
-      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-      className
+      'h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0',
+      className,
     )}
     {...props}
   />
 ));
-TableHead.displayName = "TableHead";
+TableHead.displayName = 'TableHead';
 
 const TableCell = React.forwardRef<
   HTMLTableCellElement,
@@ -84,11 +84,11 @@ const TableCell = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <td
     ref={ref}
-    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
+    className={cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className)}
     {...props}
   />
 ));
-TableCell.displayName = "TableCell";
+TableCell.displayName = 'TableCell';
 
 const TableCaption = React.forwardRef<
   HTMLTableCaptionElement,
@@ -96,11 +96,11 @@ const TableCaption = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <caption
     ref={ref}
-    className={cn("mt-4 text-sm text-muted-foreground", className)}
+    className={cn('mt-4 text-sm text-muted-foreground', className)}
     {...props}
   />
 ));
-TableCaption.displayName = "TableCaption";
+TableCaption.displayName = 'TableCaption';
 
 export {
   Table,
diff --git a/apps/analytics-web/components/ui/tabs.tsx b/apps/analytics-web/components/ui/tabs.tsx
index c748eca0..2fd908d6 100644
--- a/apps/analytics-web/components/ui/tabs.tsx
+++ b/apps/analytics-web/components/ui/tabs.tsx
@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-import * as React from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
 
-import { cn } from "~/utils/shadcn";
+import { cn } from '~/utils/shadcn';
 
 const Tabs = TabsPrimitive.Root;
 
@@ -14,8 +14,8 @@ const TabsList = React.forwardRef<
   <TabsPrimitive.List
     ref={ref}
     className={cn(
-      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
-      className
+      'inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground',
+      className,
     )}
     {...props}
   />
@@ -29,8 +29,8 @@ const TabsTrigger = React.forwardRef<
   <TabsPrimitive.Trigger
     ref={ref}
     className={cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-      className
+      'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
+      className,
     )}
     {...props}
   />
@@ -44,8 +44,8 @@ const TabsContent = React.forwardRef<
   <TabsPrimitive.Content
     ref={ref}
     className={cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      className
+      'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+      className,
     )}
     {...props}
   />
diff --git a/apps/analytics-web/db/db.ts b/apps/analytics-web/db/db.ts
index f5288af8..1b4eece0 100644
--- a/apps/analytics-web/db/db.ts
+++ b/apps/analytics-web/db/db.ts
@@ -1,7 +1,7 @@
-import { sql } from "@vercel/postgres";
-import { drizzle } from "drizzle-orm/vercel-postgres";
-import * as schema from "./schema";
-import { eventsTable } from "./schema";
+import { sql } from '@vercel/postgres';
+import { drizzle } from 'drizzle-orm/vercel-postgres';
+import * as schema from './schema';
+import { type eventsTable } from './schema';
 
 // Use this object to send drizzle queries to your DB
 export const db = drizzle(sql, { schema });
diff --git a/apps/analytics-web/db/getEvents.ts b/apps/analytics-web/db/getEvents.ts
index 54c1a6f7..6a2f1d63 100644
--- a/apps/analytics-web/db/getEvents.ts
+++ b/apps/analytics-web/db/getEvents.ts
@@ -1,4 +1,4 @@
-import { db } from "./db";
+import { db } from './db';
 
 export default async function getEvents() {
   try {
@@ -8,7 +8,8 @@ export default async function getEvents() {
 
     return events;
   } catch (error) {
-    console.error("Error getting events", error);
+    // eslint-disable-next-line no-console
+    console.error('Error getting events', error);
     return [];
   }
 }
diff --git a/apps/analytics-web/db/insertEvent.ts b/apps/analytics-web/db/insertEvent.ts
index 18955a6d..c6c424c1 100644
--- a/apps/analytics-web/db/insertEvent.ts
+++ b/apps/analytics-web/db/insertEvent.ts
@@ -1,5 +1,5 @@
-import { type EventInsertType, db } from "./db";
-import { eventsTable } from "~/db/schema";
+import { type EventInsertType, db } from './db';
+import { eventsTable } from '~/db/schema';
 
 export default async function insertEvent(event: EventInsertType) {
   try {
@@ -10,7 +10,8 @@ export default async function insertEvent(event: EventInsertType) {
 
     return { data: insertedEvent, error: null };
   } catch (error) {
-    console.error("Error inserting events", error);
-    return { data: null, error: "Error inserting events" };
+    // eslint-disable-next-line no-console
+    console.error('Error inserting events', error);
+    return { data: null, error: 'Error inserting events' };
   }
 }
diff --git a/apps/analytics-web/db/schema.ts b/apps/analytics-web/db/schema.ts
index 1c3c68af..4d04ef12 100644
--- a/apps/analytics-web/db/schema.ts
+++ b/apps/analytics-web/db/schema.ts
@@ -5,25 +5,25 @@ import {
   text,
   uniqueIndex,
   timestamp,
-} from "drizzle-orm/pg-core";
+} from 'drizzle-orm/pg-core';
 
 export const eventsTable = pgTable(
-  "events",
+  'events',
   {
-    id: serial("id").primaryKey(),
-    type: text("type").notNull(), // Todo: make this use pgEnum with the eventTypes array.
-    installationId: text("installationId").notNull(),
-    timestamp: timestamp("timestamp").notNull(),
-    countryISOCode: text("countryISOCode").notNull(),
-    message: text("message"),
-    name: text("name"),
-    stack: text("stack"),
-    cause: text("cause"),
-    metadata: json("metadata"),
+    id: serial('id').primaryKey(),
+    type: text('type').notNull(), // Todo: make this use pgEnum with the eventTypes array.
+    installationId: text('installationId').notNull(),
+    timestamp: timestamp('timestamp').notNull(),
+    countryISOCode: text('countryISOCode').notNull(),
+    message: text('message'),
+    name: text('name'),
+    stack: text('stack'),
+    cause: text('cause'),
+    metadata: json('metadata'),
   },
   (events) => {
     return {
-      uniqueIdx: uniqueIndex("unique_idx").on(events.id),
+      uniqueIdx: uniqueIndex('unique_idx').on(events.id),
     };
-  }
+  },
 );
diff --git a/apps/analytics-web/drizzle.config.ts b/apps/analytics-web/drizzle.config.ts
index 20d27380..677ca2be 100644
--- a/apps/analytics-web/drizzle.config.ts
+++ b/apps/analytics-web/drizzle.config.ts
@@ -1,13 +1,14 @@
-import dotenv from "dotenv";
+import dotenv from 'dotenv';
 dotenv.config();
 
-import { defineConfig } from "drizzle-kit";
+import { defineConfig } from 'drizzle-kit';
 
 export default defineConfig({
-  schema: "./db/schema.ts",
-  out: "./drizzle",
-  driver: "pg",
+  schema: './db/schema.ts',
+  out: './drizzle',
+  driver: 'pg',
   dbCredentials: {
+    // eslint-disable-next-line no-process-env,
     connectionString: process.env.POSTGRES_URL!,
   },
   verbose: true,
diff --git a/apps/analytics-web/middleware.ts b/apps/analytics-web/middleware.ts
index fc8edf44..3af1d88e 100644
--- a/apps/analytics-web/middleware.ts
+++ b/apps/analytics-web/middleware.ts
@@ -1,15 +1,16 @@
-import { authMiddleware, clerkClient, redirectToSignIn } from "@clerk/nextjs";
-import { NextResponse } from "next/server";
+import { authMiddleware, clerkClient, redirectToSignIn } from '@clerk/nextjs';
+import { NextResponse } from 'next/server';
 
 // This example protects all routes including api/trpc routes
 // Please edit this to allow other routes to be public as needed.
 // See https://clerk.com/docs/references/nextjs/auth-middleware for more information about configuring your Middleware
 export default authMiddleware({
-  publicRoutes: ["/verification"],
-  ignoredRoutes: ["/api/event"],
-  async afterAuth(auth, req, evt) {
+  publicRoutes: ['/verification'],
+  ignoredRoutes: ['/api/event'],
+  async afterAuth(auth, req, _) {
     // handle users who aren't authenticated
     if (!auth.userId && !auth.isPublicRoute) {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-return
       return redirectToSignIn({ returnBackUrl: req.url });
     }
 
@@ -18,8 +19,8 @@ export default authMiddleware({
       const user = await clerkClient.users.getUser(auth.userId);
       const isVerified = user?.publicMetadata?.verified;
 
-      if (!isVerified && req.nextUrl.pathname !== "/verification") {
-        return NextResponse.redirect(new URL("/verification", req.nextUrl));
+      if (!isVerified && req.nextUrl.pathname !== '/verification') {
+        return NextResponse.redirect(new URL('/verification', req.nextUrl));
       }
     }
   },
@@ -27,5 +28,5 @@ export default authMiddleware({
 
 // all routes except static files and /api/event
 export const config = {
-  matcher: ["/", "/((?!api|static|.*\\..*|_next).*)"],
+  matcher: ['/', '/((?!api|static|.*\\..*|_next).*)'],
 };
diff --git a/apps/analytics-web/next.config.js b/apps/analytics-web/next.config.js
index fdda6aa1..fdb56177 100644
--- a/apps/analytics-web/next.config.js
+++ b/apps/analytics-web/next.config.js
@@ -1,4 +1,15 @@
-module.exports = {
+/** @type {import("next").NextConfig} */
+const config = {
   reactStrictMode: true,
-  transpilePackages: ["ui"],
+
+  /** Enables hot reloading for local packages without a build step */
+  transpilePackages: [
+    "@codaco/ui",
+  ],
+
+  /** We already do linting and typechecking as separate tasks in CI */
+  eslint: { ignoreDuringBuilds: true },
+  typescript: { ignoreBuildErrors: true },
 };
+
+export default config;
diff --git a/apps/analytics-web/package.json b/apps/analytics-web/package.json
index 08b444c5..f3e2c57a 100644
--- a/apps/analytics-web/package.json
+++ b/apps/analytics-web/package.json
@@ -2,6 +2,7 @@
   "name": "analytics-web",
   "version": "1.0.0",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "next dev",
     "build": "next build",
@@ -14,6 +15,7 @@
     "seed": "pnpm run generate && pnpm run migrate && npx tsx scripts/seed.ts"
   },
   "dependencies": {
+    "@codaco/ui": "workspace:*",
     "@clerk/nextjs": "^4.29.5",
     "@codaco/analytics": "workspace:*",
     "@radix-ui/react-checkbox": "^1.0.4",
@@ -26,7 +28,7 @@
     "@tanstack/react-table": "^8.10.7",
     "@vercel/kv": "^0.2.4",
     "@vercel/postgres": "^0.5.1",
-    "autoprefixer": "^10.4.16",
+    "autoprefixer": "^10.4.17",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "dotenv": "^16.3.1",
@@ -38,10 +40,13 @@
     "react": "^18.2.0",
     "react-dom": "^18",
     "tailwind-merge": "^2.0.0",
-    "tailwindcss-animate": "^1.0.7",
     "zod": "^3.22.4"
   },
   "devDependencies": {
+    "@codaco/eslint-config": "workspace:*",
+    "@codaco/prettier-config": "workspace:*",
+    "@codaco/tailwind-config": "workspace:*",
+    "@codaco/tsconfig": "workspace:*",
     "@faker-js/faker": "^8.2.0",
     "@testing-library/react": "^14.1.2",
     "@types/node": "^20.5.2",
@@ -50,13 +55,21 @@
     "@types/react-dom": "^18.2.18",
     "@vitejs/plugin-react": "^4.2.1",
     "drizzle-kit": "^0.20.13",
-    "eslint-config-custom": "workspace:*",
+    "eslint": "^8.57.0",
     "jsdom": "^24.0.0",
     "next-test-api-route-handler": "^4.0.3",
-    "shared-tailwind-config": "workspace:*",
-    "tailwindcss": "^3.3.0",
-    "tsconfig": "workspace:*",
-    "typescript": "^5.2.2",
+    "prettier": "^3.2.5",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.3.3",
     "vitest": "^1.2.2"
-  }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@codaco/eslint-config/base",
+      "@codaco/eslint-config/nextjs",
+      "@codaco/eslint-config/react"
+    ]
+  },
+  "prettier": "@codaco/prettier-config"
 }
diff --git a/apps/analytics-web/postcss.config.js b/apps/analytics-web/postcss.config.cjs
similarity index 96%
rename from apps/analytics-web/postcss.config.js
rename to apps/analytics-web/postcss.config.cjs
index 33ad091d..12a703d9 100644
--- a/apps/analytics-web/postcss.config.js
+++ b/apps/analytics-web/postcss.config.cjs
@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/apps/analytics-web/scripts/migrate.ts b/apps/analytics-web/scripts/migrate.ts
index b15e3e3f..9b2dd680 100644
--- a/apps/analytics-web/scripts/migrate.ts
+++ b/apps/analytics-web/scripts/migrate.ts
@@ -1,15 +1,16 @@
-import dotenv from "dotenv";
+import dotenv from 'dotenv';
 dotenv.config();
 
-import { migrate } from "drizzle-orm/vercel-postgres/migrator";
-import { db } from "~/db/db";
+import { migrate } from 'drizzle-orm/vercel-postgres/migrator';
+import { db } from '~/db/db';
 
 export async function runMigration() {
   try {
-    await migrate(db, { migrationsFolder: "./drizzle" });
+    await migrate(db, { migrationsFolder: './drizzle' });
   } catch (error) {
-    console.error("Error running migration:", error);
+    // eslint-disable-next-line no-console
+    console.error('Error running migration:', error);
   }
 }
 
-runMigration();
+await runMigration();
diff --git a/apps/analytics-web/scripts/seed.ts b/apps/analytics-web/scripts/seed.ts
index ae383ac4..680de4a9 100644
--- a/apps/analytics-web/scripts/seed.ts
+++ b/apps/analytics-web/scripts/seed.ts
@@ -1,22 +1,23 @@
-import dotenv from "dotenv";
+import dotenv from 'dotenv';
 dotenv.config();
 
-import { faker } from "@faker-js/faker";
-import { db, type EventInsertType } from "~/db/db";
-import { eventsTable } from "~/db/schema";
-import { eventTypes } from "@codaco/analytics";
+import { faker } from '@faker-js/faker';
+import { db, type EventInsertType } from '~/db/db';
+import { eventsTable } from '~/db/schema';
+import { eventTypes } from '@codaco/analytics';
 
-let installationIds: string[] = [];
+const installationIds: string[] = [];
 for (let i = 0; i < 20; i++) {
   installationIds.push(faker.string.uuid());
 }
 
 async function seedEvents() {
-  console.info("Starting to seed events");
+  // eslint-disable-next-line no-console
+  console.info('Starting to seed events');
 
   try {
     for (let i = 0; i < 100; i++) {
-      const type = faker.helpers.arrayElement([...eventTypes, "Error"]);
+      const type = faker.helpers.arrayElement([...eventTypes, 'Error']);
       const installationId = faker.helpers.arrayElement(installationIds);
       const timestamp = faker.date.recent();
       const metadata = {
@@ -51,16 +52,15 @@ async function seedEvents() {
 
       await db
         .insert(eventsTable)
-        .values(type === "Error" ? errorEvent : noneErrorEvent)
+        .values(type === 'Error' ? errorEvent : noneErrorEvent)
         .returning();
     }
   } catch (error) {
-    console.error("Error seeding events", error);
+    // eslint-disable-next-line no-console
+    console.error('Error seeding events', error);
   }
 
   process.exit();
 }
 
-(async () => {
-  await seedEvents();
-})();
+await seedEvents();
diff --git a/apps/analytics-web/tailwind.config.ts b/apps/analytics-web/tailwind.config.ts
index 4522b396..db55c0f4 100644
--- a/apps/analytics-web/tailwind.config.ts
+++ b/apps/analytics-web/tailwind.config.ts
@@ -1,16 +1,16 @@
-import type { Config } from "tailwindcss";
-import sharedConfig from "shared-tailwind-config";
+import type { Config } from 'tailwindcss';
+import sharedConfig from '@codaco/tailwind-config/fresco';
 
-const config: Pick<Config, "content" | "darkMode" | "presets" | "plugins"> = {
-  darkMode: ["class"],
+const config: Pick<Config, 'content' | 'darkMode' | 'presets' | 'plugins'> = {
   content: [
-    "./pages/**/*.{ts,tsx}",
-    "./components/**/*.{ts,tsx}",
-    "./app/**/*.{ts,tsx}",
-    "./src/**/*.{ts,tsx}",
+    ...sharedConfig.content,
+    './pages/**/*.{ts,tsx}',
+    './components/**/*.{ts,tsx}',
+    './app/**/*.{ts,tsx}',
+    './src/**/*.{ts,tsx}',
+    '../../packages/ui/**/*.{ts,tsx}', // UI package
   ],
   presets: [sharedConfig],
-  plugins: [require("tailwindcss-animate")],
 };
 
 export default config;
diff --git a/apps/analytics-web/tsconfig.json b/apps/analytics-web/tsconfig.json
index 976477c8..caa490ca 100644
--- a/apps/analytics-web/tsconfig.json
+++ b/apps/analytics-web/tsconfig.json
@@ -1,19 +1,16 @@
 {
-  "extends": "tsconfig/nextjs.json",
+  "extends": "@codaco/tsconfig/base.json",
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
+    "baseUrl": ".",
     "paths": {
       "~/*": ["./*"]
-    }
+    },
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
diff --git a/apps/analytics-web/utils/getRegionsTotals.ts b/apps/analytics-web/utils/getRegionsTotals.ts
index 405004c2..92b64aca 100644
--- a/apps/analytics-web/utils/getRegionsTotals.ts
+++ b/apps/analytics-web/utils/getRegionsTotals.ts
@@ -1,4 +1,5 @@
-import getEvents, { type Event } from "~/db/getEvents";
+import getEvents, { type Event } from '~/db/getEvents';
+import { getName } from 'i18n-iso-countries';
 
 export type RegionTotal = {
   country: string;
@@ -7,7 +8,6 @@ export type RegionTotal = {
 
 export default async function getRegionsTotals(): Promise<RegionTotal[]> {
   const events: Event[] = await getEvents();
-  var countries = require("i18n-iso-countries");
 
   const calculatedTotals: Record<string, number> = {};
 
@@ -15,7 +15,7 @@ export default async function getRegionsTotals(): Promise<RegionTotal[]> {
     const isocode = event.countryISOCode;
 
     if (isocode) {
-      calculatedTotals[isocode] = (calculatedTotals[isocode] || 0) + 1;
+      calculatedTotals[isocode] = (calculatedTotals[isocode] ?? 0) + 1;
     }
   }
 
@@ -23,8 +23,8 @@ export default async function getRegionsTotals(): Promise<RegionTotal[]> {
 
   for (const isocode in calculatedTotals) {
     regionsTotals.push({
-      country: countries.getName(isocode, "en"),
-      total: calculatedTotals[isocode] || 0,
+      country: getName(isocode, 'en') ?? '',
+      total: calculatedTotals[isocode] ?? 0,
     });
   }
 
diff --git a/apps/analytics-web/utils/getTotalAppsSetup.ts b/apps/analytics-web/utils/getTotalAppsSetup.ts
index cd12e9c3..cdf24984 100644
--- a/apps/analytics-web/utils/getTotalAppsSetup.ts
+++ b/apps/analytics-web/utils/getTotalAppsSetup.ts
@@ -1,10 +1,10 @@
-import getEvents from "~/db/getEvents";
+import getEvents from '~/db/getEvents';
 
 export const getTotalAppsSetup = async () => {
   const events = await getEvents();
 
   const nAppsSetup = events.reduce((count, event) => {
-    if (event.type === "AppSetup") {
+    if (event.type === 'AppSetup') {
       return count + 1;
     }
     return count;
diff --git a/apps/analytics-web/utils/getTotalDataExported.ts b/apps/analytics-web/utils/getTotalDataExported.ts
index f8ec8cc3..0da18ccb 100644
--- a/apps/analytics-web/utils/getTotalDataExported.ts
+++ b/apps/analytics-web/utils/getTotalDataExported.ts
@@ -1,10 +1,10 @@
-import getEvents from "~/db/getEvents";
+import getEvents from '~/db/getEvents';
 
 export const getTotalDataExported = async () => {
   const events = await getEvents();
 
   const nDataExported = events.reduce((count, event) => {
-    if (event.type === "DataExported") {
+    if (event.type === 'DataExported') {
       return count + 1;
     }
     return count;
diff --git a/apps/analytics-web/utils/getTotalErrors.ts b/apps/analytics-web/utils/getTotalErrors.ts
index b46d13bd..a02036ba 100644
--- a/apps/analytics-web/utils/getTotalErrors.ts
+++ b/apps/analytics-web/utils/getTotalErrors.ts
@@ -1,10 +1,10 @@
-import getEvents from "~/db/getEvents";
+import getEvents from '~/db/getEvents';
 
 export const getTotalErrors = async () => {
   const events = await getEvents();
 
   const nErrors = events.reduce((count, event) => {
-    if (event.type === "Error") {
+    if (event.type === 'Error') {
       return count + 1;
     }
     return count;
diff --git a/apps/analytics-web/utils/getTotalInterviewsCompleted.ts b/apps/analytics-web/utils/getTotalInterviewsCompleted.ts
index 8665eb75..ffe6ff7e 100644
--- a/apps/analytics-web/utils/getTotalInterviewsCompleted.ts
+++ b/apps/analytics-web/utils/getTotalInterviewsCompleted.ts
@@ -1,10 +1,10 @@
-import getEvents from "~/db/getEvents";
+import getEvents from '~/db/getEvents';
 
 export const getTotalInterviewsCompleted = async () => {
   const events = await getEvents();
 
   const nInterviewsCompleted = events.reduce((count, event) => {
-    if (event.type === "InterviewCompleted") {
+    if (event.type === 'InterviewCompleted') {
       return count + 1;
     }
     return count;
diff --git a/apps/analytics-web/utils/getTotalInterviewsStarted.ts b/apps/analytics-web/utils/getTotalInterviewsStarted.ts
index acfe30f3..e72c158e 100644
--- a/apps/analytics-web/utils/getTotalInterviewsStarted.ts
+++ b/apps/analytics-web/utils/getTotalInterviewsStarted.ts
@@ -1,10 +1,10 @@
-import getEvents from "~/db/getEvents";
+import getEvents from '~/db/getEvents';
 
 export const getTotalInterviewsStarted = async () => {
   const events = await getEvents();
 
   const nInterviewsStarted = events.reduce((count, event) => {
-    if (event.type === "InterviewStarted") {
+    if (event.type === 'InterviewStarted') {
       return count + 1;
     }
     return count;
diff --git a/apps/analytics-web/utils/getTotalProtocolsInstalled.ts b/apps/analytics-web/utils/getTotalProtocolsInstalled.ts
index e2f6200f..1de6005f 100644
--- a/apps/analytics-web/utils/getTotalProtocolsInstalled.ts
+++ b/apps/analytics-web/utils/getTotalProtocolsInstalled.ts
@@ -1,10 +1,10 @@
-import getEvents from "~/db/getEvents";
+import getEvents from '~/db/getEvents';
 
 export const getTotalProtocolsInstalled = async () => {
   const events = await getEvents();
 
   const nProtocolsInstalled = events.reduce((count, event) => {
-    if (event.type === "ProtocolInstalled") {
+    if (event.type === 'ProtocolInstalled') {
       return count + 1;
     }
     return count;
diff --git a/apps/analytics-web/utils/shadcn.ts b/apps/analytics-web/utils/shadcn.ts
index ec79801f..9ad0df42 100644
--- a/apps/analytics-web/utils/shadcn.ts
+++ b/apps/analytics-web/utils/shadcn.ts
@@ -1,6 +1,6 @@
-import { type ClassValue, clsx } from "clsx"
-import { twMerge } from "tailwind-merge"
- 
+import { type ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
+  return twMerge(clsx(inputs));
 }
diff --git a/apps/analytics-web/vitest.config.ts b/apps/analytics-web/vitest.config.ts
index f624398e..4ac6027d 100644
--- a/apps/analytics-web/vitest.config.ts
+++ b/apps/analytics-web/vitest.config.ts
@@ -1,7 +1,7 @@
-import { defineConfig } from "vitest/config";
+import { defineConfig } from 'vitest/config';
 
 export default defineConfig({
   test: {
-    environment: "node",
+    environment: 'node',
   },
 });
diff --git a/apps/documentation/.eslintrc.js b/apps/documentation/.eslintrc.js
deleted file mode 100644
index 0e5e86f8..00000000
--- a/apps/documentation/.eslintrc.js
+++ /dev/null
@@ -1,3 +0,0 @@
-module.exports = {
-  extends: ["custom/next"],
-};
diff --git a/apps/documentation/.gitignore b/apps/documentation/.gitignore
index dd1af77c..db5af240 100644
--- a/apps/documentation/.gitignore
+++ b/apps/documentation/.gitignore
@@ -37,3 +37,10 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# dont commit the sidebar
+/public/sidebar.json
+
+# dont commit the sitemap
+/public/sitemap-0.xml
+
diff --git a/apps/documentation/app/[locale]/[project]/[...docPath]/_components/TOCLink.tsx b/apps/documentation/app/[locale]/[project]/[...docPath]/_components/TOCLink.tsx
deleted file mode 100644
index 1664db1c..00000000
--- a/apps/documentation/app/[locale]/[project]/[...docPath]/_components/TOCLink.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-'use client';
-
-import useHighlighted from '~/hooks/useHighlighted';
-import { type HeadingNode } from '~/lib/tableOfContents';
-import Link from 'next/link';
-import { useEffect, useRef } from 'react';
-
-const TOCLink = ({ node }: { node: HeadingNode }) => {
-  const ref = useRef<HTMLAnchorElement>(null);
-  const [highlighted] = useHighlighted(node.data.id);
-
-  useEffect(() => {
-    if (highlighted && ref.current) {
-      ref.current.scrollIntoView({
-        behavior: 'auto',
-        block: 'nearest',
-        inline: 'nearest',
-      });
-    }
-  }, [highlighted]);
-
-  return (
-    <Link
-      ref={ref}
-      href={`#${node.data.id}`}
-      className={`block ${
-        node.depth === 2 ? 'text-base' : 'text-sm'
-      } py-1 transition-colors hover:text-black dark:hover:text-white ${
-        highlighted ? 'text-black dark:text-white' : 'text-slate-400'
-      }`}
-    >
-      {node.value}
-    </Link>
-  );
-};
-
-export default TOCLink;
diff --git a/apps/documentation/app/[locale]/[project]/[...docPath]/_components/TableOfContents.tsx b/apps/documentation/app/[locale]/[project]/[...docPath]/_components/TableOfContents.tsx
deleted file mode 100644
index 5a6be331..00000000
--- a/apps/documentation/app/[locale]/[project]/[...docPath]/_components/TableOfContents.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { type HeadingNode } from '~/lib/tableOfContents';
-import TOCLink from './TOCLink';
-
-interface TableOfContentsProps {
-  nodes: HeadingNode[] | null;
-}
-
-const TableOfContents = ({ nodes }: TableOfContentsProps) => {
-  if (!nodes) return null;
-
-  return (
-    <div
-      className={`toc-component group overflow-x-hidden pb-5 ${
-        nodes.length > 10 && 'h-[750px]'
-      } min-w-[300px] overflow-y-auto`}
-    >
-      <h3 className="text-sm uppercase text-slate-400">Table of contents</h3>
-      {renderNodes(nodes)}
-    </div>
-  );
-};
-
-function renderNodes(nodes: HeadingNode[]) {
-  return (
-    <ul className="mx-6">
-      {nodes.map((node) => (
-        <li key={node.data.id}>
-          <TOCLink node={node} />
-          {node.children?.length > 0 && renderNodes(node.children)}
-        </li>
-      ))}
-    </ul>
-  );
-}
-
-export default TableOfContents;
diff --git a/apps/documentation/app/[locale]/[project]/[...docPath]/not-found.tsx b/apps/documentation/app/[locale]/[project]/[...docPath]/not-found.tsx
deleted file mode 100644
index ed413d29..00000000
--- a/apps/documentation/app/[locale]/[project]/[...docPath]/not-found.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import Link from 'next/link';
-
-export default function NotFound() {
-  return (
-    <div>
-      <h2>Not Found</h2>
-      <p>Could not find requested resource</p>
-      <Link href="/">Return Home</Link>
-    </div>
-  );
-}
diff --git a/apps/documentation/app/[locale]/[project]/[...docPath]/page.tsx b/apps/documentation/app/[locale]/[project]/[...docPath]/page.tsx
index 63b177fe..6dc25610 100644
--- a/apps/documentation/app/[locale]/[project]/[...docPath]/page.tsx
+++ b/apps/documentation/app/[locale]/[project]/[...docPath]/page.tsx
@@ -1,122 +1,60 @@
-import { Separator } from '~/components/ui/separator';
-import { getAllMarkdownDocs, getDoc, processPath } from '~/lib/docs';
-import { getHeadings } from '~/lib/tableOfContents';
-import { unstable_setRequestLocale } from 'next-intl/server';
-import { MDXRemote } from 'next-mdx-remote/rsc';
 import { notFound } from 'next/navigation';
-import TableOfContents from './_components/TableOfContents';
-import BestPractices from '../_components/customComponents/BestPractices';
-import InterfaceSummary from '../_components/customComponents/InterfaceSummary';
-import SummaryCard from '../_components/customComponents/SummaryCard';
-import WorkInProgress from '../_components/customComponents/WorkInProgress';
-import { customComponents } from '../_components/customComponents/customComponents';
-import InnerLanguageSwitcher from '../_components/InnerLanguageSwitcher';
-import { options } from '~/lib/mdxOptions';
+import { unstable_setRequestLocale } from 'next-intl/server';
+import type { LocalesEnum } from '~/app/types';
+import Article from '~/components/article';
+import { getDocsForRouteSegment, getDocumentForPath } from '~/lib/docs';
 
 type PageParams = {
-  locale: string;
+  locale: LocalesEnum;
   project: string;
   docPath: string[];
 };
 
-type PageParamsWithoutDocPath = Omit<PageParams, 'docPath'>;
-
-export function generateMetadata({ params }: { params: PageParams }) {
+export async function generateMetadata({ params }: { params: PageParams }) {
   const { locale, project, docPath } = params;
-  const doc = getDoc({
+  const document = await getDocumentForPath({
     locale,
     project,
     pathSegment: docPath,
   });
-  if (!doc || !doc.title) {
-    throw new Error(`Error getting document title for:${docPath.join('')}`);
-  }
 
-  return { title: doc.title };
+  return { title: document?.frontmatter.title };
 }
 
-export async function generateStaticParams({
+export function generateStaticParams({
   params,
 }: {
-  params: PageParamsWithoutDocPath;
+  params: Omit<PageParams, 'docPath'>;
 }) {
   const { locale, project } = params;
-  const docs = await getAllMarkdownDocs();
-
-  const filteredDocs = docs.map(processPath).filter((processedPathList) => {
-    const docProject = processedPathList[0]; // get docProject
-    const docLocale = processedPathList[processedPathList.length - 1]; // get docLocale;
-
-    return locale === docLocale && project === docProject;
-  });
-  // removes the locale and project from filteredDocs
-  const docsWithoutLocaleAndProject = filteredDocs.map((doc) =>
-    doc.slice(1, -1),
-  );
-  // remove empty docPaths
-  const filteredDocPaths = docsWithoutLocaleAndProject.filter(
-    (docPath) => docPath.length,
-  );
-
-  return filteredDocPaths.map((docPath) => ({
+  const docPathSegmentsForRoute = getDocsForRouteSegment({
     locale,
     project,
-    docPath,
-  }));
+  });
+
+  return docPathSegmentsForRoute;
 }
 
-// The Page Component
-const Page = async ({ params }: { params: PageParams }) => {
+export default async function Page({ params }: { params: PageParams }) {
   const { locale, project, docPath } = params;
-  const filePath = `/${project}/` + docPath.join('/'); //file path for InnerLanguage switcher
   // setting setRequestLocale to support next-intl for static rendering
   unstable_setRequestLocale(locale);
 
-  const doc = getDoc({
+  const document = await getDocumentForPath({
     locale,
     project,
     pathSegment: docPath,
   });
 
-  if (!doc || doc?.content === null) notFound();
-
-  // Frontmatter data of markdown files
-  const {
-    title,
-    content,
-    lastUpdated,
-    toc,
-    wip,
-    summaryData,
-    interfaceSummary,
-    bestPractices,
-  } = doc;
-  const headings = toc ? await getHeadings(content) : null;
+  if (document === null) notFound();
 
   return (
-    <div className="flex items-start gap-1">
-      <article className="DocSearch-content prose prose-sm prose-slate mx-5 dark:prose-invert md:prose-base prose-blockquote:border-blue-500">
-        <h1>{title}</h1>
-        <InnerLanguageSwitcher currentLocale={locale} filePath={filePath} />
-        {interfaceSummary && <InterfaceSummary data={interfaceSummary} />}
-        {summaryData && <SummaryCard data={summaryData} />}
-        {wip && <WorkInProgress />}
-        <MDXRemote
-          options={options}
-          components={customComponents}
-          source={content}
-        />
-        {bestPractices && <BestPractices data={bestPractices} />}
-        <p className="text-sm text-red-400">{lastUpdated}</p>
-      </article>
-      {headings && (
-        <div className="sticky top-20">
-          <TableOfContents nodes={headings} />
-          <Separator />
-        </div>
-      )}
-    </div>
+    <Article
+      content={document.component}
+      title={document.frontmatter.title}
+      headings={document.headings}
+      showToc={document.frontmatter.toc && document.headings.length > 0}
+      wip={document.frontmatter.wip}
+    />
   );
-};
-
-export default Page;
+}
diff --git a/apps/documentation/app/[locale]/[project]/_components/InnerLanguageSwitcher.tsx b/apps/documentation/app/[locale]/[project]/_components/InnerLanguageSwitcher.tsx
index 6afd51c3..67d86b5c 100644
--- a/apps/documentation/app/[locale]/[project]/_components/InnerLanguageSwitcher.tsx
+++ b/apps/documentation/app/[locale]/[project]/_components/InnerLanguageSwitcher.tsx
@@ -1,18 +1,21 @@
-import { getAvailableLocales } from '~/lib/helper_functions';
-import { getTranslator } from 'next-intl/server';
 import Link from 'next/link';
+import { getTranslations } from 'next-intl/server';
+import { getAvailableLocalesForPath } from '~/lib/docs';
 
 type InnerLanguageSwitcherProps = {
-  filePath: string;
+  pathSegment: string[];
   currentLocale: string;
+  project: string;
 };
 
 const InnerLanguageSwitcher = async ({
-  filePath,
+  pathSegment,
   currentLocale,
+  project,
 }: InnerLanguageSwitcherProps) => {
-  const t = await getTranslator(currentLocale, 'DocPage');
-  const availableLocales = getAvailableLocales(filePath);
+  const t = await getTranslations('DocPage');
+  const availableLocales = getAvailableLocalesForPath(project, pathSegment);
+  const filePath = `/${project}/` + pathSegment.join('/'); //document file path to navigate to
 
   // removes the current locale from availableLocales
   const supportedLanguages = availableLocales.filter(
@@ -27,7 +30,7 @@ const InnerLanguageSwitcher = async ({
       {supportedLanguages.map((lang) => (
         <div key={lang}>
           <Link
-            className="mx-1 text-blue-400 transition-colors hover:text-cyan-400"
+            className="text-blue-400 hover:text-cyan-400 mx-1 transition-colors"
             href={`/${lang}${filePath}`}
           >
             {lang}
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/BestPractices.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/BestPractices.tsx
deleted file mode 100644
index d0e49f7a..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/BestPractices.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { CheckSquare, XOctagon } from 'lucide-react';
-import { MDXRemote } from 'next-mdx-remote/rsc';
-import CustomParagraph from './CustomParagraph';
-import CustomAnchor from './CustomAnchor';
-import { options } from '~/lib/mdxOptions';
-
-type BestPracticesProps = {
-  data: {
-    good: string[];
-    bad: string[];
-  };
-};
-
-const BestPractices = ({ data }: BestPracticesProps) => {
-  return (
-    <div>
-      <div>
-        <p className="text-sm font-bold uppercase">Best Practices</p>
-        <ul className="list-none">
-          {data.good.map((item) => (
-            <li className="flex items-start gap-3" key={item}>
-              <span>
-                <CheckSquare size={'19px'} className="mt-1.5 text-green-500" />
-              </span>
-              <MDXRemote
-                options={options}
-                components={{ p: CustomParagraph, a: CustomAnchor }}
-                source={item}
-              />
-            </li>
-          ))}
-        </ul>
-      </div>
-      <div>
-        <p className="text-sm font-bold uppercase">Try To Avoid</p>
-        <ul className="list-none">
-          {data.bad.map((item) => (
-            <li className="flex items-start gap-3" key={item}>
-              <span>
-                <XOctagon size={'19px'} className="mt-1.5 text-red-500" />
-              </span>
-              <MDXRemote
-                options={options}
-                components={{ p: CustomParagraph, a: CustomAnchor }}
-                source={item}
-              />
-            </li>
-          ))}
-        </ul>
-      </div>
-    </div>
-  );
-};
-
-export default BestPractices;
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/ButtonPrimary.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/ButtonPrimary.tsx
deleted file mode 100644
index c2c5a5c8..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/ButtonPrimary.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import Link from 'next/link';
-import { type ReactNode } from 'react';
-
-type ButtonPrimaryProps = {
-  children: ReactNode;
-  href: string;
-};
-
-function ButtonPrimary({ children, href }: ButtonPrimaryProps) {
-  return (
-    <Link
-      className="btn inline-block rounded-md bg-violet-700 p-4 text-center text-white hover:bg-violet-800"
-      style={{ textDecoration: 'none' }}
-      href={href}
-    >
-      <span>{children}</span>
-    </Link>
-  );
-}
-
-export default ButtonPrimary;
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/ButtonSecondary.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/ButtonSecondary.tsx
deleted file mode 100644
index 1d88d019..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/ButtonSecondary.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import Link from 'next/link';
-import { type ReactNode } from 'react';
-
-type ButtonSecondaryProps = {
-  children: ReactNode;
-  href: string;
-};
-
-function ButtonSecondary({ children, href }: ButtonSecondaryProps) {
-  return (
-    <Link
-      className="btn inline-block rounded-md bg-slate-100 p-4 text-center text-violet-600 hover:bg-slate-200"
-      style={{ textDecoration: 'none' }}
-      href={href}
-    >
-      <span>{children}</span>
-    </Link>
-  );
-}
-
-export default ButtonSecondary;
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/CustomAnchor.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/CustomAnchor.tsx
deleted file mode 100644
index 48a4c51a..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/CustomAnchor.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import Link from 'next/link';
-
-const CustomAnchor = (props: React.JSX.IntrinsicElements['a']) => {
-  return (
-    <Link className="text-cyan-700" href={props.href ?? '#'}>
-      {props.children}
-    </Link>
-  );
-};
-
-export default CustomAnchor;
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/CustomHeadings.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/CustomHeadings.tsx
deleted file mode 100644
index 0488416f..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/CustomHeadings.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import { Link2 } from 'lucide-react';
-import { type DetailedHTMLProps, type HTMLAttributes } from 'react';
-import HeaderLink from './HeaderLink';
-
-type HeadingProps = DetailedHTMLProps<
-  HTMLAttributes<HTMLHeadingElement>,
-  HTMLHeadingElement
->;
-
-// TEMPORARY custom styled heading components
-export const styledHeadings = {
-  h2: (props: HeadingProps) => (
-    <h2 id={props.id}>
-      {props.id ? (
-        <HeaderLink id={props.id}>
-          {props.children}
-          <div className="hidden group-hover:block">
-            <Link2 />
-          </div>
-        </HeaderLink>
-      ) : (
-        props.children
-      )}
-    </h2>
-  ),
-  h3: (props: HeadingProps) => (
-    <h3 id={props.id}>
-      {props.id ? (
-        <HeaderLink id={props.id}>
-          {props.children}
-          <div className="hidden group-hover:block">
-            <Link2 />
-          </div>
-        </HeaderLink>
-      ) : (
-        props.children
-      )}
-    </h3>
-  ),
-  h4: (props: HeadingProps) => (
-    <h4 id={props.id}>
-      {props.id ? (
-        <HeaderLink id={props.id}>
-          {props.children}
-          <div className="hidden group-hover:block">
-            <Link2 />
-          </div>
-        </HeaderLink>
-      ) : (
-        props.children
-      )}
-    </h4>
-  ),
-  h5: (props: HeadingProps) => (
-    <h5 id={props.id}>
-      {props.id ? (
-        <HeaderLink id={props.id}>
-          {props.children}
-          <div className="hidden group-hover:block">
-            <Link2 />
-          </div>
-        </HeaderLink>
-      ) : (
-        props.children
-      )}
-    </h5>
-  ),
-  h6: (props: HeadingProps) => (
-    <h6 id={props.id}>
-      {props.id ? (
-        <HeaderLink id={props.id}>
-          {props.children}
-          <div className="hidden group-hover:block">
-            <Link2 />
-          </div>
-        </HeaderLink>
-      ) : (
-        props.children
-      )}
-    </h6>
-  ),
-};
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/CustomParagraph.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/CustomParagraph.tsx
deleted file mode 100644
index 3f08541f..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/CustomParagraph.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { type DetailedHTMLProps, type HTMLAttributes } from 'react';
-
-type CustomParagraphProps = DetailedHTMLProps<
-  HTMLAttributes<HTMLParagraphElement>,
-  HTMLParagraphElement
->;
-
-const CustomParagraph = (props: CustomParagraphProps) => (
-  <p style={{ margin: 0, padding: 0 }}>{props.children}</p>
-);
-
-export default CustomParagraph;
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/HeaderLink.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/HeaderLink.tsx
deleted file mode 100644
index f6315d8d..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/HeaderLink.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Link } from '~/navigation';
-import React from 'react';
-
-type HeaderLinkProps = {
-  id: string;
-  children: React.ReactNode;
-  className?: string;
-};
-
-const HeaderLink = ({ id, children, className }: HeaderLinkProps) => {
-  return (
-    <Link
-      className={`group flex items-center gap-1.5 no-underline transition-all hover:text-blue-400 ${className} `}
-      href={`#${id}`}
-    >
-      {children}
-    </Link>
-  );
-};
-
-export default HeaderLink;
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/ImageFloatLeft.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/ImageFloatLeft.tsx
deleted file mode 100644
index 6965e3bd..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/ImageFloatLeft.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import Image from 'next/image';
-
-type ImageFloatLeftProps = {
-  src: string;
-  name?: string;
-};
-
-const ImageFloatLeft = ({ src, name }: ImageFloatLeftProps) => {
-  return (
-    <>
-      <Image
-        width={300}
-        height={300}
-        src={src}
-        alt={name ?? src}
-        style={{ marginBlock: '10px' }}
-        className="float-left mx-5 w-[18%] object-cover"
-      />
-    </>
-  );
-};
-
-export default ImageFloatLeft;
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/ImageFullWith.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/ImageFullWith.tsx
deleted file mode 100644
index 002083d9..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/ImageFullWith.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import Image from 'next/image';
-
-type ImageFullWithProps = {
-  src: string;
-  name?: string;
-};
-
-const ImageFullWith = ({ src, name }: ImageFullWithProps) => {
-  return (
-    <Image
-      width={450}
-      height={450}
-      src={src}
-      alt={name ?? src}
-      style={{ marginBlock: '10px' }}
-      className="h-full w-full object-cover"
-    />
-  );
-};
-
-export default ImageFullWith;
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/InterfaceSummary.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/InterfaceSummary.tsx
deleted file mode 100644
index 74afd512..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/InterfaceSummary.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import Image from 'next/image';
-
-type InterfaceSummaryProps = {
-  data: {
-    image: string;
-    type: string;
-    creates: string;
-    uses_prompts: string;
-  };
-};
-
-const InterfaceSummary = ({ data }: InterfaceSummaryProps) => {
-  return (
-    <div className="flex items-center gap-4">
-      <Image
-        className="object-cover"
-        width={450}
-        height={450}
-        src={data.image}
-        alt="Image"
-      />
-      <div className="space-y-3">
-        <div>
-          <span className="block text-sm font-semibold uppercase">Type:</span>
-          <span className="block text-[16px] text-slate-500">{data.type}</span>
-        </div>
-        <div>
-          <span className="block text-sm font-semibold uppercase">
-            Creates:
-          </span>
-          <span className="block text-[16px] text-slate-500">
-            {data.creates}
-          </span>
-        </div>
-        <div>
-          <span className="block text-sm font-semibold uppercase">
-            Uses Prompts:
-          </span>
-          <span className="block text-[16px] text-slate-500">
-            {data.uses_prompts === 'Yes' ? 'True' : 'False'}
-          </span>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default InterfaceSummary;
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/KeyConcept.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/KeyConcept.tsx
deleted file mode 100644
index 828413e0..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/KeyConcept.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Card, CardContent } from '~/components/ui/card';
-import { type ReactNode } from 'react';
-
-type KeyConceptProps = {
-  title: string;
-  children: ReactNode;
-};
-
-const KeyConcept = ({ children, title }: KeyConceptProps) => {
-  return (
-    <Card className="my-2 bg-violet-500">
-      <span className="mt-2 block text-center uppercase text-white">
-        {title}
-      </span>
-      <CardContent>
-        <div className="text-sm leading-5 text-white">{children}</div>
-      </CardContent>
-    </Card>
-  );
-};
-
-export default KeyConcept;
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/StandAloneImage.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/StandAloneImage.tsx
deleted file mode 100644
index 6941004e..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/StandAloneImage.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import Image from 'next/image';
-
-type StandAloneImgProps = {
-  src: string;
-  content: string;
-  name?: string;
-};
-
-const StandAloneImage = ({ src, content, name }: StandAloneImgProps) => {
-  return (
-    <div className="m-0 flex w-full flex-col items-center p-0">
-      <Image
-        width={500}
-        height={500}
-        src={src}
-        alt={name ?? src}
-        style={{ marginBlock: '5px' }}
-      />
-      <span className="text-sm italic text-slate-400">{content}</span>
-    </div>
-  );
-};
-
-export default StandAloneImage;
-
-/* 
-className="relative h-full w-full" 
-className="h-full w-full object-cover"
-*/
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/SummaryCard.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/SummaryCard.tsx
deleted file mode 100644
index b9039558..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/SummaryCard.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Card, CardContent } from '~/components/ui/card';
-import { MDXRemote } from 'next-mdx-remote/rsc';
-import { Clock } from 'lucide-react';
-import CustomAnchor from './CustomAnchor';
-import { options } from '~/lib/mdxOptions';
-
-type SummaryCardProps = {
-  data: {
-    summary: string;
-    prerequisites: string;
-    completion_time: string;
-  };
-};
-
-const SummaryCard = ({ data }: SummaryCardProps) => {
-  return (
-    <Card className="bg-slate-200 text-black dark:bg-slate-600 dark:text-white">
-      <CardContent className="p-4">
-        <div className="text-sm">
-          <span className="font-bold">SUMMARY:</span>
-          <MDXRemote
-            options={options}
-            components={{ a: CustomAnchor }}
-            source={data.summary}
-          />
-        </div>
-        <div className="text-sm">
-          <span className="font-bold">PREREQUISITES:</span>
-          <MDXRemote
-            options={options}
-            components={{ a: CustomAnchor }}
-            source={data.prerequisites}
-          />
-        </div>
-        <div className="text-sm">
-          <span className="block font-bold">DURATION:</span>
-          <div className="flex gap-1">
-            <Clock size={'20px'} />
-            {data.completion_time}
-          </div>
-        </div>
-      </CardContent>
-    </Card>
-  );
-};
-
-export default SummaryCard;
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/TipBox.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/TipBox.tsx
deleted file mode 100644
index 41744b0f..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/TipBox.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Alert, AlertDescription, AlertTitle } from '~/components/ui/alert';
-import { Lightbulb, ShieldAlert, Terminal } from 'lucide-react';
-import { type ReactNode } from 'react';
-
-type TipBoxProps = {
-  children: ReactNode;
-  danger: boolean;
-};
-
-const TipBox = ({ children, danger }: TipBoxProps) => {
-  return (
-    <Alert
-      variant={danger ? 'destructive' : 'default'}
-      className={`my-5 border ${danger ? 'border-red-400' : 'border-blue-500'}`}
-    >
-      <Terminal className="h-4 w-4" />
-      <AlertTitle>
-        {danger ? (
-          <ShieldAlert className="text-red-400" />
-        ) : (
-          <Lightbulb className="text-blue-500" />
-        )}
-      </AlertTitle>
-      <AlertDescription>{children}</AlertDescription>
-    </Alert>
-  );
-};
-
-export default TipBox;
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/WorkInProgress.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/WorkInProgress.tsx
deleted file mode 100644
index b1c0889b..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/WorkInProgress.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import TipBox from './TipBox';
-
-const WorkInProgress = () => {
-  return (
-    <TipBox danger>
-      <p className="font-bold">WORK IN PROGRESS</p>
-      <p>
-        This article is currently being written, and is not yet complete. If you
-        require support or assistance with this topic, please contact the
-        project team directly.
-      </p>
-    </TipBox>
-  );
-};
-
-export default WorkInProgress;
diff --git a/apps/documentation/app/[locale]/[project]/_components/customComponents/customComponents.tsx b/apps/documentation/app/[locale]/[project]/_components/customComponents/customComponents.tsx
deleted file mode 100644
index 8633e135..00000000
--- a/apps/documentation/app/[locale]/[project]/_components/customComponents/customComponents.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import ButtonPrimary from './ButtonPrimary';
-import ButtonSecondary from './ButtonSecondary';
-import CustomAnchor from './CustomAnchor';
-import { styledHeadings } from './CustomHeadings';
-import ImageFloatLeft from './ImageFloatLeft';
-import ImageFullWith from './ImageFullWith';
-import KeyConcept from './KeyConcept';
-import StandAloneImage from './StandAloneImage';
-import TipBox from './TipBox';
-import { CheckSquare, XOctagon } from 'lucide-react';
-
-export const customComponents = {
-  ...styledHeadings,
-  ButtonPrimary,
-  ButtonSecondary,
-  ImageFloatLeft,
-  ImageFullWith,
-  KeyConcept,
-  StandAloneImage,
-  TipBox,
-  GoodPractice: () => <CheckSquare className="inline text-green-500" />,
-  BadPractice: () => <XOctagon className="inline text-red-500" />,
-  a: CustomAnchor,
-};
diff --git a/apps/documentation/app/[locale]/[project]/layout.tsx b/apps/documentation/app/[locale]/[project]/layout.tsx
index e24686e8..37c24a62 100644
--- a/apps/documentation/app/[locale]/[project]/layout.tsx
+++ b/apps/documentation/app/[locale]/[project]/layout.tsx
@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { getAllProjects } from '~/lib/docs';
+import { projects } from '~/app/types';
 
 export function generateStaticParams({
   params,
@@ -7,7 +7,6 @@ export function generateStaticParams({
   params: { locale: string };
 }) {
   const { locale } = params;
-  const projects = getAllProjects();
 
   return projects.map((project) => {
     return {
diff --git a/apps/documentation/app/[locale]/[project]/not-found.tsx b/apps/documentation/app/[locale]/[project]/not-found.tsx
deleted file mode 100644
index ed413d29..00000000
--- a/apps/documentation/app/[locale]/[project]/not-found.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import Link from 'next/link';
-
-export default function NotFound() {
-  return (
-    <div>
-      <h2>Not Found</h2>
-      <p>Could not find requested resource</p>
-      <Link href="/">Return Home</Link>
-    </div>
-  );
-}
diff --git a/apps/documentation/app/[locale]/[project]/page.tsx b/apps/documentation/app/[locale]/[project]/page.tsx
index d200db8f..cc748ff3 100644
--- a/apps/documentation/app/[locale]/[project]/page.tsx
+++ b/apps/documentation/app/[locale]/[project]/page.tsx
@@ -1,41 +1,31 @@
-import { getDoc } from '~/lib/docs';
-import { options } from '~/lib/mdxOptions';
-import { unstable_setRequestLocale } from 'next-intl/server';
-import { MDXRemote } from 'next-mdx-remote/rsc';
 import { notFound } from 'next/navigation';
-import InnerLanguageSwitcher from './_components/InnerLanguageSwitcher';
-import { customComponents } from './_components/customComponents/customComponents';
+import { unstable_setRequestLocale } from 'next-intl/server';
+import { getDocumentForPath } from '~/lib/docs';
+import Article from '~/components/article';
+import type { LocalesEnum } from '~/app/types';
 
-type PageProps = { params: { locale: string; project: string } };
+type PageProps = { params: { locale: LocalesEnum; project: string } };
 
-export default function Page({ params }: PageProps) {
+export default async function Page({ params }: PageProps) {
   const { locale, project } = params;
-  const filePath = `/${project}`; //file path for InnerLanguage switcher
 
   // setting setRequestLocale to support next-intl for static rendering
   unstable_setRequestLocale(params.locale);
 
-  const doc = getDoc({
+  const document = await getDocumentForPath({
     locale,
     project,
-    pathSegment: ['index'], // pointing to home page for the project
   });
 
-  if (!doc || doc?.content === null) notFound();
-
-  // Frontmatter data of markdown files
-  const { title, content, lastUpdated } = doc;
+  if (document === null) notFound();
 
   return (
-    <article className="DocSearch-content prose prose-sm prose-slate mx-5 dark:prose-invert md:prose-base prose-blockquote:border-blue-500">
-      <h1>{title}</h1>
-      <InnerLanguageSwitcher currentLocale={locale} filePath={filePath} />
-      <MDXRemote
-        options={options}
-        components={customComponents}
-        source={content}
-      />
-      <p className="text-sm text-red-400">{lastUpdated}</p>
-    </article>
+    <Article
+      content={document.component}
+      title={document.frontmatter.title}
+      headings={document.headings}
+      showToc={document.frontmatter.toc && document.headings.length > 0}
+      wip={document.frontmatter.wip}
+    />
   );
 }
diff --git a/apps/documentation/app/[locale]/_components/Navbar/Navbar.tsx b/apps/documentation/app/[locale]/_components/Navbar/Navbar.tsx
deleted file mode 100644
index 3419c848..00000000
--- a/apps/documentation/app/[locale]/_components/Navbar/Navbar.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Link } from '~/navigation';
-import logo from '~/public/assets/img/logo.svg';
-import { useTranslations } from 'next-intl';
-import Image from 'next/image';
-import DocSearchComponent from './Search/DocSearchComponent';
-import LanguageSwitcher from './languageSwitcher';
-import { ThemeToggle } from './themeToggle';
-
-const Navbar = () => {
-  const t = useTranslations('Navbar');
-
-  return (
-    <div className="sticky top-0 z-50 mb-5 border-b border-slate-200 bg-slate-950">
-      <div className="container flex h-16 items-center justify-between p-1">
-        <Link href={'/'} className="flex items-center gap-0.5">
-          <Image
-            width="40"
-            height="40"
-            priority
-            src={logo as string}
-            alt="Logo"
-          />
-          <span className="text-white">Network Canvas</span>
-        </Link>
-        <div className="flex items-center gap-3">
-          <DocSearchComponent />
-          <LanguageSwitcher width="w-fit" />
-          <ThemeToggle />
-          <Link
-            className="btn inline-block rounded-md bg-white p-2 text-center text-sm transition-colors hover:bg-stone-100 dark:bg-slate-700 dark:hover:bg-slate-600"
-            href={'https://community.networkcanvas.com'}
-            target="_blank"
-          >
-            {t('communityBtn')}
-          </Link>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Navbar;
diff --git a/apps/documentation/app/[locale]/_components/Navbar/Search/CustomSearchBox.tsx b/apps/documentation/app/[locale]/_components/Navbar/Search/CustomSearchBox.tsx
deleted file mode 100644
index bec97a06..00000000
--- a/apps/documentation/app/[locale]/_components/Navbar/Search/CustomSearchBox.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import { Input } from '~/components/ui/input';
-import { Loader, Search as SearchIcon } from 'lucide-react';
-import { useRef, useState } from 'react';
-import {
-  type UseSearchBoxProps,
-  useInstantSearch,
-  useSearchBox,
-} from 'react-instantsearch';
-
-interface CustomSearchBoxProps extends UseSearchBoxProps {
-  placeholder: string;
-}
-
-export default function CustomSearchBox(props: CustomSearchBoxProps) {
-  const { query, refine } = useSearchBox(props);
-  const { status } = useInstantSearch();
-  const [inputValue, setInputValue] = useState(query);
-  const inputRef = useRef<HTMLInputElement>(null);
-
-  const isSearchStalled = status === 'stalled';
-
-  function setQuery(newQuery: string) {
-    setInputValue(newQuery);
-    refine(newQuery);
-  }
-
-  return (
-    <form
-      autoFocus
-      noValidate
-      onSubmit={(event) => {
-        event.preventDefault();
-        event.stopPropagation();
-
-        if (inputRef.current) {
-          inputRef.current.blur();
-        }
-      }}
-      onReset={(event) => {
-        event.preventDefault();
-        event.stopPropagation();
-
-        setQuery('');
-
-        if (inputRef.current) {
-          inputRef.current.focus();
-        }
-      }}
-    >
-      <div className="flex items-center px-1.5">
-        {isSearchStalled ? (
-          <Loader size={'19px'} className="animate-spin text-gray-400" />
-        ) : (
-          <SearchIcon size={'19px'} className="text-gray-400" />
-        )}
-        <Input
-          className="w-[90%] border-transparent px-1.5"
-          ref={inputRef}
-          autoComplete="off"
-          autoCorrect="off"
-          autoCapitalize="off"
-          placeholder={props.placeholder}
-          spellCheck={false}
-          type="text"
-          value={inputValue}
-          onChange={(event) => {
-            setQuery(event.currentTarget.value);
-          }}
-        />
-      </div>
-      <button hidden type="submit">
-        Submit
-      </button>
-      <button hidden type="reset">
-        Reset
-      </button>
-    </form>
-  );
-}
diff --git a/apps/documentation/app/[locale]/_components/Navbar/Search/DocSearchComponent.tsx b/apps/documentation/app/[locale]/_components/Navbar/Search/DocSearchComponent.tsx
deleted file mode 100644
index d564b9ca..00000000
--- a/apps/documentation/app/[locale]/_components/Navbar/Search/DocSearchComponent.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-'use client';
-
-import { DocSearch } from '@docsearch/react';
-import '@docsearch/css';
-import { env } from '~/env.mjs';
-import { useLocale } from 'next-intl';
-
-const DocSearchComponent = () => {
-  const locale = useLocale();
-
-  return (
-    <DocSearch
-      appId={env.NEXT_PUBLIC_ALGOLIA_APPLICATION_ID}
-      indexName={env.NEXT_PUBLIC_ALGOLIA_INDEX_NAME}
-      apiKey={env.NEXT_PUBLIC_ALGOLIA_API_KEY}
-      insights={true}
-      searchParameters={{
-        filters: `lang:${locale}`,
-      }}
-    />
-  );
-};
-
-export default DocSearchComponent;
diff --git a/apps/documentation/app/[locale]/_components/Navbar/Search/EmptyQueryBoundary.tsx b/apps/documentation/app/[locale]/_components/Navbar/Search/EmptyQueryBoundary.tsx
deleted file mode 100644
index f7904afb..00000000
--- a/apps/documentation/app/[locale]/_components/Navbar/Search/EmptyQueryBoundary.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { useInstantSearch } from 'react-instantsearch';
-
-type EmptyQueryBoundaryProps = {
-  noResultTxt: string;
-  children: React.ReactNode;
-};
-
-export default function EmptyQueryBoundary({
-  children,
-  noResultTxt,
-}: EmptyQueryBoundaryProps) {
-  const { indexUiState } = useInstantSearch();
-
-  if (!indexUiState.query) {
-    return (
-      <div className="mt-10 flex h-64 items-center justify-center overflow-y-auto overflow-x-hidden text-lg">
-        {noResultTxt}
-      </div>
-    );
-  }
-
-  return <div className="mt-5">{children}</div>;
-}
diff --git a/apps/documentation/app/[locale]/_components/Navbar/Search/Hit.tsx b/apps/documentation/app/[locale]/_components/Navbar/Search/Hit.tsx
deleted file mode 100644
index 18db35c3..00000000
--- a/apps/documentation/app/[locale]/_components/Navbar/Search/Hit.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-'use client';
-
-import { CommandItem } from '~/components/ui/command';
-import { type Hit as AlgoliaHit } from 'instantsearch.js';
-import { FileText } from 'lucide-react';
-import { useRouter } from 'next/navigation';
-import { useContext } from 'react';
-import { Highlight, Snippet } from 'react-instantsearch';
-import { DialogContext } from './Provider/DialogContext';
-
-type HitProps = {
-  hit: AlgoliaHit<{
-    title: string;
-    content: string;
-    filePath: string;
-  }>;
-};
-
-export default function Hit({ hit }: HitProps) {
-  const router = useRouter();
-  const { setOpen } = useContext(DialogContext);
-
-  const handleSelect = () => {
-    router.push(hit.filePath);
-    setOpen(false);
-  };
-
-  return (
-    <CommandItem className="cursor-pointer" onSelect={handleSelect}>
-      <FileText className="mr-2 h-4 w-4" />
-      <div className="flex flex-col gap-2 underline">
-        <Highlight
-          classNames={{
-            highlighted: 'text-red-400 bg-black',
-            root: 'text-teal-400 text-lg',
-          }}
-          hit={hit}
-          attribute="title"
-        />
-
-        <Snippet
-          classNames={{ root: '' }}
-          attribute="content"
-          hit={hit}
-          highlightedTagName={'mark'}
-        />
-      </div>
-    </CommandItem>
-  );
-}
diff --git a/apps/documentation/app/[locale]/_components/Navbar/Search/NoResultsBoundary.tsx b/apps/documentation/app/[locale]/_components/Navbar/Search/NoResultsBoundary.tsx
deleted file mode 100644
index d4560d4e..00000000
--- a/apps/documentation/app/[locale]/_components/Navbar/Search/NoResultsBoundary.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { CommandEmpty } from '~/components/ui/command';
-import { useInstantSearch } from 'react-instantsearch';
-
-export default function NoResultsBoundary({
-  noResultForTxt,
-}: {
-  noResultForTxt: string;
-}) {
-  const { results, indexUiState } = useInstantSearch();
-
-  if (!results.__isArtificial && results.nbHits === 0) {
-    return (
-      <>
-        <div className="mt-10 flex h-64 items-center justify-center overflow-y-auto overflow-x-hidden text-lg">
-          <CommandEmpty>
-            {noResultForTxt} <q>{indexUiState.query}</q>.
-          </CommandEmpty>
-        </div>
-      </>
-    );
-  }
-
-  return null;
-}
diff --git a/apps/documentation/app/[locale]/_components/Navbar/Search/Provider/DialogContext.tsx b/apps/documentation/app/[locale]/_components/Navbar/Search/Provider/DialogContext.tsx
deleted file mode 100644
index 2cb320c3..00000000
--- a/apps/documentation/app/[locale]/_components/Navbar/Search/Provider/DialogContext.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React, { createContext } from 'react';
-
-type DialogContextType = {
-  open: boolean;
-  setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-};
-
-export const DialogContext = createContext<DialogContextType>({
-  open: false,
-  setOpen: () => {},
-});
-
-interface DialogContextProviderProps extends DialogContextType {
-  children: React.ReactNode;
-}
-
-export const DialogContextProvider: React.FC<DialogContextProviderProps> = ({
-  children,
-  open,
-  setOpen,
-}) => {
-  return (
-    <DialogContext.Provider value={{ open, setOpen }}>
-      {children}
-    </DialogContext.Provider>
-  );
-};
diff --git a/apps/documentation/app/[locale]/_components/Navbar/Search/SearchCommand.tsx b/apps/documentation/app/[locale]/_components/Navbar/Search/SearchCommand.tsx
deleted file mode 100644
index 7204f989..00000000
--- a/apps/documentation/app/[locale]/_components/Navbar/Search/SearchCommand.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-'use client';
-
-import { Button } from '~/components/ui/button';
-import {
-  CommandDialog,
-  CommandGroup,
-  CommandList,
-  CommandSeparator,
-} from '~/components/ui/command';
-import { algolia_client } from '~/lib/algolia-client.mjs';
-import { useLocale, useTranslations } from 'next-intl';
-import { useEffect, useState } from 'react';
-import { Hits, InstantSearch, Configure } from 'react-instantsearch';
-import CustomSearchBox from './CustomSearchBox';
-import EmptyQueryBoundary from './EmptyQueryBoundary';
-import Hit from './Hit';
-import algoliaLogo from '~/public/algolia-logo.svg';
-import NoResultsBoundary from './NoResultsBoundary';
-import { DialogContextProvider } from './Provider/DialogContext';
-import { env } from '~/env.mjs';
-import Link from 'next/link';
-import Image from 'next/image';
-
-export default function SearchCommand() {
-  const locale = useLocale();
-  const [open, setOpen] = useState(false);
-  const t = useTranslations('SearchCommand');
-
-  useEffect(() => {
-    const down = (e: KeyboardEvent) => {
-      if (e.key === 'k' && (e.metaKey || e.ctrlKey)) {
-        e.preventDefault();
-        setOpen((open) => !open);
-      }
-    };
-
-    document.addEventListener('keydown', down);
-    return () => document.removeEventListener('keydown', down);
-  }, [setOpen]);
-
-  return (
-    <DialogContextProvider open={open} setOpen={setOpen}>
-      <InstantSearch
-        searchClient={algolia_client}
-        indexName={env.NEXT_PUBLIC_ALGOLIA_INDEX_NAME}
-        insights={true}
-      >
-        <Configure filters={`lang:${locale}`} />
-        <Button
-          className="flex min-w-[250px] items-center justify-between gap-1 px-2 text-left"
-          variant={'secondary'}
-          onClick={() => setOpen(true)}
-        >
-          <span>{t('searchPlaceholder')}</span>
-          <span className="rounded-lg bg-white p-2 text-xs dark:bg-slate-900">
-            Ctrl+K
-          </span>
-        </Button>
-
-        <CommandDialog open={open} onOpenChange={setOpen}>
-          <CustomSearchBox placeholder={t('searchPlaceholder')} />
-          <CommandSeparator />
-
-          <CommandList>
-            <NoResultsBoundary noResultForTxt={t('searchNoResultsFor')} />
-            <CommandGroup>
-              <EmptyQueryBoundary noResultTxt={t('searchNoResults')}>
-                <Hits hitComponent={Hit} />
-              </EmptyQueryBoundary>
-            </CommandGroup>
-          </CommandList>
-          <CommandList>
-            <CommandSeparator />
-            <Link
-              href={'https://algolia.com'}
-              target="_blank"
-              className="mx-3 my-2 flex items-center justify-end gap-1"
-            >
-              <span className="text-[14px]">Search by</span>
-              <Image
-                width="70"
-                height="70"
-                priority
-                src={algoliaLogo as string}
-                alt="LogoAlgolia"
-              />
-            </Link>
-          </CommandList>
-        </CommandDialog>
-      </InstantSearch>
-    </DialogContextProvider>
-  );
-}
diff --git a/apps/documentation/app/[locale]/_components/Navbar/languageSwitcher.tsx b/apps/documentation/app/[locale]/_components/Navbar/languageSwitcher.tsx
deleted file mode 100644
index 0c3a331f..00000000
--- a/apps/documentation/app/[locale]/_components/Navbar/languageSwitcher.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-'use client';
-
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '~/components/ui/select';
-import { getLocaleBasedSidebarData, isPathExist } from '~/lib/helper_functions';
-import { usePathname, useRouter } from '~/navigation';
-import data from '~/public/sidebar.json';
-import { type SidebarData } from '~/types';
-import { useLocale } from 'next-intl';
-
-interface LanguageSwitcherProps {
-  width: string;
-}
-
-const LanguageSwitcher = ({ width }: LanguageSwitcherProps) => {
-  const locale = useLocale();
-  const router = useRouter();
-  const pathName = usePathname();
-  const sidebarData: SidebarData = JSON.parse(
-    JSON.stringify(data),
-  ) as SidebarData;
-
-  function handleLanguageChange(value: string) {
-    const localeBasedSidebarData = getLocaleBasedSidebarData(
-      sidebarData,
-      value,
-    );
-    let result;
-
-    for (const folder of localeBasedSidebarData) {
-      result = isPathExist(folder, pathName);
-      if (result) break;
-    }
-
-    router.push(result ? pathName : '/', { locale: value });
-  }
-
-  return (
-    <Select onValueChange={handleLanguageChange}>
-      <SelectTrigger
-        className={`bg-white hover:bg-stone-100 dark:bg-slate-700 dark:hover:bg-slate-600 ${width} space-x-1 text-xs sm:text-sm`}
-      >
-        <SelectValue placeholder={locale === 'en' ? 'English' : 'Русский'} />
-      </SelectTrigger>
-      <SelectContent className="bg-white dark:bg-slate-700">
-        <SelectItem value="en">English</SelectItem>
-        <SelectItem value="ru">Русский</SelectItem>
-      </SelectContent>
-    </Select>
-  );
-};
-
-export default LanguageSwitcher;
diff --git a/apps/documentation/app/[locale]/_components/Sidebar/Menu.tsx b/apps/documentation/app/[locale]/_components/Sidebar/Menu.tsx
deleted file mode 100644
index d6cb6bca..00000000
--- a/apps/documentation/app/[locale]/_components/Sidebar/Menu.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-'use client';
-
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from '~/components/ui/accordion';
-import { Link } from '~/navigation';
-import { useEffect, useState, type ReactNode } from 'react';
-
-type MenuProps = {
-  title: string;
-  titleURL: string | null;
-  itemValue: string;
-  activeMenu: string | undefined;
-  highlighted: boolean;
-  children: ReactNode;
-};
-
-export default function Menu({
-  title,
-  titleURL,
-  children,
-  itemValue,
-  activeMenu,
-  highlighted,
-}: MenuProps) {
-  const [value, setValue] = useState<string>();
-
-  useEffect(() => {
-    setValue(activeMenu);
-  }, [activeMenu]);
-
-  return (
-    <Accordion
-      value={value}
-      type="single"
-      collapsible
-      className="w-full"
-      onValueChange={setValue}
-    >
-      <AccordionItem value={itemValue}>
-        <AccordionTrigger className="text-xs">
-          {titleURL ? (
-            <Link
-              className={`${highlighted && 'text-blue-600'} transition-colors`}
-              href={titleURL}
-            >
-              {title}
-            </Link>
-          ) : (
-            title
-          )}
-        </AccordionTrigger>
-        <AccordionContent>{children}</AccordionContent>
-      </AccordionItem>
-    </Accordion>
-  );
-}
diff --git a/apps/documentation/app/[locale]/_components/Sidebar/NavigationLink.tsx b/apps/documentation/app/[locale]/_components/Sidebar/NavigationLink.tsx
deleted file mode 100644
index 7c1fed05..00000000
--- a/apps/documentation/app/[locale]/_components/Sidebar/NavigationLink.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-'use client';
-
-import { Link } from '~/navigation';
-import { useEffect, useRef } from 'react';
-
-type NavigationLinkProps = {
-  filePath: string;
-  fileName: string;
-  highlighted: boolean;
-};
-
-const NavigationLink = ({
-  filePath,
-  fileName,
-  highlighted,
-}: NavigationLinkProps) => {
-  const ref = useRef<HTMLAnchorElement>(null);
-
-  useEffect(() => {
-    if (highlighted && ref.current) {
-      ref.current.scrollIntoView({
-        behavior: 'auto',
-        block: 'nearest',
-        inline: 'nearest',
-      });
-    }
-  }, [highlighted]);
-
-  return (
-    <Link
-      ref={ref}
-      className={`${
-        highlighted ? 'text-blue-600' : 'text-slate-500'
-      } text-sm transition-colors hover:text-black dark:hover:text-white`}
-      href={filePath}
-    >
-      {fileName}
-    </Link>
-  );
-};
-
-export default NavigationLink;
diff --git a/apps/documentation/app/[locale]/_components/Sidebar/NavigationMenus.tsx b/apps/documentation/app/[locale]/_components/Sidebar/NavigationMenus.tsx
deleted file mode 100644
index 5248412c..00000000
--- a/apps/documentation/app/[locale]/_components/Sidebar/NavigationMenus.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { type DocFile, type Folder } from '~/types';
-import Menu from './Menu';
-import NavigationLink from './NavigationLink';
-import OpenMenu from './OpenMenu';
-
-export interface NavigationMenusProps {
-  sidebarData: (Folder | DocFile)[];
-  pathItems: string[];
-}
-
-export default function NavigationMenus({
-  sidebarData,
-  pathItems,
-}: NavigationMenusProps): JSX.Element {
-  return (
-    <ul className="ml-2 flex flex-col gap-1">
-      {sidebarData.map((item) => {
-        if (item.type === 'folder') {
-          const folder = item;
-          const activeMenu = pathItems.find((pt) => pt === folder.source); //find active menu from path items
-          const isFolderPageInView =
-            `/${pathItems.join('/')}` === folder.folderPagePath;
-
-          // render menu (folder)
-          return (
-            <li key={folder.name}>
-              {folder.isExpanded ? (
-                <Menu
-                  highlighted={isFolderPageInView}
-                  activeMenu={activeMenu}
-                  itemValue={folder.source}
-                  title={folder.name.toLocaleUpperCase()}
-                  titleURL={folder.folderPagePath}
-                >
-                  <NavigationMenus
-                    pathItems={pathItems}
-                    sidebarData={folder.files}
-                  />
-                </Menu>
-              ) : (
-                <OpenMenu
-                  highlighted={isFolderPageInView}
-                  title={folder.name.toLocaleUpperCase()}
-                  titleURL={folder.folderPagePath}
-                >
-                  <NavigationMenus
-                    pathItems={pathItems}
-                    sidebarData={folder.files}
-                  />
-                </OpenMenu>
-              )}
-            </li>
-          );
-        } else {
-          const file = item;
-          const isDocumentInView = `/${pathItems.join('/')}` === file.path;
-
-          // render menu item (file)
-          return (
-            <li key={file.name}>
-              <NavigationLink
-                highlighted={isDocumentInView}
-                fileName={file.name}
-                filePath={file.path}
-              />
-            </li>
-          );
-        }
-      })}
-    </ul>
-  );
-}
diff --git a/apps/documentation/app/[locale]/_components/Sidebar/OpenMenu.tsx b/apps/documentation/app/[locale]/_components/Sidebar/OpenMenu.tsx
deleted file mode 100644
index 98363994..00000000
--- a/apps/documentation/app/[locale]/_components/Sidebar/OpenMenu.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { type ReactNode } from 'react';
-import { Link } from '~/navigation';
-
-type OpenMenuProps = {
-  children: ReactNode;
-  title: string;
-  titleURL: string | null;
-  highlighted: boolean;
-};
-
-const OpenMenu = ({
-  children,
-  title,
-  titleURL,
-  highlighted,
-}: OpenMenuProps) => {
-  return (
-    <div>
-      {titleURL ? (
-        <Link
-          className={`${
-            highlighted && 'text-blue-600'
-          } text-xs font-bold transition-colors`}
-          href={titleURL}
-        >
-          {title}
-        </Link>
-      ) : (
-        <p className="text-xs">{title}</p>
-      )}
-      <div>{children}</div>
-    </div>
-  );
-};
-
-export default OpenMenu;
diff --git a/apps/documentation/app/[locale]/_components/Sidebar/ProductSwitcher.tsx b/apps/documentation/app/[locale]/_components/Sidebar/ProductSwitcher.tsx
deleted file mode 100644
index ca2a4d3b..00000000
--- a/apps/documentation/app/[locale]/_components/Sidebar/ProductSwitcher.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-'use client';
-
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '~/components/ui/select';
-import { useRouter } from '~/navigation';
-import { useLocale, useTranslations } from 'next-intl';
-import { type Dispatch, type SetStateAction } from 'react';
-
-type ProductSwitcherProps = {
-  setProduct: Dispatch<SetStateAction<string>>;
-  product: string;
-};
-
-export default function ProductSwitcher({
-  setProduct,
-  product,
-}: ProductSwitcherProps) {
-  const router = useRouter();
-  const t = useTranslations('ProductSwitcher');
-  const locale = useLocale();
-
-  return (
-    <Select
-      value={product}
-      onValueChange={(val) => {
-        setProduct(val);
-        router.push(`/${val}`, { locale });
-      }}
-    >
-      <SelectTrigger className="h-16 w-full text-sm transition-colors hover:bg-slate-100 dark:hover:bg-slate-800 lg:text-base">
-        <SelectValue placeholder={t('selectPlaceholder')} />
-      </SelectTrigger>
-      <SelectContent>
-        <SelectGroup>
-          <SelectItem className="text-sm lg:text-base" value="desktop">
-            {t('desktop')}
-          </SelectItem>
-          <SelectItem className="text-sm lg:text-base" value="fresco">
-            {t('fresco')}
-          </SelectItem>
-        </SelectGroup>
-      </SelectContent>
-    </Select>
-  );
-}
diff --git a/apps/documentation/app/[locale]/_components/Sidebar/Sidebar.tsx b/apps/documentation/app/[locale]/_components/Sidebar/Sidebar.tsx
deleted file mode 100644
index 89e1d4ec..00000000
--- a/apps/documentation/app/[locale]/_components/Sidebar/Sidebar.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-'use client';
-
-import { filterSidebarData } from '~/lib/helper_functions';
-import { usePathname } from '~/navigation';
-import { type SidebarData } from '~/types';
-import { useEffect, useMemo, useState } from 'react';
-import NavigationMenus from './NavigationMenus';
-import ProductSwitcher from './ProductSwitcher';
-
-type SidebarProps = {
-  data: SidebarData;
-  locale: string;
-};
-
-export default function Sidebar({ data, locale }: SidebarProps) {
-  const [product, setProduct] = useState('');
-  const pathName = usePathname();
-  const pathItems = pathName.split('/').splice(1);
-
-  useEffect(() => {
-    const currentProduct = pathName.split('/')[1]; // splitting pathname to get current "product"
-    setProduct(currentProduct ? currentProduct : 'desktop'); // setting default product to "desktop" if it's empty string
-  }, [pathName]);
-
-  const filteredSidebarData = useMemo(
-    () => filterSidebarData(product, data, locale),
-    [product, data, locale],
-  );
-
-  return (
-    <div className="sticky top-20 flex flex-col gap-2">
-      <ProductSwitcher product={product} setProduct={setProduct} />
-
-      <div className="h-[700px] overflow-y-auto overflow-x-hidden p-4">
-        {filteredSidebarData && (
-          <NavigationMenus
-            pathItems={pathItems}
-            sidebarData={filteredSidebarData.files}
-          />
-        )}
-      </div>
-    </div>
-  );
-}
diff --git a/apps/documentation/app/[locale]/layout.tsx b/apps/documentation/app/[locale]/layout.tsx
index 023d10fd..176df710 100644
--- a/apps/documentation/app/[locale]/layout.tsx
+++ b/apps/documentation/app/[locale]/layout.tsx
@@ -1,28 +1,25 @@
-import { ThemeProvider } from '~/components/Providers/theme-provider';
-import AIAssistant from '~/components/ai-assistant';
-import { locales } from '~/locales.mjs';
-import data from '~/public/sidebar.json';
-import { type Messages, type SidebarData } from '~/types';
 import type { Metadata } from 'next';
+import { Quicksand } from 'next/font/google';
+import { notFound } from 'next/navigation';
 import { NextIntlClientProvider } from 'next-intl';
 import {
   getNow,
   getTimeZone,
   unstable_setRequestLocale,
 } from 'next-intl/server';
-import { Inter } from 'next/font/google';
-import { notFound } from 'next/navigation';
-import Navbar from './_components/Navbar/Navbar';
-import Sidebar from './_components/Sidebar/Sidebar';
+import type { LocalesEnum, Messages } from '~/app/types';
+import { locales } from '~/app/types';
+import AIAssistant from '~/components/ai-assistant';
+import { LayoutComponent } from '~/components/Layout';
+import { ThemeProvider } from '~/components/Providers/theme-provider';
 
-const inter = Inter({ subsets: ['latin'] });
+const quicksand = Quicksand({
+  weight: ['300', '400', '500', '600', '700'],
+  subsets: ['latin', 'latin-ext'],
+  display: 'swap',
+});
 
 export const metadata: Metadata = {
-  title: 'Network Canvas Docs',
-  description: 'All Network Canvas Docs',
-  icons: {
-    icon: '/nc.png',
-  },
   other: {
     'docsearch:language': 'en',
     'docsearch:version': '1.0.1',
@@ -35,7 +32,7 @@ export function generateStaticParams() {
 
 type MainLayoutProps = {
   children: React.ReactNode;
-  params: { locale: string };
+  params: { locale: LocalesEnum };
 };
 
 export default async function MainLayout({
@@ -49,44 +46,40 @@ export default async function MainLayout({
   // setting setRequestLocale to support next-intl for static rendering
   unstable_setRequestLocale(locale);
 
-  const now = await getNow(locale);
-  const timeZone = await getTimeZone(locale);
-  const sidebarData: SidebarData = JSON.parse(
-    JSON.stringify(data),
-  ) as SidebarData;
+  const now = await getNow({ locale });
+  const timeZone = await getTimeZone({ locale });
 
-  let messages: Messages;
+  let messages;
 
   try {
-    messages = (await import(`../../messages/${locale}.json`))
-      .default as Messages;
-  } catch (error) {
-    notFound(); // redirecting to 404 page in case there's no translated locale json
+    messages = (await import(`../../messages/${locale}.json`)) as {
+      default: Messages;
+    };
+  } catch (e) {
+    notFound();
   }
 
   return (
-    <html lang={locale}>
-      <body className={inter.className}>
+    <html
+      lang={locale}
+      suppressHydrationWarning
+      className={`${quicksand.className} antialiased`}
+    >
+      <body className="flex min-h-[100dvh] flex-col text-base">
         <ThemeProvider
-          attribute="class"
-          defaultTheme="system"
           enableSystem
-          disableTransitionOnChange
+          enableColorScheme
+          attribute="class"
+          storageKey="nc-docs-site"
         >
           <NextIntlClientProvider
             timeZone={timeZone}
             now={now}
             locale={locale}
-            messages={messages}
+            messages={messages.default}
           >
-            <Navbar />
-            <div className="container mt-8 grid grid-cols-5 items-start gap-5">
-              {sidebarData && <Sidebar data={sidebarData} locale={locale} />}
-              <main className="DocSearch-content col-span-4 px-2">
-                {children}
-              </main>
-              <AIAssistant />
-            </div>
+            <LayoutComponent>{children}</LayoutComponent>
+            <AIAssistant />
           </NextIntlClientProvider>
         </ThemeProvider>
       </body>
diff --git a/apps/documentation/app/[locale]/not-found.tsx b/apps/documentation/app/[locale]/not-found.tsx
deleted file mode 100644
index ed413d29..00000000
--- a/apps/documentation/app/[locale]/not-found.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import Link from 'next/link';
-
-export default function NotFound() {
-  return (
-    <div>
-      <h2>Not Found</h2>
-      <p>Could not find requested resource</p>
-      <Link href="/">Return Home</Link>
-    </div>
-  );
-}
diff --git a/apps/documentation/app/[locale]/page.tsx b/apps/documentation/app/[locale]/page.tsx
index 17365dad..3a372dfa 100644
--- a/apps/documentation/app/[locale]/page.tsx
+++ b/apps/documentation/app/[locale]/page.tsx
@@ -1,21 +1,11 @@
-import { useTranslations } from 'next-intl';
 import { unstable_setRequestLocale } from 'next-intl/server';
+import type { LocalesEnum } from '~/app/types';
+import { Hero } from '~/components/Hero';
 
-const Page = ({ params: { locale } }: { params: { locale: string } }) => {
+const Page = ({ params: { locale } }: { params: { locale: LocalesEnum } }) => {
   // setting setRequestLocale to support next-intl for static rendering
   unstable_setRequestLocale(locale);
-  const t = useTranslations('Home');
 
-  // TODO: We have to show some document or content here
-  // TODO: or we should redirect to /desktop by default
-
-  return (
-    <div>
-      <h2>
-        {t('title')} {locale}
-      </h2>
-    </div>
-  );
+  return <Hero />;
 };
-
 export default Page;
diff --git a/apps/documentation/app/favicon.ico b/apps/documentation/app/favicon.ico
new file mode 100644
index 00000000..38360b5a
Binary files /dev/null and b/apps/documentation/app/favicon.ico differ
diff --git a/apps/documentation/app/globals.css b/apps/documentation/app/globals.css
deleted file mode 100644
index 689daa06..00000000
--- a/apps/documentation/app/globals.css
+++ /dev/null
@@ -1,127 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* width */
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-/* Track */
-::-webkit-scrollbar-track {
-  box-shadow: inset 0 0 5px grey;
-  border-radius: 10px;
-}
-
-/* Handle */
-::-webkit-scrollbar-thumb {
-  background: #214f4b;
-  border-radius: 10px;
-}
-
-/* Handle on hover */
-::-webkit-scrollbar-thumb:hover {
-  background: #16c172;
-  cursor: pointer;
-}
-
-/* toc scroll bar control */
-.toc-component::-webkit-scrollbar {
-  width: 0px;
-}
-
-.toc-component:hover::-webkit-scrollbar {
-  width: 6px;
-}
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
-
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
-
-    --popover: 0 0% 100%;
-    --popover-foreground: 222.2 84% 4.9%;
-
-    --primary: 222.2 47.4% 11.2%;
-    --primary-foreground: 210 40% 98%;
-
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
-
-    --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
-
-    --accent: 210 40% 96.1%;
-    --accent-foreground: 222.2 47.4% 11.2%;
-
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 210 40% 98%;
-
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
-    --ring: 222.2 84% 4.9%;
-
-    --radius: 0.5rem;
-  }
-
-  .dark {
-    --background: 222.2 84% 4.9%;
-    --foreground: 210 40% 98%;
-
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
-
-    --popover: 222.2 84% 4.9%;
-    --popover-foreground: 210 40% 98%;
-
-    --primary: 210 40% 98%;
-    --primary-foreground: 222.2 47.4% 11.2%;
-
-    --secondary: 217.2 32.6% 17.5%;
-    --secondary-foreground: 210 40% 98%;
-
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
-
-    --accent: 217.2 32.6% 17.5%;
-    --accent-foreground: 210 40% 98%;
-
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 210 40% 98%;
-
-    --border: 217.2 32.6% 17.5%;
-    --input: 217.2 32.6% 17.5%;
-    --ring: 212.7 26.8% 83.9%;
-  }
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-    scroll-behavior: smooth;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    scroll-margin-top: 80px;
-  }
-}
-
-/* custom component styles */
-.mainHeading {
-  font-size: 42px !important;
-}
-.btn p {
-  margin: 0;
-}
-/* custom component styles */
diff --git a/apps/documentation/app/icon.svg b/apps/documentation/app/icon.svg
new file mode 100644
index 00000000..f19819df
--- /dev/null
+++ b/apps/documentation/app/icon.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 131.7 131.6" style="enable-background:new 0 0 131.7 131.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CE1E55;}
+	.st1{fill:#E2215B;}
+	.st2{fill:#079B7F;}
+	.st3{fill:#00C9A2;}
+	.st4{fill:#F2B700;}
+	.st5{fill:#DAA727;}
+	.st6{fill:#0FA3CF;}
+	.st7{fill:#13B3E2;}
+</style>
+<path class="st0" d="M19.4,27.2C19.4,12.2,31.6,0,46.6,0c7.2,0,14.1,2.9,19.2,8L27.3,46.5C22.2,41.4,19.3,34.4,19.4,27.2"/>
+<path class="st1" d="M46.5,27.2C57.1,37.9,57,55.2,46.3,65.7C35.7,76.2,18.6,76.2,8,65.7L46.5,27.2z"/>
+<path class="st2" d="M27.2,112.2C12.2,112.2,0,100,0,85c0-7.2,2.9-14.2,8-19.3l38.5,38.5C41.4,109.3,34.4,112.2,27.2,112.2"/>
+<path class="st3" d="M27.5,85.2C38.1,74.5,55.3,74.4,66,84.9s10.8,27.8,0.2,38.5c-0.1,0.1-0.2,0.2-0.2,0.2L27.5,85.2z"/>
+<path class="st4" d="M77.3,85.2c0-15,12.2-27.2,27.2-27.2c7.2,0,14.1,2.9,19.3,8l-38.5,38.5C80.2,99.3,77.3,92.4,77.3,85.2"/>
+<path class="st5" d="M104.5,85.2c10.6,10.6,10.6,27.8,0,38.5s-27.8,10.6-38.5,0L104.5,85.2z"/>
+<path class="st6" d="M104.5,19.5c15,0,27.2,12.2,27.2,27.2c0,7.2-2.9,14.1-8,19.3L85.3,27.5C90.3,22.4,97.3,19.5,104.5,19.5"/>
+<path class="st7" d="M104.3,46.5c-10.6,10.7-27.8,10.8-38.5,0.2S55,18.9,65.6,8.2c0.1-0.1,0.2-0.2,0.2-0.2L104.3,46.5z"/>
+</svg>
diff --git a/apps/documentation/app/layout.tsx b/apps/documentation/app/layout.tsx
index 3ef5f12b..b79c9863 100644
--- a/apps/documentation/app/layout.tsx
+++ b/apps/documentation/app/layout.tsx
@@ -1,5 +1,7 @@
 import { type ReactNode } from 'react';
-import '~/app/globals.css';
+import '@codaco/tailwind-config/globals.css';
+import '~/styles/globals.css';
+import '~/lib/highlight.js/styles/tokyo-night-dark.css';
 
 type Props = {
   children: ReactNode;
diff --git a/apps/documentation/app/manifest.ts b/apps/documentation/app/manifest.ts
new file mode 100644
index 00000000..6fce13a1
--- /dev/null
+++ b/apps/documentation/app/manifest.ts
@@ -0,0 +1,26 @@
+import { type MetadataRoute } from 'next';
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: 'Network Canvas Documentation',
+    short_name: 'Documentation',
+    description:
+      'Documentation and information about the Network Canvas project. Network Canvas is free suite of tools that facilitate research that uses complex personal network data.',
+    start_url: '/',
+    display: 'standalone',
+    background_color: '#1E283A',
+    theme_color: '#1E283A',
+    icons: [
+      {
+        src: '/favicons/icon192.png',
+        sizes: '192x192',
+        type: 'image/png',
+      },
+      {
+        src: '/favicons/icon512.png',
+        sizes: '512x512',
+        type: 'image/png',
+      },
+    ],
+  };
+}
diff --git a/apps/documentation/app/not-found.tsx b/apps/documentation/app/not-found.tsx
index 38d346d3..793ac62b 100644
--- a/apps/documentation/app/not-found.tsx
+++ b/apps/documentation/app/not-found.tsx
@@ -1,38 +1,67 @@
-import Link from 'next/link';
+import {
+  Divider,
+  Heading,
+  ListItem,
+  Paragraph,
+  UnorderedList,
+} from '@codaco/ui';
+import { Quicksand } from 'next/font/google';
+
+import Link from '~/components/Link';
+import { ThemeProvider } from '~/components/Providers/theme-provider';
+
+const quicksand = Quicksand({
+  weight: ['300', '400', '500', '600', '700'],
+  subsets: ['latin', 'latin-ext'],
+  display: 'swap',
+});
 
 export default function NotFound() {
   return (
-    <html>
-      <body>
-        <div className="prose prose-sm prose-slate mx-auto my-10 md:prose-base">
-          <h1>404 - Not found</h1>
-          <div className="h-[2px] w-full bg-black" />
-          <h2>The requested page could not be found.</h2>
-          <p>
-            This is probably because the page has been moved or deleted. We
-            apologize for any inconvenience this has caused.
-          </p>
-          <p>Please try the following:</p>
-          <ul>
-            <li>
-              Use the <b>Return Home</b> button (at the bottom of this page) to
-              try to locate to the home page.
-            </li>
-            <li>Check your address bar for spelling mistakes or typos.</li>
-            <li>
-              Contact the project team if you believe you are seeing this page
-              in error, including details of the page you were trying to reach.
-            </li>
-          </ul>
-          <Link
-            className="btn rounded-md bg-slate-100 p-4 text-center text-violet-600 hover:bg-slate-200"
-            style={{ textDecoration: 'none' }}
-            href="/"
-          >
-            Return Home
-          </Link>
-        </div>
-      </body>
+    <html lang="en" className={`${quicksand.className} antialiased`}>
+      <ThemeProvider
+        attribute="class"
+        enableSystem
+        enableColorScheme
+        storageKey="nc-docs-site"
+      >
+        <body className="flex h-screen items-center justify-center">
+          <div className="max-w-lg p-3 sm:p-0">
+            <Heading variant="h1">404 - Not found</Heading>
+            <Divider />
+            <Heading variant="h2">
+              The requested page could not be found.
+            </Heading>
+            <Paragraph>
+              This is most likely to have happened because the page has been
+              moved or deleted. We apologize for any inconvenience this has
+              caused.
+            </Paragraph>
+            <Paragraph>Please try the following:</Paragraph>
+            <UnorderedList>
+              <ListItem>
+                If you typed the page address in the address bar, make sure that
+                it is spelled correctly.
+              </ListItem>
+              <ListItem>
+                Use the &apos;return home&apos; link below to navigate to the
+                home page, and then navigate to the page you are looking for
+                using the menus.
+              </ListItem>
+              <ListItem>
+                Contact the project team if you believe you are seeing this page
+                in error, including details of the page you were trying to
+                reach. Please email us at{' '}
+                <Link href="mailto:info@networkcanvas.com">
+                  info@networkcanvas.com
+                </Link>
+                .
+              </ListItem>
+            </UnorderedList>
+            <Link href="/">Return Home</Link>
+          </div>
+        </body>
+      </ThemeProvider>
     </html>
   );
 }
diff --git a/apps/documentation/app/page.tsx b/apps/documentation/app/page.tsx
index 5d0100b8..2977201d 100644
--- a/apps/documentation/app/page.tsx
+++ b/apps/documentation/app/page.tsx
@@ -1,5 +1,8 @@
 import { redirect } from 'next/navigation';
 
 export default function RootPage() {
-  redirect('/en/desktop'); // temporarily redirecting to desktop docs
+  // Redirect to en for now. This is a limitation of static site generation
+  // that we need to work around by creating a client component to read the
+  // navigator.language and redirect to the appropriate locale.
+  redirect('/en');
 }
diff --git a/apps/documentation/app/types.ts b/apps/documentation/app/types.ts
new file mode 100644
index 00000000..94dc6e3b
--- /dev/null
+++ b/apps/documentation/app/types.ts
@@ -0,0 +1,96 @@
+import { z } from 'zod';
+
+export const projects = ['desktop', 'fresco'] as const;
+
+export type ProjectsEnum = (typeof projects)[number];
+
+export const locales = ['en'] as const;
+
+const LocalesEnum = z.enum(locales);
+
+export type LocalesEnum = (typeof locales)[number];
+
+export const itemTypes = [
+  'project', // Top level projects
+  'folder', // Anything that has children
+  'page', // Single page
+] as const;
+
+const ItemTypesEnum = z.enum(itemTypes);
+
+export const SidebarItemBase = z.object({
+  type: ItemTypesEnum,
+  sourceFile: z.string().optional(),
+  label: z.string(),
+});
+
+export const SidebarPageSchema = SidebarItemBase.extend({
+  type: z.literal('page'),
+  sourceFile: z.string(),
+  navOrder: z.number().nullable(),
+});
+
+export type SidebarPage = z.infer<typeof SidebarPageSchema>;
+
+// Sidebar folder is potentially recursive in that it can contain other folders
+// See: https://github.com/colinhacks/zod#recursive-types
+//
+// Because of that, we have to do some other shenanigans.
+
+export const baseSidebarFolder = SidebarItemBase.extend({
+  type: z.literal('folder'),
+  navOrder: z.number().nullable(),
+  expanded: z.boolean().optional(),
+});
+
+export type TSidebarFolder = z.infer<typeof baseSidebarFolder> & {
+  children: Record<string, TSidebarFolder | SidebarPage>;
+};
+
+export const SidebarFolderSchema: z.ZodType<TSidebarFolder> =
+  baseSidebarFolder.extend({
+    children: z.lazy(() =>
+      z.record(z.union([SidebarFolderSchema, SidebarPageSchema])),
+    ),
+  });
+
+export type SidebarFolder = z.infer<typeof SidebarFolderSchema>;
+
+export const SidebarProjectSchema = SidebarItemBase.extend({
+  type: z.literal('project'),
+  children: z.record(z.union([SidebarFolderSchema, SidebarPageSchema])),
+});
+
+export type SidebarProject = z.infer<typeof SidebarProjectSchema>;
+
+export const SidebarLocaleDefinitionSchema = z.record(
+  z.string(),
+  SidebarProjectSchema,
+);
+
+export type SidebarLocaleDefinition = z.infer<
+  typeof SidebarLocaleDefinitionSchema
+>;
+
+export const SideBarSchema = z.record(
+  LocalesEnum,
+  SidebarLocaleDefinitionSchema,
+);
+
+export type TSideBar = z.infer<typeof SideBarSchema>;
+
+const metadatatypes = ['folder', 'project'] as const;
+
+export const MetadataFileSchema = z.object({
+  type: z.enum(metadatatypes),
+  sourceFile: z.string().optional(),
+  localeLabels: z.record(z.string(), z.string()).optional(),
+  localeIndexFiles: z.record(z.string(), z.string()).optional(),
+  isExpanded: z.boolean().optional(),
+  navOrder: z.number().optional(),
+});
+
+export type MetadataFile = z.infer<typeof MetadataFileSchema>;
+
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
+export type Messages = typeof import('../messages/en.json');
diff --git a/apps/documentation/components/DocSearchComponent.tsx b/apps/documentation/components/DocSearchComponent.tsx
new file mode 100644
index 00000000..e33ff514
--- /dev/null
+++ b/apps/documentation/components/DocSearchComponent.tsx
@@ -0,0 +1,148 @@
+'use client';
+
+import { DocSearch } from '@docsearch/react';
+import { useLocale, useTranslations } from 'next-intl';
+import '@docsearch/css';
+import { env } from '~/env.mjs';
+import { inputVariants } from '@codaco/ui';
+import { Search } from 'lucide-react';
+import { cn } from '~/lib/utils';
+
+const DocSearchComponent = ({
+  className,
+  large,
+}: {
+  className?: string;
+  large?: boolean;
+}) => {
+  const locale = useLocale();
+  const t = useTranslations('DocSearch');
+
+  // This is honestly some of the biggest bullshit I've ever had to deal with.
+  // Algolia - fix your shit.
+  const madHax = () => {
+    const element = document.getElementsByClassName(
+      'DocSearch-Button',
+    )[0] as HTMLButtonElement;
+
+    if (element) {
+      element.click();
+    }
+  };
+
+  return (
+    <>
+      <button
+        className={cn(
+          inputVariants({ size: large ? '2xl' : 'default' }),
+          'pointer-events-auto flex w-full items-center justify-between px-4',
+          'md:w-auto',
+          className,
+        )}
+        onClick={madHax}
+        aria-label={t('button.buttonAriaLabel')}
+      >
+        <span className="flex items-center">
+          <Search
+            className={cn(
+              'adornment-left mr-2 md:mr-0 lg:mr-2',
+              large && '!mr-4',
+            )}
+          />
+          <span className="hidden sm:inline md:hidden lg:inline">
+            {t('button.buttonText')}
+          </span>
+          <span className="sm:hidden">{t('button.buttonTextMobile')}</span>
+        </span>
+
+        <kbd
+          className={cn(
+            'pointer-events-none ml-4 hidden  h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-xs font-medium text-muted-foreground opacity-100',
+            'sm:inline-flex',
+            large && '!h-6',
+          )}
+        >
+          <span className="text-sm">⌘</span>K
+        </kbd>
+      </button>
+      <div className="hidden">
+        <DocSearch
+          translations={{
+            button: {
+              buttonText: t('button.buttonText'),
+              buttonAriaLabel: t('button.buttonAriaLabel'),
+            },
+            modal: {
+              searchBox: {
+                resetButtonTitle: t('modal.searchBox.resetButtonTitle'),
+                resetButtonAriaLabel: t('modal.searchBox.resetButtonAriaLabel'),
+                cancelButtonText: t('modal.searchBox.cancelButtonText'),
+                cancelButtonAriaLabel: t(
+                  'modal.searchBox.cancelButtonAriaLabel',
+                ),
+              },
+              startScreen: {
+                recentSearchesTitle: t('modal.startScreen.recentSearchesTitle'),
+                noRecentSearchesText: t(
+                  'modal.startScreen.noRecentSearchesText',
+                ),
+                saveRecentSearchButtonTitle: t(
+                  'modal.startScreen.saveRecentSearchButtonTitle',
+                ),
+                removeRecentSearchButtonTitle: t(
+                  'modal.startScreen.removeRecentSearchButtonTitle',
+                ),
+                favoriteSearchesTitle: t(
+                  'modal.startScreen.favoriteSearchesTitle',
+                ),
+                removeFavoriteSearchButtonTitle: t(
+                  'modal.startScreen.removeFavoriteSearchButtonTitle',
+                ),
+              },
+              errorScreen: {
+                titleText: t('modal.errorScreen.titleText'),
+                helpText: t('modal.errorScreen.helpText'),
+              },
+              footer: {
+                selectText: t('modal.footer.selectText'),
+                selectKeyAriaLabel: t('modal.footer.selectKeyAriaLabel'),
+                navigateText: t('modal.footer.navigateText'),
+                navigateUpKeyAriaLabel: t(
+                  'modal.footer.navigateUpKeyAriaLabel',
+                ),
+                navigateDownKeyAriaLabel: t(
+                  'modal.footer.navigateDownKeyAriaLabel',
+                ),
+                closeText: t('modal.footer.closeText'),
+                closeKeyAriaLabel: t('modal.footer.closeKeyAriaLabel'),
+                searchByText: t('modal.footer.searchByText'),
+              },
+              noResultsScreen: {
+                noResultsText: t('modal.noResultsScreen.noResultsText'),
+                suggestedQueryText: t(
+                  'modal.noResultsScreen.suggestedQueryText',
+                ),
+                reportMissingResultsText: t(
+                  'modal.noResultsScreen.reportMissingResultsText',
+                ),
+                reportMissingResultsLinkText: t(
+                  'modal.noResultsScreen.reportMissingResultsLinkText',
+                ),
+              },
+            },
+          }}
+          appId={env.NEXT_PUBLIC_ALGOLIA_APPLICATION_ID}
+          indexName={env.NEXT_PUBLIC_ALGOLIA_INDEX_NAME}
+          apiKey={env.NEXT_PUBLIC_ALGOLIA_API_KEY}
+          insights={true}
+          placeholder="Search documentation"
+          searchParameters={{
+            filters: `lang:${locale}`,
+          }}
+        />
+      </div>
+    </>
+  );
+};
+
+export default DocSearchComponent;
diff --git a/apps/documentation/components/FancyHeading.tsx b/apps/documentation/components/FancyHeading.tsx
new file mode 100644
index 00000000..67440fd1
--- /dev/null
+++ b/apps/documentation/components/FancyHeading.tsx
@@ -0,0 +1,65 @@
+import { motion } from 'framer-motion';
+import { Heading, type HeadingProps } from '@codaco/ui';
+import { Children } from 'react';
+
+// FancyHeading is a component that animates the words in a heading.
+const FancyHeading = (props: HeadingProps) => {
+  const words = Children.toArray(props.children);
+
+  const variants = {
+    hidden: { y: '100%' },
+    visible: (custom: number) => ({
+      y: 0,
+      transition: {
+        type: 'spring',
+        stiffness: 200,
+        damping: 30,
+        mass: 1,
+        delay: 0.1 * custom,
+      },
+    }),
+  };
+
+  const renderWord = (word: string, outerIndex: number) => {
+    const segments = word.split(' ');
+    return segments.map((segment, innerIndex) => (
+      <span
+        key={`${outerIndex}-${innerIndex}`}
+        className="relative -top-[0.75em] -mb-[1em] inline-block overflow-hidden"
+      >
+        <motion.span
+          custom={outerIndex + innerIndex}
+          variants={variants}
+          initial="hidden"
+          animate="visible"
+          className="inline-block"
+        >
+          {segment}&nbsp;
+        </motion.span>
+      </span>
+    ));
+  };
+
+  return (
+    <Heading {...props}>
+      {words.map((word, index) =>
+        typeof word === 'string' ? (
+          renderWord(word, index)
+        ) : (
+          <motion.span
+            key={index}
+            custom={index}
+            variants={variants}
+            initial="hidden"
+            animate="visible"
+            className="inline-block"
+          >
+            {word}
+          </motion.span>
+        ),
+      )}
+    </Heading>
+  );
+};
+
+export default FancyHeading;
diff --git a/apps/documentation/components/FancyParagraph.tsx b/apps/documentation/components/FancyParagraph.tsx
new file mode 100644
index 00000000..1f0c8c29
--- /dev/null
+++ b/apps/documentation/components/FancyParagraph.tsx
@@ -0,0 +1,65 @@
+import { motion } from 'framer-motion';
+import { Paragraph, type ParagraphProps } from '@codaco/ui';
+import { Children } from 'react';
+
+// FancyParagraph is a component that animates the words in a heading.
+const FancyParagraph = (props: ParagraphProps) => {
+  const words = Children.toArray(props.children);
+
+  const variants = {
+    hidden: { y: '100%' },
+    visible: (custom: number) => ({
+      y: 0,
+      transition: {
+        type: 'spring',
+        stiffness: 200,
+        damping: 30,
+        mass: 1,
+        delay: 0.1 * custom,
+      },
+    }),
+  };
+
+  const renderWord = (word: string, outerIndex: number) => {
+    const segments = word.split(' ');
+    return segments.map((segment, innerIndex) => (
+      <span
+        key={`${outerIndex}-${innerIndex}`}
+        className="relative -top-[0.75em] -mb-[1em] inline-block overflow-hidden"
+      >
+        <motion.span
+          custom={outerIndex + innerIndex}
+          variants={variants}
+          initial="hidden"
+          animate="visible"
+          className="inline-block"
+        >
+          {segment}&nbsp;
+        </motion.span>
+      </span>
+    ));
+  };
+
+  return (
+    <Paragraph {...props}>
+      {words.map((word, index) =>
+        typeof word === 'string' ? (
+          renderWord(word, index)
+        ) : (
+          <motion.span
+            key={index}
+            custom={index}
+            variants={variants}
+            initial="hidden"
+            animate="visible"
+            className="inline-block"
+          >
+            {word}
+          </motion.span>
+        ),
+      )}
+    </Paragraph>
+  );
+};
+
+export default FancyParagraph;
diff --git a/apps/documentation/components/Hero.tsx b/apps/documentation/components/Hero.tsx
new file mode 100644
index 00000000..38e63657
--- /dev/null
+++ b/apps/documentation/components/Hero.tsx
@@ -0,0 +1,101 @@
+'use client';
+
+import { useTranslations } from 'next-intl';
+import { Link } from '~/navigation';
+import DocSearchComponent from './DocSearchComponent';
+import FancyHeading from './FancyHeading';
+import FancyParagraph from './FancyParagraph';
+import { motion } from 'framer-motion';
+import { Paragraph } from '@codaco/ui';
+import { cn } from '~/lib/utils';
+import { useTheme } from 'next-themes';
+
+function ProjectCard({
+  href,
+  title,
+  description,
+  icon,
+}: {
+  href: string;
+  title: string;
+  description: string;
+  icon: string;
+}) {
+  return (
+    <Link href={href} className="basis-1/2">
+      <motion.div
+        className={cn(
+          'flex h-full cursor-pointer flex-col gap-2 rounded-xl border border-border bg-card p-4 shadow-xl transition-colors md:p-6',
+          'hover:border-accent hover:bg-accent hover:text-accent-foreground',
+        )}
+      >
+        <div className="flex shrink-0 items-center gap-4">
+          <img src={icon} className="h-16 w-auto" alt={title} />
+          <FancyHeading variant="h2">{title}</FancyHeading>
+        </div>
+        <Paragraph>{description}</Paragraph>
+      </motion.div>
+    </Link>
+  );
+}
+
+export function Hero() {
+  const t = useTranslations();
+  const { resolvedTheme } = useTheme();
+
+  return (
+    <>
+      <motion.div
+        className="m-4 flex max-w-5xl flex-col items-center gap-10 sm:m-8 md:-mt-8 md:flex-1 md:justify-center lg:gap-20"
+        initial={{ opacity: 0 }}
+        animate={{ opacity: 1 }}
+      >
+        <div className="flex flex-col-reverse md:flex-row">
+          <div className="flex flex-col items-center justify-center md:basis-3/5">
+            <FancyHeading variant="h1" className="text-4xl">
+              {t('Hero.title')}
+            </FancyHeading>
+            <FancyParagraph variant="lead">{t('Hero.tagline')}</FancyParagraph>
+            <DocSearchComponent
+              className="hidden !w-full text-base lg:inline-flex"
+              large
+            />
+          </div>
+          {resolvedTheme !== 'dark' && (
+            <div className="hidden shrink-0 items-center justify-center md:flex md:basis-2/5">
+              <motion.div
+                initial={{ opacity: 0, y: 200, scale: 0.8 }}
+                animate={{ opacity: 1, y: 0, scale: 1 }}
+                transition={{
+                  type: 'spring',
+                  stiffness: 80,
+                  delay: 0.25,
+                }}
+              >
+                <img
+                  src="images/robot.svg"
+                  className="h-auto w-full"
+                  alt="Robot"
+                />
+              </motion.div>
+            </div>
+          )}
+        </div>
+        <div className="flex flex-col gap-6 md:flex-row">
+          <ProjectCard
+            href="en/desktop"
+            title={t('ProjectSwitcher.desktop.label')}
+            description={t('ProjectSwitcher.desktop.description')}
+            icon="images/desktop.png"
+          />
+          <ProjectCard
+            href="en/fresco"
+            title={t('ProjectSwitcher.fresco.label')}
+            description={t('ProjectSwitcher.fresco.description')}
+            icon="images/fresco.png"
+          />
+        </div>
+      </motion.div>
+    </>
+  );
+}
diff --git a/apps/documentation/components/Layout.tsx b/apps/documentation/components/Layout.tsx
new file mode 100644
index 00000000..cf8a2af1
--- /dev/null
+++ b/apps/documentation/components/Layout.tsx
@@ -0,0 +1,48 @@
+'use client';
+
+import { useLocale } from 'next-intl';
+import { usePathname } from 'next/navigation';
+import { Sidebar } from '~/components/Sidebar';
+import { cn } from '~/lib/utils';
+import SharedNav from './SharedNav/SharedNav';
+import { motion } from 'framer-motion';
+import { BackgroundBlobs } from '@codaco/art';
+
+export function LayoutComponent({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  const locale = useLocale();
+
+  // Check if we are on the home page by comparing the pathname to our supported locals
+  const isHomePage = pathname === `/${locale}`;
+
+  return (
+    <>
+      <SharedNav />
+      <motion.div
+        className="fixed inset-0 z-[-1]"
+        initial={{ opacity: 0 }}
+        animate={{ opacity: isHomePage ? 0.15 : 0.05 }}
+        transition={{
+          duration: isHomePage ? 2 : 0,
+        }}
+      >
+        <BackgroundBlobs
+          large={0}
+          medium={3}
+          small={3}
+          // speedFactor={20}
+          // filter={isHomePage ? '' : 'blur(10rem)'}
+          compositeOperation="screen"
+          // compositeOperation="lighten"
+        />
+      </motion.div>
+      <main className={cn('mt-4 flex h-full w-full flex-auto justify-center')}>
+        {!isHomePage && (
+          <Sidebar className="hidden max-w-80 lg:sticky lg:top-2 lg:flex lg:max-h-[calc(100dvh-1rem)]" />
+        )}
+
+        {children}
+      </main>
+    </>
+  );
+}
diff --git a/apps/documentation/components/Link.tsx b/apps/documentation/components/Link.tsx
new file mode 100644
index 00000000..33892337
--- /dev/null
+++ b/apps/documentation/components/Link.tsx
@@ -0,0 +1,27 @@
+import NextLink, { type LinkProps } from 'next/link';
+import { type ReactNode, forwardRef } from 'react';
+import { cn } from '~/lib/utils';
+
+const Link = forwardRef<
+  HTMLAnchorElement,
+  LinkProps & { children: ReactNode; className?: string }
+>((props, ref) => {
+  return (
+    <NextLink
+      ref={ref}
+      className={cn(
+        'focusable group font-semibold text-link transition-[background-size] duration-300 ease-in-out',
+        props.className,
+      )}
+      {...props}
+    >
+      <span className="bg-gradient-to-r from-link to-link bg-[length:0%_2px] bg-left-bottom bg-no-repeat pb-[2px] transition-[background-size] duration-200 ease-out group-hover:bg-[length:100%_2px]">
+        {props.children}
+      </span>
+    </NextLink>
+  );
+});
+
+Link.displayName = 'Link';
+
+export default Link;
diff --git a/apps/documentation/components/MobileNavBar.tsx b/apps/documentation/components/MobileNavBar.tsx
new file mode 100644
index 00000000..1763288c
--- /dev/null
+++ b/apps/documentation/components/MobileNavBar.tsx
@@ -0,0 +1,38 @@
+import { Button } from '@codaco/ui';
+import { X as CloseMenu, Menu as HamburgerMenu } from 'lucide-react';
+import DocSearchComponent from './DocSearchComponent';
+import MobileSidebarDialog from './MobileSidebarDialog';
+import { useState } from 'react';
+
+const MobileNavBar = () => {
+  const [open, setOpen] = useState(false);
+  return (
+    <>
+      <div className="flex flex-1 items-center gap-4 lg:hidden">
+        <MobileSidebarDialog open={open} setOpen={setOpen} />
+        <DocSearchComponent />
+        {open ? (
+          <Button
+            onClick={() => setOpen(false)}
+            variant="ghost"
+            size="icon-large"
+            className="shrink-0"
+          >
+            <CloseMenu className="h-8 w-8  transition-transform duration-300" />
+          </Button>
+        ) : (
+          <Button
+            onClick={() => setOpen(true)}
+            variant="ghost"
+            size="icon-large"
+            className="shrink-0"
+          >
+            <HamburgerMenu className="h-8 w-8" />
+          </Button>
+        )}
+      </div>
+    </>
+  );
+};
+
+export default MobileNavBar;
diff --git a/apps/documentation/components/MobileSidebarDialog.tsx b/apps/documentation/components/MobileSidebarDialog.tsx
new file mode 100644
index 00000000..aa5e8188
--- /dev/null
+++ b/apps/documentation/components/MobileSidebarDialog.tsx
@@ -0,0 +1,54 @@
+import { useLocale } from 'next-intl';
+import { usePathname } from 'next/navigation';
+import { NavigationMenuMobile } from '~/components/SharedNav/Menu';
+import { Sheet, SheetContent } from '~/components/ui/sheet';
+import LogoComponent from './SharedNav/LogoComponent';
+import { Sidebar } from './Sidebar';
+import { Button } from '@codaco/ui';
+import { X as CloseMenu } from 'lucide-react';
+import { useEffect } from 'react';
+
+type MobileSidebarDialogProps = {
+  open: boolean;
+  setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+
+export default function MobileSidebarDialog({
+  open,
+  setOpen,
+}: MobileSidebarDialogProps) {
+  const pathname = usePathname();
+  const locale = useLocale();
+
+  // Check if we are on the home page by comparing the pathname to our supported locals
+  const isHomePage = pathname === `/${locale}`;
+
+  // When the path changes, close
+  useEffect(() => {
+    setOpen(false);
+  }, [pathname, setOpen]);
+
+  return (
+    <Sheet open={open} onOpenChange={setOpen}>
+      <SheetContent
+        className="flex h-[100vh] w-full flex-col overflow-y-auto bg-background"
+        side={'left'}
+      >
+        <div className="sticky top-2 flex items-center justify-between bg-background">
+          <LogoComponent className="mx-4 my-2 block w-fit" />
+          <Button
+            size={'sm'}
+            onClick={() => setOpen(false)}
+            variant="ghost"
+            className="flex h-10 w-10 items-center justify-center gap-2 rounded-full sm:hidden"
+          >
+            <CloseMenu className="h-4 w-4 shrink-0" />
+          </Button>
+        </div>
+
+        <NavigationMenuMobile />
+        {!isHomePage && <Sidebar />}
+      </SheetContent>
+    </Sheet>
+  );
+}
diff --git a/apps/documentation/components/PopoutBox.tsx b/apps/documentation/components/PopoutBox.tsx
new file mode 100644
index 00000000..646747bd
--- /dev/null
+++ b/apps/documentation/components/PopoutBox.tsx
@@ -0,0 +1,47 @@
+import { Heading } from '@codaco/ui';
+import { type ReactNode } from 'react';
+import { cn } from '~/lib/utils';
+
+export type PopoutBoxProps = {
+  title: string;
+  children: ReactNode;
+  icon?: ReactNode;
+  iconClassName?: string;
+  className?: string;
+};
+
+const PopoutBox = ({
+  title,
+  children,
+  icon,
+  className,
+  iconClassName,
+}: PopoutBoxProps) => {
+  return (
+    <aside
+      className={cn(
+        'mx-0 mb-8 mt-10 flex items-center gap-2 rounded-lg bg-card p-4',
+        'md:relative md:mx-8 md:mb-8 md:mt-10 md:gap-0 md:px-10 md:py-8',
+        className,
+      )}
+    >
+      {icon && (
+        <div
+          className={cn(
+            'flex h-12 w-12 shrink-0 scale-75 items-center justify-center rounded-full bg-foreground shadow-md',
+            'md:absolute md:-left-6 md:-top-4 md:scale-100',
+            iconClassName,
+          )}
+        >
+          {icon}
+        </div>
+      )}
+      <div className="flex-auto">
+        <Heading variant="h4">{title}</Heading>
+        {children}
+      </div>
+    </aside>
+  );
+};
+
+export default PopoutBox;
diff --git a/apps/documentation/components/ProjectSwitcher.tsx b/apps/documentation/components/ProjectSwitcher.tsx
new file mode 100644
index 00000000..aec7952a
--- /dev/null
+++ b/apps/documentation/components/ProjectSwitcher.tsx
@@ -0,0 +1,97 @@
+'use client';
+
+import {
+  Heading,
+  Paragraph,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectTrigger,
+} from '@codaco/ui';
+import { useRouter } from '~/navigation';
+import { useLocale, useTranslations } from 'next-intl';
+import { usePathname } from 'next/navigation';
+import { type LocalesEnum, type ProjectsEnum, projects } from '~/app/types';
+import { forwardRef } from 'react';
+import { cn } from '~/lib/utils';
+
+const getImageForProject = (project: ProjectsEnum) => {
+  if (project === 'desktop') {
+    return (
+      <img src="/images/desktop.png" alt={project} className="h-10 w-auto" />
+    );
+  }
+
+  if (project === 'fresco') {
+    return (
+      <img src="/images/fresco.png" alt={project} className="h-10 w-auto" />
+    );
+  }
+};
+
+const ProjectValue = forwardRef<
+  HTMLDivElement,
+  {
+    project: ProjectsEnum;
+    showDescription?: boolean;
+  }
+>(({ project, showDescription }, ref) => {
+  const t = useTranslations('ProjectSwitcher');
+  return (
+    <div className="flex flex-1 items-center" ref={ref}>
+      <div
+        className={cn(
+          'mr-2 flex items-center justify-start',
+          showDescription && 'min-w-[75px]',
+        )}
+      >
+        {getImageForProject(project)}
+      </div>
+      <div className="flex flex-col">
+        <Heading variant="h4" margin={showDescription ? 'default' : 'none'}>
+          {t(`${project}.label`)}
+        </Heading>
+        {showDescription && (
+          <Paragraph
+            className="max-w-[20rem] max-[450px]:max-w-[12rem] sm:max-w-full"
+            variant="smallText"
+          >
+            {t(`${project}.description`)}
+          </Paragraph>
+        )}
+      </div>
+    </div>
+  );
+});
+
+ProjectValue.displayName = 'ProjectValue';
+
+export default function ProjectSwitcher() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const project = pathname.split('/')[2]! as ProjectsEnum;
+  const locale = useLocale() as LocalesEnum;
+
+  return (
+    <Select
+      value={project}
+      onValueChange={(val) => {
+        router.push(`/${val}`, { locale });
+      }}
+    >
+      <SelectTrigger className="my-4 h-16">
+        <ProjectValue project={project} />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectGroup>
+          {projects.map((p) => (
+            <SelectItem key={p} value={p} className="sm:w-[30rem]">
+              <ProjectValue project={p} showDescription />
+            </SelectItem>
+          ))}
+        </SelectGroup>
+      </SelectContent>
+    </Select>
+  );
+}
diff --git a/apps/documentation/components/SharedNav/LogoComponent.tsx b/apps/documentation/components/SharedNav/LogoComponent.tsx
new file mode 100644
index 00000000..4ebb346c
--- /dev/null
+++ b/apps/documentation/components/SharedNav/LogoComponent.tsx
@@ -0,0 +1,42 @@
+import { useTheme } from 'next-themes';
+import Link from 'next/link';
+import { cn } from '~/lib/utils';
+
+type LogoComponentProps = {
+  invisible?: boolean;
+  className?: string;
+};
+
+const LogoComponent = ({
+  invisible = false,
+  className,
+}: LogoComponentProps) => {
+  const { resolvedTheme } = useTheme();
+  return (
+    <Link
+      href="/"
+      className={cn(
+        className,
+        invisible ? 'invisible' : 'visible',
+        'focusable flex-shrink-0 transition-transform duration-1000',
+      )}
+    >
+      <img
+        src="/images/mark.svg"
+        alt="Network Canvas Documentation"
+        className="h-9 w-auto lg:hidden"
+      />
+      <img
+        src={
+          resolvedTheme === 'dark'
+            ? '/images/typemark-positive.svg'
+            : '/images/typemark-negative.svg'
+        }
+        alt="Network Canvas Documentation"
+        className="hidden h-12 w-auto lg:block"
+      />
+    </Link>
+  );
+};
+
+export default LogoComponent;
diff --git a/apps/documentation/components/SharedNav/Menu.tsx b/apps/documentation/components/SharedNav/Menu.tsx
new file mode 100644
index 00000000..8832f4d3
--- /dev/null
+++ b/apps/documentation/components/SharedNav/Menu.tsx
@@ -0,0 +1,220 @@
+import {
+  Heading,
+  Paragraph,
+  buttonVariants,
+  headingVariants,
+} from '@codaco/ui';
+import * as NavigationMenu from '@radix-ui/react-navigation-menu';
+import { ArrowLeftCircle, ChevronDown } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import Link from 'next/link';
+import { useState } from 'react';
+import { cn } from '~/lib/utils';
+
+const links = [
+  {
+    translationKey: 'community',
+    href: 'https://community.networkcanvas.com',
+  },
+  {
+    translationKey: 'documentation',
+    href: '/',
+  },
+  {
+    translationKey: 'projects',
+    menu: [
+      {
+        titleTranslationKey: 'projectsChildren.partner-services.label',
+        descriptionTranslationKey:
+          'projectsChildren.partner-services.description',
+        href: 'https://partnerservices.networkcanvas.com',
+        image: '/images/projects/partner-services.jpg',
+      },
+      {
+        titleTranslationKey: 'projectsChildren.fresco.label',
+        descriptionTranslationKey: 'projectsChildren.fresco.description',
+        href: '/projects/fresco',
+        image: '/images/fresco.svg',
+      },
+      {
+        titleTranslationKey: 'projectsChildren.studio.label',
+        descriptionTranslationKey: 'projectsChildren.studio.description',
+        href: '/projects/studio',
+        image: '/images/studio.svg',
+      },
+    ],
+  },
+  {
+    translationKey: 'download',
+    style: 'button',
+    href: 'https://networkcanvas.com/download',
+  },
+];
+
+const linkClasses = cn(
+  headingVariants({ variant: 'h4-all-caps', margin: 'none' }),
+  'focusable flex items-center underline-offset-8 hover:text-success',
+);
+
+export const NavigationMenuDemo = () => {
+  const t = useTranslations('SharedNavigation');
+
+  return (
+    <NavigationMenu.Root asChild>
+      <div className={cn('relative z-10 hidden grow justify-end', 'md:flex')}>
+        <NavigationMenu.List className="center m-0 flex list-none items-center gap-6 lg:gap-10">
+          {links.map((link, i) => {
+            if (link.menu) {
+              return (
+                <NavigationMenu.Item key={i}>
+                  <NavigationMenu.Trigger className={cn(linkClasses, 'gap-2')}>
+                    {t(link.translationKey)}{' '}
+                    <ChevronDown className="h-4 w-4" aria-hidden />
+                  </NavigationMenu.Trigger>
+                  <NavigationMenu.Content className="absolute right-0 top-0 w-full">
+                    <ul className="m-0 grid w-full grid-cols-3 gap-4 p-6">
+                      {link.menu.map((subLink, i) => (
+                        <li key={i} className="col-span-1 grid">
+                          <NavigationMenu.Link asChild>
+                            <a
+                              className={cn(
+                                'flex h-full w-full select-none flex-col justify-end rounded-md bg-accent p-4 text-accent-foreground no-underline outline-none',
+                                'focusable',
+                              )}
+                              href={subLink.href}
+                            >
+                              <Heading variant="label">
+                                {t(subLink.titleTranslationKey)}
+                              </Heading>
+                              <Paragraph variant="smallText">
+                                {t(subLink.descriptionTranslationKey)}
+                              </Paragraph>
+                            </a>
+                          </NavigationMenu.Link>
+                        </li>
+                      ))}
+                    </ul>
+                  </NavigationMenu.Content>
+                </NavigationMenu.Item>
+              );
+            }
+
+            if (link.style === 'button') {
+              return (
+                <NavigationMenu.Item key={i}>
+                  <NavigationMenu.Link
+                    href={link.href}
+                    className={buttonVariants({
+                      variant: 'default',
+                      size: 'sm',
+                    })}
+                  >
+                    {t(link.translationKey)}
+                  </NavigationMenu.Link>
+                </NavigationMenu.Item>
+              );
+            }
+
+            return (
+              <NavigationMenu.Item key={i}>
+                <NavigationMenu.Link className={linkClasses} href={link.href}>
+                  {t(link.translationKey)}
+                </NavigationMenu.Link>
+              </NavigationMenu.Item>
+            );
+          })}
+          <NavigationMenu.Indicator className="data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut top-full z-[1] flex h-[10px] items-end justify-center overflow-hidden transition-[width,transform_250ms_ease]">
+            <div className="relative top-[70%] h-[14px] w-[14px] rotate-[45deg] rounded-tl-[2px] bg-card" />
+          </NavigationMenu.Indicator>
+        </NavigationMenu.List>
+
+        <div className="perspective-[2000px] absolute right-0 top-full flex justify-center">
+          <NavigationMenu.Viewport className="data-[state=open]:animate-scaleIn data-[state=closed]:animate-scaleOut relative mt-[10px] h-[var(--radix-navigation-menu-viewport-height)] w-[calc(100vw-20rem)] origin-[top_center] overflow-hidden rounded-[6px] bg-card shadow-xl transition-[width,_height] duration-300 lg:w-[50rem]" />
+        </div>
+      </div>
+    </NavigationMenu.Root>
+  );
+};
+
+type SubMenu = {
+  titleTranslationKey: string;
+  descriptionTranslationKey: string;
+  href: string;
+  image: string;
+}[];
+
+export const NavigationMenuMobile = () => {
+  const t = useTranslations('SharedNavigation');
+  const [submenu, setSubmenu] = useState<SubMenu>([]);
+
+  if (!submenu.length) {
+    return (
+      <ul
+        className={'flex flex-col items-center justify-center gap-4 md:hidden'}
+      >
+        {links.map((link, i) => {
+          if (link.style === 'button') {
+            return (
+              <li key={i}>
+                <Link
+                  className={buttonVariants({
+                    variant: 'default',
+                    size: 'sm',
+                  })}
+                  href={link.href}
+                >
+                  {t(link.translationKey)}
+                </Link>
+              </li>
+            );
+          }
+
+          if (link.menu) {
+            return (
+              <li key={i}>
+                <button
+                  className={linkClasses}
+                  onClick={() => setSubmenu(link.menu)}
+                >
+                  {t(link.translationKey)}
+                </button>
+              </li>
+            );
+          }
+
+          return (
+            <li key={i}>
+              <Link className={linkClasses} href={link.href}>
+                {t(link.translationKey)}
+              </Link>
+            </li>
+          );
+        })}
+      </ul>
+    );
+  }
+
+  return (
+    <ul className={'flex flex-col items-center justify-center gap-4'}>
+      {submenu.map((subLink, i) => (
+        <li key={i}>
+          <Link className={linkClasses} href={subLink.href}>
+            {t(subLink.titleTranslationKey)}
+          </Link>
+        </li>
+      ))}
+
+      <li>
+        <button
+          className={cn(
+            buttonVariants({ variant: 'accent', size: 'sm' }),
+            'inline rounded-full px-2',
+          )}
+          onClick={() => setSubmenu([])}
+        >
+          <ArrowLeftCircle className="shrink-0" />
+        </button>
+      </li>
+    </ul>
+  );
+};
diff --git a/apps/documentation/components/SharedNav/SharedNav.tsx b/apps/documentation/components/SharedNav/SharedNav.tsx
new file mode 100644
index 00000000..7de6c3f6
--- /dev/null
+++ b/apps/documentation/components/SharedNav/SharedNav.tsx
@@ -0,0 +1,28 @@
+import { motion } from 'framer-motion';
+import MobileNavBar from '../MobileNavBar';
+import LogoComponent from './LogoComponent';
+import { NavigationMenuDemo as Menu } from './Menu';
+import { cn } from '~/lib/utils';
+
+export default function SharedNav() {
+  return (
+    <motion.nav
+      className={cn(
+        'sticky top-0 z-50 mx-auto flex w-full flex-auto grow-0 items-center justify-between gap-4 bg-background/80 px-4 py-2 shadow-md backdrop-blur-sm',
+        'lg:relative lg:flex lg:bg-transparent lg:px-6 lg:py-4 lg:shadow-none lg:backdrop-blur-0',
+      )}
+      initial={{ y: -100 }}
+      animate={{ y: 0 }}
+      transition={{
+        type: 'spring',
+        stiffness: 200,
+        damping: 30,
+        mass: 1,
+      }}
+    >
+      <LogoComponent />
+      <Menu />
+      <MobileNavBar />
+    </motion.nav>
+  );
+}
diff --git a/apps/documentation/components/ShowMDX.tsx b/apps/documentation/components/ShowMDX.tsx
deleted file mode 100644
index c2857079..00000000
--- a/apps/documentation/components/ShowMDX.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-// This component might be useful when we want to display documents client-side
-// We can delete it before production release in case we don't use it.
-// This component is not being used now
-
-'use client';
-
-import { MDXRemote, type MDXRemoteSerializeResult } from 'next-mdx-remote';
-import { serialize } from 'next-mdx-remote/serialize';
-import React, { useEffect, useState } from 'react';
-import { env } from '~/env.mjs';
-
-const ShowMDX = ({ content }: { content: string }) => {
-  const [mdxSource, setMdxSource] = useState<MDXRemoteSerializeResult | null>(
-    null,
-  );
-
-  useEffect(() => {
-    async function getSerializedContent() {
-      const result = await serialize(content, {
-        mdxOptions: {
-          development: env.NODE_ENV === 'development',
-        },
-      });
-      setMdxSource(result);
-    }
-
-    void getSerializedContent();
-  }, [content]);
-
-  return (
-    <article className="w-[500px] overflow-hidden overflow-ellipsis whitespace-nowrap">
-      {mdxSource && <MDXRemote {...mdxSource} />}
-    </article>
-  );
-};
-
-export default ShowMDX;
diff --git a/apps/documentation/components/Sidebar.tsx b/apps/documentation/components/Sidebar.tsx
new file mode 100644
index 00000000..bc3d730e
--- /dev/null
+++ b/apps/documentation/components/Sidebar.tsx
@@ -0,0 +1,250 @@
+import { useState, useEffect, useRef, useMemo } from 'react';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { motion } from 'framer-motion';
+import { ChevronRight } from 'lucide-react';
+import { useLocale } from 'next-intl';
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@codaco/ui';
+import type {
+  LocalesEnum,
+  SidebarPage,
+  TSideBar,
+  SidebarFolder as TSidebarFolder,
+} from '~/app/types';
+import { cn } from '~/lib/utils';
+import sidebarData from '~/public/sidebar.json';
+import DocSearchComponent from './DocSearchComponent';
+import ProjectSwitcher from './ProjectSwitcher';
+
+const MotionCollapsibleContent = motion(CollapsibleContent);
+const MotionChevron = motion(ChevronRight);
+
+/**
+ * Given a list of sidebar items (folder/files), sort them based on `navOrder`,
+ * and alphabetically by label.
+ *
+ * @param sidebarItems {(TSidebarFolder | SidebarPage)[]}
+ * @returns {(TSidebarFolder | SidebarPage)[]}
+ */
+const sortSidebarItems = (sidebarItems: (TSidebarFolder | SidebarPage)[]) =>
+  sidebarItems.sort((a, b) => {
+    // If both items have navOrder, sort by that
+    if (a.navOrder !== null && b.navOrder !== null) {
+      return a.navOrder - b.navOrder;
+      // if only 'a' has navOrder, make it first
+    } else if (a.navOrder !== null) {
+      return -1;
+      // if only 'b' has navOrder, make it first
+    } else if (b.navOrder !== null) {
+      return 1;
+    } else {
+      // If neither has navOrder, sort alphabetically by label
+      return a.label.localeCompare(b.label);
+    }
+  });
+
+// Used by sidebar to process sourceFile values into usable routes
+export const processSourceFile = (
+  type: 'folder' | 'page',
+  locale: LocalesEnum,
+  sourceFile?: string,
+) => {
+  if (!sourceFile) return;
+  // We can't use path.sep because the webpack node shim always returns '/'.
+  // Because this might be running on Windows, we need to use a regex to split
+  // by either / or \.
+  const pathSegments = sourceFile.split(/[\\/]/).slice(2);
+
+  let returnPath = '';
+
+  if (type === 'folder') {
+    returnPath = pathSegments.slice(0, -1).join('/');
+  } else {
+    returnPath = pathSegments
+      // Process the last item to remove the locale and file extension
+      .map((segment, index, array) => {
+        if (index === array.length - 1) {
+          return segment.split('.')[0]!;
+        }
+        return segment;
+      })
+      .join('/');
+  }
+
+  return `/${locale}/${returnPath}`;
+};
+
+const SidebarFolder = ({
+  label,
+  href,
+  defaultOpen,
+  alwaysOpen,
+  children,
+}: {
+  label: string;
+  href?: string;
+  defaultOpen?: boolean;
+  alwaysOpen?: boolean;
+  children?: React.ReactNode;
+}) => {
+  const pathname = usePathname();
+
+  const memoizedIsOpen = useMemo(() => {
+    if (alwaysOpen) return true;
+
+    if (defaultOpen) return true;
+
+    return (children as React.ReactElement<{ href?: string }>[]).some(
+      (child) => child.props.href === pathname,
+    );
+  }, [alwaysOpen, defaultOpen, children, pathname]);
+
+  const [isOpen, setIsOpen] = useState(memoizedIsOpen);
+
+  useEffect(() => {
+    setIsOpen(memoizedIsOpen);
+  }, [memoizedIsOpen]);
+
+  return (
+    <Collapsible
+      defaultOpen={defaultOpen ?? alwaysOpen}
+      open={isOpen}
+      onOpenChange={() => {
+        if (alwaysOpen) return;
+        setIsOpen(!isOpen);
+      }}
+      className={cn('my-4 flex flex-col')}
+    >
+      <CollapsibleTrigger
+        className={cn(
+          'focusable my-1 flex flex-1 items-center justify-between text-balance text-base font-semibold capitalize',
+          !alwaysOpen && 'cursor-pointer',
+        )}
+        asChild
+      >
+        {href ? (
+          <Link href={href}>
+            {label}{' '}
+            {!alwaysOpen && (
+              <MotionChevron
+                className="h-4 w-4"
+                initial={{ rotate: isOpen ? 90 : 0 }}
+                animate={{ rotate: isOpen ? 90 : 0 }}
+                aria-hidden
+              />
+            )}
+          </Link>
+        ) : (
+          <div>
+            {label}{' '}
+            {!alwaysOpen && (
+              <MotionChevron
+                className="h-4 w-4"
+                initial={{ rotate: isOpen ? 90 : 0 }}
+                animate={{ rotate: isOpen ? 90 : 0 }}
+                aria-hidden
+              />
+            )}
+          </div>
+        )}
+      </CollapsibleTrigger>
+      <MotionCollapsibleContent
+        className="ml-4 flex flex-col overflow-y-hidden"
+        forceMount
+        initial={{ height: isOpen ? 'auto' : 0 }}
+        animate={{ height: isOpen ? 'auto' : 0 }}
+      >
+        {children}
+      </MotionCollapsibleContent>
+    </Collapsible>
+  );
+};
+
+const SidebarLink = ({ href, label }: { href: string; label: string }) => {
+  const pathname = usePathname();
+  const isActive = pathname === href;
+  const ref = useRef<HTMLAnchorElement>(null);
+
+  useEffect(() => {
+    if (isActive && ref.current) {
+      ref.current.scrollIntoView({
+        behavior: 'auto',
+        block: 'nearest',
+        inline: 'nearest',
+      });
+    }
+  }, [isActive]);
+
+  if (href === undefined) {
+    return (
+      <div className="focusable flex flex-1 text-balance border-l-[2px] border-foreground/5 py-2 pl-4 text-sm transition-colors">
+        {label}
+      </div>
+    );
+  }
+
+  return (
+    <Link
+      ref={ref}
+      href={href}
+      className={cn(
+        'focusable flex flex-1 border-l-[2px] border-foreground/5 py-2 pl-4 text-sm transition-colors',
+        'hover:border-accent/100 hover:text-accent',
+        isActive && 'border-accent/100 font-semibold text-accent',
+      )}
+    >
+      {label}
+    </Link>
+  );
+};
+
+const renderSidebarItem = (
+  item: TSidebarFolder | SidebarPage,
+  locale: LocalesEnum,
+) => {
+  const sourceFile = processSourceFile(item.type, locale, item.sourceFile);
+  if (item.type === 'folder') {
+    const sortedChildren = sortSidebarItems(Object.values(item.children));
+    return (
+      <SidebarFolder
+        key={item.label}
+        label={item.label}
+        alwaysOpen={item.expanded}
+        href={sourceFile}
+      >
+        {sortedChildren.map((child) => renderSidebarItem(child, locale))}
+      </SidebarFolder>
+    );
+  } else {
+    return (
+      <SidebarLink key={item.label} href={sourceFile!} label={item.label} />
+    );
+  }
+};
+
+export function Sidebar({ className }: { className?: string }) {
+  const pathname = usePathname();
+  const locale = useLocale() as LocalesEnum;
+  const project = pathname.split('/')[2]!;
+  const typedSidebarData = sidebarData as TSideBar;
+
+  const formattedSidebarData = typedSidebarData[locale]![project]!.children;
+  const sortedSidebarItems = sortSidebarItems(
+    Object.values(formattedSidebarData),
+  );
+
+  return (
+    <nav className={cn('flex w-full grow flex-col pl-4', className)}>
+      <DocSearchComponent className="hidden lg:flex" />
+      <ProjectSwitcher />
+
+      <div className="flex-1 overflow-y-auto">
+        {sortedSidebarItems.map((item) => renderSidebarItem(item, locale))}
+      </div>
+    </nav>
+  );
+}
diff --git a/apps/documentation/components/TableOfContents.tsx b/apps/documentation/components/TableOfContents.tsx
new file mode 100644
index 00000000..984b27d3
--- /dev/null
+++ b/apps/documentation/components/TableOfContents.tsx
@@ -0,0 +1,92 @@
+'use client';
+
+import { useEffect, useRef } from 'react';
+import Link from 'next/link';
+import useHighlighted from '~/hooks/useHighlighted';
+import { type HeadingNode } from '~/lib/tableOfContents';
+import { Heading } from '@codaco/ui';
+import { cn } from '~/lib/utils';
+
+const TOCLink = ({
+  node,
+  sideBar,
+}: {
+  node: HeadingNode;
+  sideBar: boolean;
+}) => {
+  const ref = useRef<HTMLAnchorElement>(null);
+  const [highlighted] = useHighlighted(node.id);
+
+  useEffect(() => {
+    if (!sideBar) return;
+
+    if (highlighted && ref.current) {
+      ref.current.scrollIntoView({
+        behavior: 'auto',
+        block: 'nearest',
+        inline: 'nearest',
+      });
+    }
+  }, [highlighted, sideBar]);
+
+  return (
+    <Link
+      ref={ref}
+      href={`#${node.id}`}
+      className={cn(
+        'focusable my-2 block text-base transition-colors hover:text-accent',
+        sideBar && 'text-sm',
+        node.level === 3 && 'ml-4 font-normal',
+        sideBar && highlighted && 'font-semibold text-accent',
+      )}
+    >
+      {node.value}
+    </Link>
+  );
+};
+
+const TableOfContents = ({
+  headings,
+  sideBar = false,
+}: {
+  headings: HeadingNode[];
+  sideBar?: boolean;
+}) => {
+  return (
+    <aside
+      className={cn(
+        'hidden shrink-0',
+        sideBar &&
+          'sticky top-2 max-h-[calc(100vh-1rem)] w-64 overflow-y-auto overflow-x-hidden xl:block',
+        !sideBar &&
+          'mb-5 block rounded-lg border border-border bg-input px-6 py-4 xl:hidden',
+      )}
+    >
+      <Heading
+        variant={sideBar ? 'h4-all-caps' : 'h3'}
+        className={cn(sideBar && 'mb-2')}
+      >
+        Table of Contents
+      </Heading>
+      {renderNodes(headings, sideBar)}
+    </aside>
+  );
+};
+
+function renderNodes(nodes: HeadingNode[], sideBar: boolean) {
+  return (
+    <ol>
+      {nodes.map((node) => (
+        <li
+          key={node.id}
+          className={cn('list-none', `ml-[${0.5 * node.level}rem]`)}
+        >
+          <TOCLink node={node} sideBar={sideBar} />
+          {node.children?.length > 0 && renderNodes(node.children, sideBar)}
+        </li>
+      ))}
+    </ol>
+  );
+}
+
+export default TableOfContents;
diff --git a/apps/documentation/components/ai-assistant.tsx b/apps/documentation/components/ai-assistant.tsx
index f01eb301..aaa9abc8 100644
--- a/apps/documentation/components/ai-assistant.tsx
+++ b/apps/documentation/components/ai-assistant.tsx
@@ -1,43 +1,96 @@
 'use client';
 
 import { env } from '~/env.mjs';
-import logo from '~/public/assets/img/logo.svg';
-import { MendableFloatingButton } from '@mendable/search';
+import { MendableInPlace } from '@mendable/search';
 import { useTranslations } from 'next-intl';
-import { useTheme } from 'next-themes';
-import Image from 'next/image';
-import { useEffect, useState } from 'react';
+import {
+  Dialog,
+  DialogContentEmpty,
+  DialogTrigger,
+  Paragraph,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  dialogContentClasses,
+} from '@codaco/ui';
+import { cn } from '~/lib/utils';
+import { motion } from 'framer-motion';
+import { useEffect, useRef } from 'react';
 
-const icon = (
-  <div className="flex flex-col items-center">
-    <Image width="50" height="50" priority src={logo as string} alt="Logo" />
-    <span className="text-xs font-extrabold">Ctrl+J</span>
-  </div>
-);
-
-const AIAssistant = () => {
-  const [mounted, setMounted] = useState(false);
-  const { theme } = useTheme();
+const TriggerButton = () => {
+  const ref = useRef<HTMLDivElement>(null);
   const t = useTranslations('AIAssistant');
 
   useEffect(() => {
-    setMounted(true);
+    const down = (e: KeyboardEvent) => {
+      if (e.key === 'j' && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        ref.current?.click();
+      }
+    };
+    document.addEventListener('keydown', down);
+    return () => document.removeEventListener('keydown', down);
   }, []);
 
   return (
-    mounted && (
-      <MendableFloatingButton
-        icon={icon}
-        style={{ accentColor: '#123456', darkMode: theme !== 'light' }}
-        anon_key={env.NEXT_PUBLIC_MENDABLE_ANON_KEY}
-        dialogPlaceholder={t('dialogPlaceholder')}
-        messageSettings={{ prettySources: true, openSourcesInNewTab: false }}
-        hintQuestions={[t('q1'), t('q2')]}
-        popupText={t('popupText')}
-        welcomeMessage={t('welcomeMessage')}
-        cmdShortcutKey="j"
-      />
-    )
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <motion.div
+            ref={ref}
+            tabIndex={0}
+            className={cn(
+              'flex h-16 w-16 flex-col items-center justify-center rounded-full bg-accent text-accent-foreground shadow-xl',
+              'sm:h-24 sm:w-24',
+            )}
+            whileHover={{ scale: 1.1 }}
+            whileTap={{ scale: 0.9 }}
+            initial={{ scale: 0 }}
+            animate={{ scale: 1 }}
+            transition={{ type: 'spring' }}
+          >
+            <span className="text-xl sm:text-2xl">🤖</span>
+          </motion.div>
+        </TooltipTrigger>
+        <TooltipContent className="bg-accent text-accent-foreground">
+          <Paragraph variant="smallText">
+            {t('popupText')}
+
+            <kbd className="pointer-events-none ml-4 inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-xs font-medium text-muted-foreground opacity-100">
+              <span className="text-sm">⌘</span>J
+            </kbd>
+          </Paragraph>
+        </TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  );
+};
+
+const AIAssistant = () => {
+  const t = useTranslations('AIAssistant');
+
+  return (
+    <Dialog>
+      <DialogTrigger className="focusable fixed bottom-6 right-6 z-10">
+        <TriggerButton />
+      </DialogTrigger>
+      <DialogContentEmpty>
+        <div className={cn(dialogContentClasses)}>
+          <MendableInPlace
+            style={{ darkMode: false, accentColor: '#5259eb' }}
+            anon_key={env.NEXT_PUBLIC_MENDABLE_ANON_KEY}
+            hintText={t('dialogPlaceholder')}
+            messageSettings={{
+              prettySources: true,
+              openSourcesInNewTab: false,
+            }}
+            hintQuestions={[t('q1'), t('q2')]}
+            welcomeMessage={t('welcomeMessage')}
+          />
+        </div>
+      </DialogContentEmpty>
+    </Dialog>
   );
 };
 
diff --git a/apps/documentation/components/article.tsx b/apps/documentation/components/article.tsx
new file mode 100644
index 00000000..803d70fc
--- /dev/null
+++ b/apps/documentation/components/article.tsx
@@ -0,0 +1,47 @@
+'use client';
+
+import { Heading } from '@codaco/ui';
+import { usePathname } from '~/navigation';
+import TableOfContents from './TableOfContents';
+import type { HeadingNode } from '~/lib/tableOfContents';
+import FancyHeading from './FancyHeading';
+import WorkInProgress from '~/components/customComponents/WorkInProgress';
+
+export default function Article({
+  content,
+  headings,
+  title,
+  showToc,
+  wip,
+}: {
+  content: JSX.Element;
+  headings: HeadingNode[];
+  title: string;
+  showToc: boolean;
+  wip?: boolean;
+}) {
+  const pathname = usePathname();
+
+  // Todo: nextjs has hooks specifically for this: useSelectedLayoutSegment
+  const project = pathname.split('/')[1];
+  const section = pathname.split('/')[2]?.replace(/-/g, ' '); // replace hyphens with spaces
+
+  return (
+    <>
+      <article className="mx-4 mb-5 w-full max-w-[75ch] flex-1 overflow-y-hidden lg:mx-8 xl:mx-10 2xl:mx-20">
+        <header>
+          <Heading variant="h4-all-caps" margin="none" className="text-accent">
+            {project} {section && <>&#129046; {section}</>}
+          </Heading>
+          <FancyHeading variant="h1" className="!mt-0">
+            {title}
+          </FancyHeading>
+        </header>
+        {wip && <WorkInProgress />}
+        {showToc && <TableOfContents headings={headings} />}
+        {content}
+      </article>
+      {showToc && <TableOfContents headings={headings} sideBar />}
+    </>
+  );
+}
diff --git a/apps/documentation/components/customComponents/BestPractices.tsx b/apps/documentation/components/customComponents/BestPractices.tsx
new file mode 100644
index 00000000..78de4882
--- /dev/null
+++ b/apps/documentation/components/customComponents/BestPractices.tsx
@@ -0,0 +1,20 @@
+import { CheckSquare, XOctagon } from 'lucide-react';
+import type { ReactNode } from 'react';
+
+export const GoodPractice = ({ children }: { children: ReactNode }) => {
+  return (
+    <div className="my-3 flex flex-row">
+      <CheckSquare className="mt-1.5 h-5 w-5 min-w-5 shrink-0 text-success sm:h-6 sm:w-6" />
+      <span className="pl-4">{children}</span>
+    </div>
+  );
+};
+
+export const BadPractice = ({ children }: { children: ReactNode }) => {
+  return (
+    <div className="my-3 flex flex-row">
+      <XOctagon className="mt-1.5 h-5 w-5 min-w-5 shrink-0 text-destructive sm:h-6 sm:w-6" />
+      <span className="pl-4">{children}</span>
+    </div>
+  );
+};
diff --git a/apps/documentation/components/customComponents/ImageFullWidth.tsx b/apps/documentation/components/customComponents/ImageFullWidth.tsx
new file mode 100644
index 00000000..3b17d8cc
--- /dev/null
+++ b/apps/documentation/components/customComponents/ImageFullWidth.tsx
@@ -0,0 +1,20 @@
+import Image from 'next/image';
+
+type ImageFullWidthProps = {
+  src: string;
+  alt: string;
+};
+
+const ImageFullWidth = ({ src, alt }: ImageFullWidthProps) => {
+  return (
+    <Image
+      width={450}
+      height={450}
+      src={src}
+      alt={alt ?? src}
+      className="my-2.5 h-full w-full object-cover"
+    />
+  );
+};
+
+export default ImageFullWidth;
diff --git a/apps/documentation/components/customComponents/InterfaceSummary.tsx b/apps/documentation/components/customComponents/InterfaceSummary.tsx
new file mode 100644
index 00000000..04ca3b50
--- /dev/null
+++ b/apps/documentation/components/customComponents/InterfaceSummary.tsx
@@ -0,0 +1,35 @@
+import { Paragraph } from '@codaco/ui';
+import { type ReactNode } from 'react';
+
+export const InterfaceSummary = ({ children }: { children: ReactNode }) => {
+  return (
+    <div className="mb-4 flex flex-col sm:flex-row sm:items-center">
+      {children}
+    </div>
+  );
+};
+
+export const InterfaceMeta = ({
+  type,
+  creates,
+  usesprompts,
+}: {
+  type: string;
+  creates: string;
+  usesprompts: string;
+}) => {
+  return (
+    <div className="flex flex-col content-center justify-center space-y-6 sm:pl-6">
+      <Paragraph>
+        <strong className="uppercase">Type:</strong> <br /> {type}
+      </Paragraph>
+      <Paragraph>
+        <strong className="uppercase">Creates:</strong> <br /> {creates}
+      </Paragraph>
+      <Paragraph>
+        <strong className="uppercase">Uses Prompts:</strong> <br />
+        {usesprompts}
+      </Paragraph>
+    </div>
+  );
+};
diff --git a/apps/documentation/components/customComponents/KeyConcept.tsx b/apps/documentation/components/customComponents/KeyConcept.tsx
new file mode 100644
index 00000000..dc632b29
--- /dev/null
+++ b/apps/documentation/components/customComponents/KeyConcept.tsx
@@ -0,0 +1,30 @@
+import Image from 'next/image';
+import { type ReactNode } from 'react';
+import PopoutBox from '~/components/PopoutBox';
+
+type KeyConceptProps = {
+  title: string;
+  children: ReactNode;
+};
+
+const KeyConcept = ({ children, title }: KeyConceptProps) => {
+  return (
+    <PopoutBox
+      title={title}
+      className="bg-accent/10 [--link:var(--accent)]"
+      iconClassName="bg-white"
+      icon={
+        <Image
+          src="/images/key-concept.svg"
+          width={32}
+          height={32}
+          alt={title}
+        />
+      }
+    >
+      {children}
+    </PopoutBox>
+  );
+};
+
+export default KeyConcept;
diff --git a/apps/documentation/components/customComponents/SummaryCard.tsx b/apps/documentation/components/customComponents/SummaryCard.tsx
new file mode 100644
index 00000000..1fb25ce9
--- /dev/null
+++ b/apps/documentation/components/customComponents/SummaryCard.tsx
@@ -0,0 +1,39 @@
+import { Heading, Paragraph } from '@codaco/ui';
+import { Clock } from 'lucide-react';
+import { type ReactNode } from 'react';
+
+export const SummaryCard = ({
+  duration,
+  children,
+}: {
+  children: ReactNode;
+  duration: string;
+}) => {
+  return (
+    <summary className="my-8 rounded-lg border border-border bg-card p-6">
+      {children}
+      <Heading variant={'h4-all-caps'}>Duration:</Heading>
+      <Paragraph className="flex items-center gap-2" margin="none">
+        <Clock className="h-5 w-5 shrink-0" /> {duration}
+      </Paragraph>
+    </summary>
+  );
+};
+
+export const SummarySection = ({ children }: { children: ReactNode }) => {
+  return (
+    <>
+      <Heading variant={'h4-all-caps'}>Summary:</Heading>
+      {children}
+    </>
+  );
+};
+
+export const PrerequisitesSection = ({ children }: { children: ReactNode }) => {
+  return (
+    <>
+      <Heading variant={'h4-all-caps'}>Prerequisites:</Heading>
+      {children}
+    </>
+  );
+};
diff --git a/apps/documentation/components/customComponents/TipBox.tsx b/apps/documentation/components/customComponents/TipBox.tsx
new file mode 100644
index 00000000..c4a01723
--- /dev/null
+++ b/apps/documentation/components/customComponents/TipBox.tsx
@@ -0,0 +1,44 @@
+import { useTranslations } from 'next-intl';
+import Image from 'next/image';
+import { type ReactNode } from 'react';
+import PopoutBox from '~/components/PopoutBox';
+import { cn } from '~/lib/utils';
+
+export type TipBoxProps = {
+  children: ReactNode;
+  danger: boolean;
+};
+
+const TipBox = ({ children, danger = false }: TipBoxProps) => {
+  const t = useTranslations('TipBox');
+  const type = danger ? 'warning' : 'info';
+  const title = t(type);
+
+  return (
+    <PopoutBox
+      title={title}
+      iconClassName={cn(
+        type === 'info' && 'bg-info',
+        type === 'warning' && 'bg-warning',
+      )}
+      icon={
+        <Image
+          src={
+            type === 'info' ? '/images/tip-info.svg' : '/images/tip-caution.svg'
+          }
+          alt={title}
+          width={32}
+          height={32}
+        />
+      }
+      className={cn(
+        type === 'info' && 'bg-info/10 [--link:var(--info)]',
+        type === 'warning' && 'bg-warning/10 [--link:var(--warning)]',
+      )}
+    >
+      {children}
+    </PopoutBox>
+  );
+};
+
+export default TipBox;
diff --git a/apps/documentation/components/customComponents/VideoIFrame.tsx b/apps/documentation/components/customComponents/VideoIFrame.tsx
new file mode 100644
index 00000000..eea3bded
--- /dev/null
+++ b/apps/documentation/components/customComponents/VideoIFrame.tsx
@@ -0,0 +1,12 @@
+const VideoIFrame = ({ src, title }: { src: string; title: string }) => {
+  return (
+    <iframe
+      title={title}
+      src={src}
+      allowFullScreen
+      className="aspect-video w-full"
+    />
+  );
+};
+
+export default VideoIFrame;
diff --git a/apps/documentation/components/customComponents/WorkInProgress.tsx b/apps/documentation/components/customComponents/WorkInProgress.tsx
new file mode 100644
index 00000000..5891ddac
--- /dev/null
+++ b/apps/documentation/components/customComponents/WorkInProgress.tsx
@@ -0,0 +1,30 @@
+import PopoutBox from '~/components/PopoutBox';
+import { Paragraph } from '@codaco/ui';
+import Image from 'next/image';
+
+const WorkInProgress = () => {
+  // TODO: translations for this
+  return (
+    <PopoutBox
+      title="Work in Progress"
+      className="bg-success/10 [--link:var(--success)]"
+      iconClassName="bg-white"
+      icon={
+        <Image
+          src="/images/work-in-progress.svg"
+          alt="Work in progress"
+          width={22}
+          height={22}
+        />
+      }
+    >
+      <Paragraph>
+        This article is currently being written, and is not yet complete. If you
+        require support or assistance with this topic, please contact the
+        project team directly.
+      </Paragraph>
+    </PopoutBox>
+  );
+};
+
+export default WorkInProgress;
diff --git a/apps/documentation/components/ui/button.tsx b/apps/documentation/components/ui/button.tsx
deleted file mode 100644
index f0e00ead..00000000
--- a/apps/documentation/components/ui/button.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva, type VariantProps } from 'class-variance-authority';
-
-import { cn } from '~/lib/utils';
-
-const buttonVariants = cva(
-  'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
-  {
-    variants: {
-      variant: {
-        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-        destructive:
-          'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-        outline:
-          'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-        secondary:
-          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-        ghost: 'hover:bg-accent hover:text-accent-foreground',
-        link: 'text-primary underline-offset-4 hover:underline',
-      },
-      size: {
-        default: 'h-10 px-4 py-2',
-        sm: 'h-9 rounded-md px-3',
-        lg: 'h-11 rounded-md px-8',
-        icon: 'h-10 w-10',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
-  },
-);
-
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-  asChild?: boolean;
-}
-
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : 'button';
-    return (
-      <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
-        ref={ref}
-        {...props}
-      />
-    );
-  },
-);
-Button.displayName = 'Button';
-
-export { Button, buttonVariants };
diff --git a/apps/documentation/components/ui/input.tsx b/apps/documentation/components/ui/input.tsx
deleted file mode 100644
index c2187618..00000000
--- a/apps/documentation/components/ui/input.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import * as React from 'react';
-
-import { cn } from '~/lib/utils';
-
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {}
-
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, type, ...props }, ref) => {
-    return (
-      <input
-        type={type}
-        className={cn(
-          'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none  disabled:cursor-not-allowed disabled:opacity-50',
-          className,
-        )}
-        ref={ref}
-        {...props}
-      />
-    );
-  },
-);
-Input.displayName = 'Input';
-
-export { Input };
diff --git a/apps/documentation/components/ui/sheet.tsx b/apps/documentation/components/ui/sheet.tsx
new file mode 100644
index 00000000..ed2149a4
--- /dev/null
+++ b/apps/documentation/components/ui/sheet.tsx
@@ -0,0 +1,135 @@
+'use client';
+
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { cva, type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { cn } from '~/lib/utils';
+
+const Sheet = SheetPrimitive.Root;
+
+const SheetTrigger = SheetPrimitive.Trigger;
+
+const SheetClose = SheetPrimitive.Close;
+
+const SheetPortal = SheetPrimitive.Portal;
+
+const SheetOverlay = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Overlay
+    className={cn(
+      'bg-black/5 fixed inset-0 z-40 backdrop-blur-lg  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+      className,
+    )}
+    {...props}
+    ref={ref}
+  />
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+
+const sheetVariants = cva(
+  'fixed z-50 gap-4 bg-background p-3 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out',
+  {
+    variants: {
+      side: {
+        top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
+        bottom:
+          'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
+        left: 'left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
+        right:
+          'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',
+      },
+    },
+    defaultVariants: {
+      side: 'right',
+    },
+  },
+);
+
+type SheetContentProps = object &
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> &
+  VariantProps<typeof sheetVariants>;
+
+const SheetContent = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Content>,
+  SheetContentProps
+>(({ side = 'right', className, children, ...props }, ref) => (
+  <SheetPortal>
+    <SheetOverlay />
+    <SheetPrimitive.Content
+      role="contentinfo"
+      ref={ref}
+      className={cn(sheetVariants({ side }), className)}
+      {...props}
+    >
+      {children}
+    </SheetPrimitive.Content>
+  </SheetPortal>
+));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+
+const SheetHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      'flex flex-col space-y-2 text-center sm:text-left',
+      className,
+    )}
+    {...props}
+  />
+);
+SheetHeader.displayName = 'SheetHeader';
+
+const SheetFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
+      className,
+    )}
+    {...props}
+  />
+);
+SheetFooter.displayName = 'SheetFooter';
+
+const SheetTitle = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Title
+    ref={ref}
+    className={cn('text-lg font-semibold text-foreground', className)}
+    {...props}
+  />
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+
+const SheetDescription = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Description
+    ref={ref}
+    className={cn('text-sm text-muted-foreground', className)}
+    {...props}
+  />
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+};
diff --git a/apps/documentation/docs/desktop/advanced-topics/metadata.json b/apps/documentation/docs/desktop/advanced-topics/metadata.json
new file mode 100644
index 00000000..7b345c4b
--- /dev/null
+++ b/apps/documentation/docs/desktop/advanced-topics/metadata.json
@@ -0,0 +1,9 @@
+{
+  "type": "folder",
+  "navOrder": 50000,
+  "localeLabels": {
+    "en": "Advanced Topics"
+  },
+  "slug": "advanced-topics",
+  "isExpanded": false
+}
diff --git a/apps/documentation/docs/desktop/reference/network-canvas-graphml.en.md b/apps/documentation/docs/desktop/advanced-topics/network-canvas-graphml.en.md
similarity index 100%
rename from apps/documentation/docs/desktop/reference/network-canvas-graphml.en.md
rename to apps/documentation/docs/desktop/advanced-topics/network-canvas-graphml.en.md
diff --git a/apps/documentation/docs/desktop/reference/node-labelling.en.md b/apps/documentation/docs/desktop/advanced-topics/node-labelling.en.md
similarity index 91%
rename from apps/documentation/docs/desktop/reference/node-labelling.en.md
rename to apps/documentation/docs/desktop/advanced-topics/node-labelling.en.md
index cf5ea0b1..5a2e579b 100644
--- a/apps/documentation/docs/desktop/reference/node-labelling.en.md
+++ b/apps/documentation/docs/desktop/advanced-topics/node-labelling.en.md
@@ -7,25 +7,25 @@ title: Node Labelling
 Interviewer calculates the label to be used when rendering a node using the the following logic:
 
 0. Use any node label worker that is within the protocol (see [section below](#custom-node-labelling-advanced) for details on this advanced feature).
-1. Look for a variable called "name" (regardless of case) in the [codebook](/en/desktop/key-concepts/codebook) for node's type, and try to retrieve this value from the node.
+1. Look for a variable called "name" (regardless of case) in the [codebook](../key-concepts/codebook) for node's type, and try to retrieve this value from the node.
 2. Look for a property on the node with a key of 'name' (regardless of case), and try to retrieve this value.
 3. Show the text "No 'name' variable!"
 
 If you are seeing unexpected results, such as "No 'name' variable!" messages, ensure you have constructed your protocol or your data in a way that satisfies a rule with a higher precedence. For example, ensure you have correctly created a 'name' variable for the node type, and that this variable is assigned a value within your interview.
 
-For advanced functionality, such as calculating a node label dynamically, see ["custom node labelling"](#custom-node-labelling-advanced).
+For advanced functionality, such as calculating a node label dynamically, see ["custom node labelling"](../advanced-topics/node-labelling#custom-node-labelling-advanced).
 
 ## Labelling Nodes from Roster Data
 
 To control the labelling of nodes from network file assets, the following options are available: create an attribute for your nodes called "name" (regardless of case). You can implement this attribute as a column in your CSV file, or as a named attribute in a GraphML file.
 
-See also: [working with assets](/en/desktop/key-concepts/resources#network).
+See also: [working with assets](../key-concepts/resources#network).
 
 ## Custom Node Labelling (Advanced)
 
 For more flexible labelling of nodes, you can implement a custom labelling function. To accomplish this, you would:
 
-- Add `nodeLabelWorker.js` to your protocol (see: [the protocol file format](/en/desktop/reference/protocol-file-format) for details of how to do this)
+- Add `nodeLabelWorker.js` to your protocol (see: [the protocol file format](../advanced-topics/protocol-schema-information) for details of how to do this)
 - Within this file, define a function named `nodeLabelWorker`
 - Return a string from that function, which will be used as the label.
 
diff --git a/apps/documentation/docs/desktop/reference/protocol-file-format.en.md b/apps/documentation/docs/desktop/advanced-topics/protocol-file-format.en.md
similarity index 78%
rename from apps/documentation/docs/desktop/reference/protocol-file-format.en.md
rename to apps/documentation/docs/desktop/advanced-topics/protocol-file-format.en.md
index 9fb86d01..e910b87f 100644
--- a/apps/documentation/docs/desktop/reference/protocol-file-format.en.md
+++ b/apps/documentation/docs/desktop/advanced-topics/protocol-file-format.en.md
@@ -18,4 +18,4 @@ Schemas are designed by the Network Canvas developement team in response to the
 
 ## Internals of a protocol file
 
-A protocol file is not actually a file in the traditional sense. It is actually a folder of files. This folder is then zipped up. The zipped folder has a `.netcanvas` extension so you can treat it as a single file. However, you can rename it to `.zip` and then unzip the file to see the contents of the protocol, including any images, JavaSCript, or rosters that were included alongside the instructions in the protocol for organising the stages, prompts, and logic that go into a Network Canvas interview. This detail is important if you want to use [Custom Note Labels](/en/desktop/reference/node-labelling/). You will need to unzip the file, add or replace the `nodLabelWorker.js` file in the top-level directory in the protocol. That is place the `nodeLabelWorker.js` in the same folder as (next to `protocol.json`), zip up the protocol and then rename to `.netcanvas` and you should be able to import it into Network Canvas Interviewer straight away. Note that if you then edit this in Architect, it will preserve the JavaSCript file when you save the protocol again.
+A protocol file is not actually a file in the traditional sense. It is actually a folder of files. This folder is then zipped up. The zipped folder has a `.netcanvas` extension so you can treat it as a single file. However, you can rename it to `.zip` and then unzip the file to see the contents of the protocol, including any images, JavaSCript, or rosters that were included alongside the instructions in the protocol for organising the stages, prompts, and logic that go into a Network Canvas interview. This detail is important if you want to use [Custom Note Labels](/en/desktop/advanced-topics/node-labelling). You will need to unzip the file, add or replace the `nodLabelWorker.js` file in the top-level directory in the protocol. That is place the `nodeLabelWorker.js` in the same folder as (next to `protocol.json`), zip up the protocol and then rename to `.netcanvas` and you should be able to import it into Network Canvas Interviewer straight away. Note that if you then edit this in Architect, it will preserve the JavaSCript file when you save the protocol again.
diff --git a/apps/documentation/docs/desktop/reference/protocol-schema-information.en.mdx b/apps/documentation/docs/desktop/advanced-topics/protocol-schema-information.en.mdx
similarity index 92%
rename from apps/documentation/docs/desktop/reference/protocol-schema-information.en.mdx
rename to apps/documentation/docs/desktop/advanced-topics/protocol-schema-information.en.mdx
index 5c292b08..b468e3f3 100644
--- a/apps/documentation/docs/desktop/reference/protocol-schema-information.en.mdx
+++ b/apps/documentation/docs/desktop/advanced-topics/protocol-schema-information.en.mdx
@@ -12,7 +12,8 @@ Interviewer and Architect (from version 4.2.0 onward) implement a feature that t
 Although every effort is made to maintain compatibility with new schema versions, any features implemented that require a schema update will be unavailable to you until you migrate your protocol. We _strongly_ encourage you to update your protocol files wherever possible, so that you are able to use the newest Network Canvas features.
 
 <TipBox danger>
-  We urge iPadOS and Android users to follow the advice set out in the \\\\[configuring devices prior to starting data collection](/en/desktop/how-to/configuring-devices) article, and disable automatic app updates so that they are not caught out by breaking changes that result from new protocol schema versions.
+
+We urge iPadOS and Android users to follow the advice set out in the [configuring devices prior to starting data collection](../getting-started/configuring-devices) article, and disable automatic app updates so that they are not caught out by breaking changes that result from new protocol schema versions.
 
 This is essential if users wish to continue using a particular version of an app to ensure it remains compatible with their existing protocols (rollback to prior versions is not possible on these platforms!).
 
@@ -36,7 +37,7 @@ When you update Interviewer or Architect, you may encounter messages when using
 
 ### Within Interviewer
 
-In Interviewer, you may see a blue light bulb icon, or a red robot icon, on your protocol card. Where a new schema is backward-compatible with a prior version you will see a blue light bulb, and Interviewer will continue to support installing and running protocols of that version without any issues. This means that if you are happy with your protocol file **you do not need to take any action**. Your protocol will continue to function as before, albeit without access to new functionality implemented with the new schema version (see the [schema versions table](#schema-versions) below for details on this).
+In Interviewer, you may see a blue light bulb icon, or a red robot icon, on your protocol card. Where a new schema is backward-compatible with a prior version you will see a blue light bulb, and Interviewer will continue to support installing and running protocols of that version without any issues. This means that if you are happy with your protocol file **you do not need to take any action**. Your protocol will continue to function as before, albeit without access to new functionality implemented with the new schema version (see the [schema versions table](/en/desktop/advanced-topics/protocol-schema-information#compatibility-table) below for details on this).
 
 If you wish to update the protocol file to the new schema version, follow the instructions provided below under [migrating a protocol](#migrating-a-protocol).
 
@@ -46,7 +47,7 @@ If your protocol is no longer compatible with the version of Interviewer that yo
 
 In Architect, you may see a prompt that a protocol must be migrated to a newer version before it can be opened (see below).
 
-![Image](/assets/img/protocol-schema/architect-migrate.png)
+![](/assets/img/protocol-schema/architect-migrate.png)
 
 If you wish to update their protocol file to the new schema version, follow the instructions provided below under [migrating a protocol](#migrating-a-protocol).
 
@@ -75,7 +76,8 @@ Migrating a protocol happens within Architect, and is automatic. The process wor
 4. Architect will automatically append "(schema version X)" to the filename, which may help you to keep track of the different versions of your protocol, and to differentiate them within Server and Interviewer.
 
 <TipBox danger>
-  Schema changes may represent changes to the underlying network data model and, therefore, protocols migrated from one schema version to another must be treated as different workspaces within Server.
+
+Schema changes may represent changes to the underlying network data model, and therefore protocols migrated from one schema version to another must be treated as different workspaces within Server.
 
 Users that migrate their protocols to a new schema version will need to create a merging script to handle combining the two data sources from the two workspaces once exported.
 
@@ -99,6 +101,6 @@ Consult the table below for information about which schema versions are supporte
 
 The following section may be useful if you are attempting to understand how schema migration is performed on a technical level. In rare cases, this may help you to troubleshoot an issue with a migrated protocol yourself, should you wish.
 
-- A migration between two sequential schema versions is a functional transformation of the protocol object. These transformations are written as simple functions that take a protocol object, mutate it, and return the mutated protocol. Migration functions are defined in the [protocol-validation submodule](https://github.com/complexdatacollective/protocol-validation/tree/master/migrations/migrations).
+- A migration between two sequential schema versions is a functional transformation of the protocol object. These transformations are written as simple functions that take a protocol object, mutate it, and return the mutated protocol. Migration functions are defined in the [protocol-validation submodule](https://github.com/complexdatacollective/protocol-validation/tree/master/src/migrations/migrations).
 - Transformations can be chained together, meaning that a protocol can be migrated from version 1 to version n by applying all transformations in between in sequence \[1 … n].
 - We plan a parallel system of "patching", which will use the same technique as migration, but is designed to address any data corruption issues caused as a result of bugs in Architect. Patches are designed to fix protocol issues without updating the schema version.
diff --git a/apps/documentation/docs/desktop/how-to/choosing-hardware.en.md b/apps/documentation/docs/desktop/getting-started/choosing-hardware.en.md
similarity index 96%
rename from apps/documentation/docs/desktop/how-to/choosing-hardware.en.md
rename to apps/documentation/docs/desktop/getting-started/choosing-hardware.en.md
index 6ae83958..8960d4dc 100644
--- a/apps/documentation/docs/desktop/how-to/choosing-hardware.en.md
+++ b/apps/documentation/docs/desktop/getting-started/choosing-hardware.en.md
@@ -10,7 +10,7 @@ Choosing a device for running Interviewer is an important step in optimizing the
 
 There are several important considerations you should keep in mind when making this decision.
 
-The first is that **text entry is very burdensome without a physical keyboard**. When using a device without a physical keyboard (such as a tablet), the software keyboard that appears when entering text can take up more than 50% of the available screen. This leaves very little space for showing interface elements, or other data. Although features exist within the software to mitigate this (see our [article on configuring your interview device](/en/desktop/how-to/configuring-devices/)), we still strongly recommend that you choose a device with a physical keyboard unless text entry is very minimal in your study.
+The first is that **text entry is very burdensome without a physical keyboard**. When using a device without a physical keyboard (such as a tablet), the software keyboard that appears when entering text can take up more than 50% of the available screen. This leaves very little space for showing interface elements, or other data. Although features exist within the software to mitigate this (see our [article on configuring your interview device](../getting-started/configuring-devices/)), we still strongly recommend that you choose a device with a physical keyboard unless text entry is very minimal in your study.
 
 The second is that you must **be mindful of your data management workflow**. How will you deploy your interview protocols (and how often will new versions be needed)? How will you get your data off of your interview devices? Different operating systems and platforms can make this process more or less difficult, and may require the use of third party tools (such as cloud providers).
 
@@ -49,7 +49,7 @@ The third is that **hardware performance is directly correlated with user experi
 
 ### Laptop
 
-✅ Familiar environment for researchers and and participants.
+✅ Familiar environment for researchers and and participants.  
 ✅ Simple to manage protocols and interview data.  
 ✅ Able to run other general purpose software if required.  
 ✅ Easy to purchase through IT procurement processes.  
diff --git a/apps/documentation/docs/desktop/how-to/configuring-devices.en.mdx b/apps/documentation/docs/desktop/getting-started/configuring-devices.en.mdx
similarity index 94%
rename from apps/documentation/docs/desktop/how-to/configuring-devices.en.mdx
rename to apps/documentation/docs/desktop/getting-started/configuring-devices.en.mdx
index 5be23027..d336d70d 100644
--- a/apps/documentation/docs/desktop/how-to/configuring-devices.en.mdx
+++ b/apps/documentation/docs/desktop/getting-started/configuring-devices.en.mdx
@@ -12,7 +12,7 @@ Aside from these concerns, there are also some fundamental steps you should take
 
 Because both Google and Apple tablet devices are set to automatically update software by default, you could end up in a situation where a new release of Interviewer renders your protocol unable to run. Alternatively, an update to Interviewer may change behavior in the middle of your data collection, leading to inconsistency. For this reason, **we recommend that you disable app updates entirely on these devices**, and handle this process manually.
 
-<details markdown="1">
+<details>
 
 <summary>
   Instructions for disabling app auto-updates on Android devices
@@ -27,7 +27,7 @@ Because both Google and Apple tablet devices are set to automatically update sof
 
 </details>
 
-<details markdown="1">
+<details>
 
 <summary>Instructions for disabling auto-updates on iOS devices</summary>
 
@@ -38,8 +38,10 @@ Because both Google and Apple tablet devices are set to automatically update sof
 </details>
 
 <TipBox>
-  If you are running Interviewer on a mac or PC, you do not need to complete
-  this step.
+
+If you are running Interviewer on a mac or PC, you do not need to complete
+this step.
+
 </TipBox>
 
 ## Turn on device-level encryption features
@@ -59,8 +61,10 @@ The setting you most often need to adjust is the overall **text size** of the In
 To scale all text _and interface elements_, increase or decrease the "interface scale" dropdown. By default, Interviewer will automatically increase text size and spacing as its window size increases. To disable this behavior and set a static window size, turn of "use dynamic scaling".
 
 <TipBox>
-  Remember that these settings can, and should, be adjusted when required during
-  the interview.
+
+Remember that these settings can, and should, be adjusted when required during
+the interview.
+
 </TipBox>
 
 ### Fullscreen Forms
diff --git a/apps/documentation/docs/desktop/getting-started/february-2022-project-update.en.md b/apps/documentation/docs/desktop/getting-started/february-2022-project-update.en.md
deleted file mode 100644
index 9c26ac9e..00000000
--- a/apps/documentation/docs/desktop/getting-started/february-2022-project-update.en.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-layout: page
-title: February 2022 Project Update
-wip: false
-toc: false
----
-## New Releases of Architect, Interview, and Server Available Now
-
-We are thrilled to announce the release of Architect Version 6.3.0, Interviewer Version 6.2.0, and Server Version 6.1.1 of the Network Canvas Suite. These releases are all available now for download directly from our [website](https://networkcanvas.com/download.html) and through Google Play Store for Android. If you are a current user, the next time you open the software you will be prompted to upgrade to the latest release. 
-
-In the latest releases, you will find a number of important new features, usability improvements, and bug fixes. Tour the major changes implemented by watching our video [here](https://youtu.be/Qc54gGjMT80). 
-
-Updates include:
-
-* A new automatic layout feature for the sociogram interface. This feature is configurable in the stage editor of the sociogram within Architect and, when implemented, immediately positions nodes using a spring embedded layout.
-* Within Architect, the add a stage screen has been improved to support finding an interface by searching for keywords, or filtering by capabilities.
-* We improved the experience for those working with roster data by designing a new interface that replaces the old small and large roster name generators. It retains all the previous features, and dynamically adapts its behavior based on the size of the roster. Please note that existing protocols will continue to use the legacy roster interfaces until updated.
-* New variable creation and renaming functionality has been implemented to make it easier to change or rename variables within field editors. 
-* Many small bug fixes and usability improvements!
-
-## Schema Version 6 
-
-These newest releases update the schema version of the software in order to support the newly added features. All existing protocols can be updated in Architect, if you wish to implement the new features. However, old protocols (schema 5) can continue to be used in the new version of Interviewer but your protocol will not be able to take advantage of the new features without the upgrade to schema 6. To upgrade your protocol to the new schema, open it within Architect 6.3.0 and follow the instructions within the pop-up notification.
-
-## Maintenance Mode
-
-The release of these latest versions, also marks a shift for our project going forward. We are now entering “maintenance mode” where we anticipate regular bug fixes and security updates as needed, but no future substantial changes to the software. The Network Canvas Suite will continue to remain open-source and available to all who wish to use or extend it. We continue to encourage contributions to our code for future improvements and welcome all suggestions for how to improve documentation to make the tool as user-friendly as possible. 
-
-##  Future Projects
-
-Future projects are in the works, so please look for an update later this spring once we are able to share more! As always, our team is grateful for the ongoing support we receive from the community and thank you for partnering with us to make this tool what it is. 
-
-As always, please feel free to create a post on our [user community](https://community.networkcanvas.com) to discuss any ideas you may have further.
diff --git a/apps/documentation/docs/desktop/getting-started/installation-guide.en.md b/apps/documentation/docs/desktop/getting-started/installation-guide.en.md
index 756ca70b..869d6e39 100644
--- a/apps/documentation/docs/desktop/getting-started/installation-guide.en.md
+++ b/apps/documentation/docs/desktop/getting-started/installation-guide.en.md
@@ -1,6 +1,6 @@
 ---
 title: Installation Guide
-nav_order: 3
+navOrder: 3
 last_modified_at: 2021-02-10
 wip: false
 toc: true
@@ -18,7 +18,7 @@ Each application of the Network Canvas Suite can be downloaded and installed ind
 
 Server has been designed specifically for scenarios where a dedicated team member will be responsible for managing data. This team member should be prepared to work with their IT department, or else have good knowledge of computer networking principles, in order to configure Server to send and receive data securely.
 
-Smaller studies, or extremely large studies, may benefit from working directly with data exported from Interviewer. For more information, see our tutorial on [offline data management workflows](./tutorials/offline-data-management-workflow).
+Smaller studies, or extremely large studies, may benefit from working directly with data exported from Interviewer. For more information, see our tutorial on [offline data management workflows](/en/desktop/tutorials/workflows-without-server#option-1-online-workflow).
 
 ## System Requirements
 
@@ -30,7 +30,7 @@ You may install and run the software on devices that do not meet these criteria,
 
 ## Windows
 
-Visit the [download page](https://networkcanvas.com/download.html), and download the Windows version of each app you require.
+Visit the [download page](https://networkcanvas.com/download), and download the Windows version of each app you require.
 
 Open each .exe file. You may be presented with a dialog that says the application cannot be run because it is from an unsigned publisher. This happens because our apps have not yet built up enough trust with Microsoft to automatically pass these filters. This will change as more users install our apps.
 
@@ -38,7 +38,7 @@ In order to continue to install the application simply click the "more info" tex
 
 ## macOS
 
-Visit the [download page](https://networkcanvas.com/download.html), and download the macOS version of each app you require. These are packaged in the form of a DMG disk archive.
+Visit the [download page](https://networkcanvas.com/download), and download the macOS version of each app you require. These are packaged in the form of a DMG disk archive.
 
 When you double-click on the DMG file it will open a new Finder window with the application icon and a folder representing your computer's "Applications" folder. Drag each application into the Applications folder. If you are prompted for authentication and you do not have it, you can simply drag the application to anywhere underneath your home directory.
 
@@ -46,7 +46,7 @@ Once the application is installed you will need to double click on the applicati
 
 ## Linux
 
-We provide Linux packages in a variety of formats, and for both x86 and ARM architectures. Visit the [download page](https://networkcanvas.com/download.html), and click on the link for downloading the apps you need on Linux. You will be redirected to the most recent release on GitHub, where you will find the package files themselves. Please refer to your distribution's documentation on which package formats are supported, and for specific installation instructions.
+We provide Linux packages in a variety of formats, and for both x86 and ARM architectures. Visit the [download page](https://networkcanvas.com/download), and click on the link for downloading the apps you need on Linux. You will be redirected to the most recent release on GitHub, where you will find the package files themselves. Please refer to your distribution's documentation on which package formats are supported, and for specific installation instructions.
 
 If you have difficulties installing or running these packages, please contact the project team.
 
diff --git a/apps/documentation/docs/desktop/getting-started/metadata.json b/apps/documentation/docs/desktop/getting-started/metadata.json
index f15ea2c0..8e4c7871 100644
--- a/apps/documentation/docs/desktop/getting-started/metadata.json
+++ b/apps/documentation/docs/desktop/getting-started/metadata.json
@@ -1,7 +1,9 @@
 {
+  "type": "folder",
   "localeLabels": {
-    "en": "Getting Started",
-    "ru": "Начиная"
+    "en": "Getting Started"
   },
-  "folderPagePath": "/desktop"
+  "isExpanded": true,
+  "slug": "getting-started",
+  "navOrder": 1
 }
diff --git a/apps/documentation/docs/desktop/getting-started/protocol-gallery.en.md b/apps/documentation/docs/desktop/getting-started/protocol-gallery.en.md
deleted file mode 100644
index 2d46166a..00000000
--- a/apps/documentation/docs/desktop/getting-started/protocol-gallery.en.md
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: Protocol Gallery
-wip: true
-nav_order: 4
----
-
-## Network Canvas User Protocols
-
-This section will eventually contain protocol files that have been developed for a variety of types of study, that will be made available to all users for the purpose of learning. If you have developed a protocol that you would like to be featured here, please create a post on our [user community](https://community.networkcanvas.com).
-
-## Demonstration Protocols
-
-The following are protocols used for demonstration purposes only.
-
-- [Demonstration protocol for workshop attendees at Networks 2021 conference](/protocols/SB21_workshop_protocol_1.netcanvas)
-- [Example of collecting data in three different ways](/protocols/SB21_workshop_protocol_2alterDemo.netcanvas)
diff --git a/apps/documentation/docs/desktop/how-to/choosing-hardware.ru.md b/apps/documentation/docs/desktop/how-to/choosing-hardware.ru.md
deleted file mode 100644
index a0a1f3f1..00000000
--- a/apps/documentation/docs/desktop/how-to/choosing-hardware.ru.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: Выбор оборудования для Interviewer
-wip: false
-toc: true
----
-
-Выбор устройства для запуска Interviewer является важным шагом в оптимизации качества собираемых данных, а также общего хода выполнения исследования с использованием Network Canvas.
-
-## Основные соображения
-
-Есть несколько важных моментов, которые следует учесть при принятии этого решения.
-
-Во-первых, **ввод текста является очень трудоемким без физической клавиатуры**. При использовании устройства без физической клавиатуры (например, планшета), программная клавиатура, появляющаяся при вводе текста, может занимать более 50% доступного экрана. Это оставляет очень мало места для отображения элементов интерфейса или других данных. Хотя в программе предусмотрены функции для смягчения этой проблемы (см. нашу [статью о настройке устройства для интервью](https://documentation.networkcanvas.com/how-to/configuring-devices/)), мы все равно настоятельно рекомендуем выбрать устройство с физической клавиатурой, если в вашем исследовании ввод текста минимален.
-
-Во-вторых, необходимо **внимательно относиться к рабочему процессу управления данными**. Как вы развернете свои интервьюные протоколы (и как часто потребуются новые версии)? Как вы получите данные с ваших устройств для интервью? Различные операционные системы и платформы могут сделать этот процесс более или менее сложным и могут потребовать использования инструментов сторонних поставщиков (например, облачных провайдеров).
-
-В-третьих, **производительность оборудования прямо коррелирует с пользовательским опытом**. Interviewer широко использует анимации и взаимодействия, требующие интенсивного использования GPU. Использование устройства с плохой производительностью GPU приведет к дрожанию и другим побочным эффектам, которые могут быть восприняты участниками как неприятные, что, в свою очередь, приведет к снижению качества данных.
-
-## Сравнение платформ
-
-### Планшет на Android
-
-✅ Широко доступны, в том числе за пределами запада/глобального севера.  
-✅ Могут быть очень доступными по цене.  
-👎 Часто имеют слабую производительность и работают на старых версиях Android.  
-👎 Ограниченное количество производителей качественного оборудования (Samsung и Huawei).  
-👎 Имеют тенденцию использовать дисплеи с очень широким соотношением сторон, что не идеально для Interviewer.  
-👎 В общем не способны запускать другое исследовательское программное обеспечение.  
-👎 Может быть сложно импортировать протоколы и управлять данными.  
-👎 Клавиатура должна быть приобретена отдельно.
-
-### Chromebook
-
-✅ Устройства обычно включают сенсорный экран и клавиатуру.  
-✅ Могут быть очень доступными, но также могут быть специфицированы с более мощным оборудованием.  
-✅ Портативный форм-фактор, аналогичный ноутбуку или планшету с клавиатурой.  
-✅ Обычно используют последнюю версию Android.  
-👎 Некоторые модели плохо работают при запуске приложений Android.  
-👎 Не все модели поддерживают запуск приложений Android.  
-👎 В общем не способны запускать другое исследовательское программное обеспечение.
-
-### iPad
-
-✅ Крайне мощные с точки зрения GPU и CPU, с высококачественными дисплеями.  
-✅ Потенциально более приемлемы в определенных условиях.  
-⛔️ **Больше не общедоступны из-за ситуации с проверкой Apple App Store.**  
-👎 Может быть сложно импортировать протоколы и управлять данными.  
-👎 Дорого! Клавиатуру нужно покупать отдельно.
-
-### Ноутбук
-
-✅ Знакомая среда для исследователей и участников.  
-✅ Просто управлять протоколами и данными интервью.  
-✅ Возможность запуска другого программного обеспечения общего назначения при необходимости.  
-✅ Легко приобрести через процессы ИТ-закупок.  
-👎 Может быть менее портативным и иметь худшее время работы от батареи.  
-👎 Дисплеи б
diff --git a/apps/documentation/docs/desktop/how-to/importing-roster-data.en.md b/apps/documentation/docs/desktop/how-to/importing-roster-data.en.md
deleted file mode 100644
index c1d7e556..00000000
--- a/apps/documentation/docs/desktop/how-to/importing-roster-data.en.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: Importing Roster Data
-
-wip: true
----
diff --git a/apps/documentation/docs/desktop/how-to/index.en.mdx b/apps/documentation/docs/desktop/how-to/index.en.mdx
deleted file mode 100644
index 9e0d5088..00000000
--- a/apps/documentation/docs/desktop/how-to/index.en.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: Home page for How to guides folder
----
-
-_Some introductory text about how to guides here_
diff --git a/apps/documentation/docs/desktop/how-to/metadata.json b/apps/documentation/docs/desktop/how-to/metadata.json
deleted file mode 100644
index 793b2dc4..00000000
--- a/apps/documentation/docs/desktop/how-to/metadata.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "localeLabels": {
-    "en": "How-to guides",
-    "ru": "Практические руководства"
-  },
-  "folderPagePath": "/desktop/how-to",
-  "isExpanded": true
-}
diff --git a/apps/documentation/docs/desktop/how-to/pairing.en.mdx b/apps/documentation/docs/desktop/how-to/pairing.en.mdx
deleted file mode 100644
index a921d73c..00000000
--- a/apps/documentation/docs/desktop/how-to/pairing.en.mdx
+++ /dev/null
@@ -1,74 +0,0 @@
----
-title: Pairing Interviewer Devices with Server
-toc: true
----
-
-## Connecting to Server
-
-### Automatic Discovery
-
-Pairing can be accomplished manually or via the automatic discovery feature, which works using a technology called mDNS (also known as ZeroConf and Bonjour).
-
-<TipBox>
-  If you are running macOS, the technology needed for automatic discovery is
-  already installed. For Windows users, you will have been prompted during the
-  installation to install the additional components required. You can reinstall
-  them at any time by reinstalling Interviewer.
-</TipBox>
-
-Using this technology, Interviewer clients are able to "see" instances of Network Canvas Server that are running on the same local area network (LAN).
-
-![Image](/assets/img/key-concepts/pairing/nc-found-server.png)
-
-Interviewer will automatically attempt to locate instances of Server running on the same network, and any that are available to pair with will be visible by scrolling to the bottom of the Interviewer's start screen, in the "Server Status" section. Ensure that the instance of Server you wish to pair with is open and connected to the same network as the Interviewer client so they can "see" each other.
-
-Each instance of Server found is displayed as a card, with a hostname as a label. Click the instance of Server you wish to begin pairing with.
-
-### Manual Connection Details
-
-If you cannot utilize automatic discovery (either because it fails or is unavailable), you can also enter manual connection details for Server. To do this, follow the same steps as above (scroll to the bottom of the Interviewer start screen, to the "Server Status" section). Click the white button in the bottom right hand corner ("enter manual connection details").
-
-![Image](/assets/img/key-concepts/pairing/nc-manual-pairing.png)
-
-In the manual connection dialog, you may enter in the IP address and port number of the Server with which you wish to pair. The Server IP address and port number can be found by clicking on the Network Status icon on the top right of the main interface in Server.
-
-![Image](/assets/img/key-concepts/pairing/server-network-status-button.png)
-
-![Image](/assets/img/key-concepts/pairing/server-manual-details.png)
-
-## The Pairing Process
-
-Whether you use automatic or manual discovery to locate Server, the pairing process itself will be the same. Once you have attempted to connect to Server, and pairing request will be sent.
-
-![Image](/assets/img/key-concepts/pairing/server-acknowledge.png)
-
-To accept this request, click the "pair with device" button on the dialog that appears within Server. As soon as you accept the pairing request, a new dialog will open in Server with a unique sixteen letter pairing code.
-
-A dialog will then appear in Interviewer on the client device where you will enter the code provided by Server into the sixteen empty fields. Then click the green "pair" button to establish pairing between the devices.
-
-![Image](/assets/img/key-concepts/pairing/nc-pairing-code.png)
-
-Once Interviewer and Server are securely paired, protocols can not be imported from the Server, and Interviewer will enable the "Import from Server" button in the Protocols section.
-
-![Image](/assets/img/key-concepts/pairing/nc-import-from-server.png)
-
-Clicking on "Import From Server" will display any protocols that have been uploaded to Server in the Interviewer client. Selecting one of these protocols from the list will install it.
-
-![Image](/assets/img/key-concepts/pairing/protocol-list.png)
-
-## Some Guidance on Pairing
-
-- A field device can only pair with one Server at any given time, but a Server can deploy multiple protocols and be paired with multiple field devices simultaneously. If you want to pair with a new instance of Server, the connection to the formerly paired Server will be removed. Protocols that exist on the device will _not_ removed, nor will any cases that have not been uploaded.
-- You can see what devices are paired with Server by clicking on the 'devices' icon in the upper right corner of the app. From there, you can check to see what devices are paired and remove any devices which should not be paired. Note: cleaning out old paired devices is not necessary nor will maintaining a list of old devices on Server affect performance.
-- If a field device is not paired with a Server before the interview, you can pair with it at a later time. This can be done from the start screen of Interviewer by going to the "Server Status" panel and initiating the pairing process through automatic discovery or pairing manually. Please note that the protocol must have already been uploaded to Server even if the device is not currently paired. You cannot "push" a protocol upstream to Server, only download a protocol that already exists and upload a new interview case.
-- Server will not enforce unique Case IDs. Instead, there is an internally generated UID which will be unique for all cases. Distinguishing cases based on Case ID is the interviewer's responsibility.
-
-## Troubleshooting
-
-If you cannot reach Server using automatic or manual discovery following the steps above, please try the following:
-
-- Make sure Server is running.
-- Ensure both Server and Interviewer are connected to the same local network. If you wish to connect over the internet, ensure you have configured a VPN or similar.
-- Restart Server and Interviewer on their respective devices. Note: restarting will not drop data.
-- Contact your network administrator or refer to the details of the error message for further troubleshooting tips. Note: Server uses the Bonjour protocol and requires multicast DNS packets to be able to pass through the network.
-- As a final step, please create a post on our [user community](https://community.networkcanvas.com) with details of any error messages you may be receiving.
diff --git a/apps/documentation/docs/desktop/how-to/updating-from-beta.en.md b/apps/documentation/docs/desktop/how-to/updating-from-beta.en.md
deleted file mode 100644
index dcb84b27..00000000
--- a/apps/documentation/docs/desktop/how-to/updating-from-beta.en.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: Updating from Beta to the Stable Release
-toc: true
----
-
-If you are currently using beta versions of our software, you may have seen a notice informing you that they are no longer supported. Going forward, we will only be providing support and updates for the stable versions of our software. This is because we made several important changes that cannot easily be back-ported.
-
-In order to avoid inconveniencing you, we made the decision to release these new versions alongside the existing software, and to keep the existing software unchanged, so that you can continue to use it for any in-progress data collection that might be underway.
-
-**PLEASE NOTE: it will not be possible to migrate data from the beta versions of Server or Network Canvas to the stable versions.**
-
-Because of this, you should conclude any research and export all the data you require from both Server and Network Canvas before uninstalling the beta versions, and installing the stable versions. Protocols you have authored in Architect can be automatically upgraded by the stable version of Architect to the new format.
-
-## Key differences between beta and stable versions
-
-As mentioned, we have made several important changes to the software in the last few months, following feedback and internal discussion. Please note the following key differences between the beta software, and the stable releases.
-
-1. **The "Network Canvas" app is now called "Interviewer"**. We wanted a clear name to differentiate the Network Canvas project from the individual survey app itself, and so this seemed like a sensible choice. The app will now appear as "Network Canvas Interviewer" on your devices.
-2. **Only boolean variable types can be used as additional variables on prompts**. Previously, it was possible to create additional variables on prompts that were of any of the standard Network Canvas types. While this functionality was powerful, it created complicated edge cases that we felt would have been difficult to solve cleanly. Because of this, we decided to only allow boolean variables to be used as additional attributes. Protocols that use the old system will be migrated automatically by the stable version of Architect.
-3. **Variable names have stricter rules**. Previously there were very few restrictions about the naming you could use for your variables. We realized that this caused difficulties when exporting data, and so now require that variable names conform to the XML `NKTOKEN` format. In common-sense terms this means that not all characters can be used, variables must not contain spaces, and variables cannot start with certain characters. Protocols using the more permissive variable naming will be automatically upgraded by the stable version of Architect.
-4. **The app user interfaces have been significantly redesigned**. All three apps in the suite have undergone significant design revisions since the beta period, and while these changes may be confusing at first, we hope you will quickly find them more intuitive. It is important to note that the interview experience for participants is **not** significantly altered, so we believe that there should be no data quality issues relating to this change.
-5. **Data export formats are considerably different**. The data export functionality available during the beta contained many eccentricities, and several mistakes that could lead to missing data. The software also lacked a means to export ego-level data reliably. The data export functionality has been completely revamped for the stable release, which required many aspects of the data format to change. Our new formats contain meta data, ego level data, and are more compatible with other software. You will however need to update any data management processes to the new format.
-
-## Update process
-
-1. When you are **absolutely certain** that you have exported all data you require from Network Canvas and Server, and you have your protocol files saved to a location you can remember, please uninstall the existing applications. Windows users who do not know how to uninstall software should consult this [Microsoft support article](https://support.microsoft.com/en-gb/help/4028054/windows-10-repair-or-remove-programs). MacOS users can find the same information in [this Apple support article](https://support.apple.com/en-gb/HT202235). For iPadOS users, information on removing apps can be [found here](https://support.apple.com/en-gb/HT207618), and Android users can find information for their devices [on this page](https://support.google.com/googleplay/answer/2521768).
-2. Visit the [download page](https://networkcanvas.com/download.html) to download the installation packages for the stable version of the software.
-3. (Optional) If you want to continue using a protocol file you have already authored, open it in the stable release of Architect, and it will be automatically upgraded to be compatible with the stable versions of Network Canvas and Server. You may then install it on your device running Interviewer.
-4. (Optional) You can then also use your upgraded protocol in Server, as with previous versions. You will need to re-pair any devices running Interviewer that you wish to use.
-
-## Troubleshooting
-
-- If you encounter problems exporting your data from the beta versions of the software, please create a post on our [user community](https://community.networkcanvas.com).
diff --git a/apps/documentation/docs/desktop/index.en.mdx b/apps/documentation/docs/desktop/index.en.mdx
index a45fa146..8e75b75c 100644
--- a/apps/documentation/docs/desktop/index.en.mdx
+++ b/apps/documentation/docs/desktop/index.en.mdx
@@ -1,37 +1,26 @@
 ---
-title: Home
+title: Desktop and Tablet Software
 wip: false
-nav_order: 1
+toc: false
+navOrder: 1
+hidden: true
 ---
 
-<h1 className="mainHeading">Project Documentation</h1>
+The Network Canvas project began with the development of a suite of desktop and tablet tools. These tools are still very much supported, although active feature development has concluded. Please visit the pages in this section to learn how the tools work, and how to implement your own study using Network Canvas.
 
-A home for tutorials, guides, and information about the Network Canvas project.
+## Getting Started
 
-<ButtonPrimary href="/en/desktop/getting-started/project-overview">
-  Project Overview
-</ButtonPrimary>
-<ButtonSecondary href="/en/desktop/getting-started/installation-guide">
-  Installation Guide
-</ButtonSecondary>
-<ButtonSecondary href="https://networkcanvas.com/download">
-  Download Software
-</ButtonSecondary>
-
-Welcome to our documentation portal, and thank you for your interest in the Network Canvas project. Producing documentation is a top priority for our team, but it will take us some time to cover everything. If you spot a gap in our documentation, or have a question, please feel free to contact us. In the meantime, thank you for your patience!
-
-## Getting Stared
-
-To get started using the Network Canvas tools, [read the project overview](/en/desktop/getting-started/project-overview), and [download the latest versions of the software](https://networkcanvas.com/download.html). We then suggest you explore the tutorial section, beginning with [using Interviewer](/en/desktop/tutorials/using-interviewer).
+To get started using the Network Canvas desktop tools, [read the project overview](/en/desktop/project-information/project-overview), and [download the latest versions of the software](https://networkcanvas.com/download). We then suggest you explore the tutorial section, beginning with [using Interviewer](/en/desktop/tutorials/using-interviewer).
 
 We encourage you to use the search function at the top of each page to find articles on any given topic. Our pages are heavily interlinked, and information is necessarily spread around.
 
-## Site Structure
+## Useful Pages
 
 Please explore the pages and headings to the left. Aside from some top-level pages (such as the Project Overview and the Installation Guide), the bulk of our documentation is under the following headings:
 
+- **Getting Started** - which contains articles that cover essential basic information, such as how to install the software.
 - **Tutorials** - where you will find in-depth articles that take you through the most fundamental tasks you can accomplish with the software, such as building a protocol, running it in Interviewer, and exporting data.
-- **How-To Guides** - this section contains short guides on how to complete common tasks using all three apps.
+- **Project Information** - contains details of the origins of the projects, as well as information about security, IRB, and collaborating with our projects.
+- **Advanced Topics** - contains articles that may be useful for advanced users or developers looking to implement new features.
 - **Interface Documentation** - if you are looking for specific information about the configuration options of an interface, this section contains a page dedicated to each type.
 - **Key Concepts** - which has self-contained articles on all the fundamental concepts within the Network Canvas software.
-- **Technical Reference** - this section contains reference pages on the design of the software, our security model, and best practices. It also contains information for developers looking to contribute features.
diff --git a/apps/documentation/docs/desktop/index.ru.mdx b/apps/documentation/docs/desktop/index.ru.mdx
deleted file mode 100644
index ef0aa27f..00000000
--- a/apps/documentation/docs/desktop/index.ru.mdx
+++ /dev/null
@@ -1,38 +0,0 @@
----
-title: Главная
----
-
-## Развертывание собственного экземпляра Fresco
-
-**1. Настройка необходимых служб**
-
-- Создайте базу данных с [PlanetScale](https://planetscale.com/docs/tutorials/planetscale-quick-start-guide)
-- Создайте новое приложение на [uploadthing](https://uploadthing.com/)
-
-**2. Используйте кнопку развертывания Vercel для настройки развертывания вашего проекта в Vercel.**
-
-[![Развернуть с Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fcomplexdatacollective%2FFresco%2Ftree%2Ffeature%2Finitial-setup-flow&env=DATABASE_URL,UPLOADTHING_SECRET,UPLOADTHING_APP_ID)
-
-**Примечание: Для безопасности у вас есть _пять минут_ с момента развертывания приложения для создания учетной записи пользователя. Если этот срок истекает без создания учетной записи пользователя, ваша конфигурация устареет. Вы можете повторно развернуть, следуя тем же шагам.**
-
-**3. Создание репозитория Git**
-
-Следуйте инструкциям по созданию репозитория Git для развертывания. В нем будет клонированная версия этого репозитория.
-
-**4. Настройка проекта**
-
-Укажите необходимые переменные среды из служб, которые вы настроили на шаге 1.
-
-| Переменная         | Описание                                                                                        |
-| ------------------ | ----------------------------------------------------------------------------------------------- |
-| DATABASE_URL       | [Строка подключения к базе данных](https://planetscale.com/docs/concepts/connection-strings)    |
-| UPLOADTHING_SECRET | Ключ API для вашего [приложения uploadthing](https://uploadthing.com/dashboard)                 |
-| UPLOADTHING_APP_ID | Идентификатор приложения для вашего [приложения uploadthing](https://uploadthing.com/dashboard) |
-
-**5. Развертывание**
-
-Нажмите "Развернуть" и дождитесь завершения развертывания.
-
-**6. Создание учетной записи пользователя**
-
-Посетите ваше развернутое приложение, чтобы создать учетную запись вашего администратора. Может быть создана только одна учетная запись пользователя.
diff --git a/apps/documentation/docs/desktop/interface-documentation/categorical-bin.en.mdx b/apps/documentation/docs/desktop/interface-documentation/categorical-bin.en.mdx
index 9d8d7386..0e451396 100644
--- a/apps/documentation/docs/desktop/interface-documentation/categorical-bin.en.mdx
+++ b/apps/documentation/docs/desktop/interface-documentation/categorical-bin.en.mdx
@@ -1,26 +1,56 @@
 ---
 title: Categorical Bin
-
-image: /assets/img/interface-documentation/categorical-bin/catbin-example.png
-type: Name interpreter
-creates: Categorical attributes
-uses_prompts: Yes
-good:
-  - Use this Interface to collect nominal data on alters. Although a Toggle Button Group can be added as an [input control](/en/desktop/key-concepts/input-controls) on other interfaces, the drag and drop functionality on the Categorical Bin provides a tactile method to capturing these data that is engaging for participants.
-bad:
-  - Avoid using more than eight categories on this Interface. More categories cause the category labels to be difficult to read and the other visual compromises on the Interface become compromised.
-  - Avoid using the Categorical Bin to capture dichotomous variables. Dichotomous variables are best captured using the Toggle [input control](/en/desktop/key-concepts/input-controls) (on a [Name Generator](/en/desktop/interface-documentation/name-generator-using-forms) or [Per Alter Form](/en/desktop/interface-documentation/per-alter-form)) or using the variable toggling feature on the [Sociogram](/en/desktop/interface-documentation/sociogram).
 ---
 
+<InterfaceSummary>
+
+![Categorical Bin Interface](/assets/img/interface-documentation/categorical-bin/catbin-example.png)
+
+<InterfaceMeta type="Name interpreter" creates="Categorical attributes" usesprompts="true">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
 The Categorical Bin is a name interpreter Interface that collects nominal data on the alters in a participant's network. When using the Categorical Bin, participants drag and drop alters one-by-one into colorful circles which each represent a category of the categorical variable. Once placed, participants can tap on any category and move alters within that category to any other.
 
 ## Configuring Categorical Bin
 
-A Categorical Bin screen can include multiple [prompts](/en/desktop/key-concepts/prompts), each of which relates to a single [categorical variable](/en/desktop/reference/variable-types#categorical).
+A Categorical Bin screen can include multiple [prompts](../key-concepts/prompts), each of which relates to a single categorical variable.
 
 Additionally an _other_ variable can be specified for custom responses that don't fit into the pre-configured categories.
 
-<StandAloneImage
-  src="/assets/img/interface-documentation/categorical-bin/architect-other.png"
-  content="Configuring the 'other' variable for a categorical bin prompt"
-/>
+![Configuring the 'other' variable for a categorical bin prompt](/assets/img/interface-documentation/categorical-bin/architect-other.png)
+
+### Best Practices
+
+<GoodPractice>
+
+Use this Interface to collect nominal data on alters. Although a Toggle Button
+Group can be added as an [input control](../key-concepts/input-controls) on
+other interfaces, the drag and drop functionality on the Categorical Bin
+provides a tactile method to capturing these data that is engaging for
+participants.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Avoid using more than eight categories on this Interface. More categories
+cause the category labels to be difficult to read and the other visual
+compromises on the Interface become compromised.
+
+</BadPractice>
+
+<BadPractice>
+
+Avoid using the Categorical Bin to capture dichotomous variables. Dichotomous
+variables are best captured using the Toggle [input
+control](../key-concepts/input-controls) (on a [Name
+Generator](../interface-documentation/name-generator-using-forms) or [Per
+Alter Form](../interface-documentation/per-alter-form)) or using the variable
+toggling feature on the [Sociogram](../interface-documentation/sociogram).
+
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/dyad-census.en.md b/apps/documentation/docs/desktop/interface-documentation/dyad-census.en.md
index 8a5a46e0..b72fcfa1 100644
--- a/apps/documentation/docs/desktop/interface-documentation/dyad-census.en.md
+++ b/apps/documentation/docs/desktop/interface-documentation/dyad-census.en.md
@@ -1,18 +1,35 @@
 ---
 title: Dyad Census
-
-image: /assets/img/interface-documentation/dyad-census/dyad-example.png
-type: Edge Generator
-creates: Edges of one or more types
-uses_prompts: Yes
-bad:
-  - Using this interface with a large number of alters will result in a large number of screens (exponential increasing as the number of alters increases).
-good:
-  - Use this Interface to encourage participants to add edges that they might not have considered.
 ---
 
+<InterfaceSummary>
+
+![Dyad Census Interface](/assets/img/interface-documentation/dyad-census/dyad-example.png)
+
+<InterfaceMeta type="Edge Generator" creates="Edges of one or more types" usesprompts="true">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
 The Dyad Census is a _name interpreter_ interface that collects edges for existing alters. On the Dyad Census screen participants are asked if an edge exists for each alter pair combination. This Interface also contains an embedded introductory panel where the purpose of the form can be described to a participant.
 
 ## Configuring Dyad Census
 
-A Dyad Census can include multiple [prompts](/en/desktop/key-concepts/prompts), each of which relates to a single edge type. Each alter pair will be considered separately for each prompt.
+A Dyad Census can include multiple [prompts](../key-concepts/prompts), each of which relates to a single edge type. Each alter pair will be considered separately for each prompt.
+
+### Best Practices
+
+<GoodPractice>
+
+Use this Interface to encourage participants to add edges that they might not have considered.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Using this interface with a large number of alters will result in a large number of screens (exponential increasing as the number of alters increases).
+
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/ego-form.en.md b/apps/documentation/docs/desktop/interface-documentation/ego-form.en.md
index d5a39625..11ab183f 100644
--- a/apps/documentation/docs/desktop/interface-documentation/ego-form.en.md
+++ b/apps/documentation/docs/desktop/interface-documentation/ego-form.en.md
@@ -1,21 +1,43 @@
 ---
 title: Ego Form
-
-image: /assets/img/interface-documentation/ego-form/egoform-example.png
-type: Ego Interpreter
-creates: Ego attribute data
-uses_prompts: No
-good:
-  - Use this Interface as a simple way to collect attribute data on each participant in your study.
-  - Consider adding this Interface toward the beginning of your survey to capture data on your participant before asking them to provide data on the individuals in their network.
-bad:
-  - Avoid overloading the form with too many fields and/or text-heavy prompts which make the Interface burdensome to complete.
 ---
 
-The Ego Form is an interface that collects data on your participant (ego). When using the Ego Form, participants complete a [form](/en/desktop/key-concepts/forms) about themselves that consists of one or more fields. This Interface also contains an embedded introductory panel where the purpose of the form can be described to a participant.
+<InterfaceSummary>
+
+![Ego Form Interface](/assets/img/interface-documentation/ego-form/egoform-example.png)
+
+<InterfaceMeta type="Ego Interpreter" creates="Ego attribute data" usesprompts="false">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
+The Ego Form is an interface that collects data on your participant (ego). When using the Ego Form, participants complete a [form](../key-concepts/forms) about themselves that consists of one or more fields. This Interface also contains an embedded introductory panel where the purpose of the form can be described to a participant.
 
 ## Configuring Ego Form
 
-The configurable [form](/en/desktop/key-concepts/forms) determines which [variables](/en/desktop/reference/variable-types) will be assigned to the ego section of the network.
+The configurable [form](../key-concepts/forms) determines which variables will be assigned to the ego section of the network.
+
+![](/assets/img/interface-documentation/ego-form/architect-ego-form.png)
+
+### Best Practices
+
+<GoodPractice>
+
+Use this Interface as a simple way to collect attribute data on each participant in your study.
+
+</GoodPractice>
+
+<GoodPractice>
+
+Consider adding this Interface toward the beginning of your survey to capture data on your participant before asking them to provide data on the individuals in their network.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Avoid overloading the form with too many fields and/or text-heavy prompts which make the Interface burdensome to complete.
 
-![Image](/assets/img/interface-documentation/ego-form/architect-ego-form.png)
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/information.en.mdx b/apps/documentation/docs/desktop/interface-documentation/information.en.mdx
index bb56e5b0..7f1ec5be 100644
--- a/apps/documentation/docs/desktop/interface-documentation/information.en.mdx
+++ b/apps/documentation/docs/desktop/interface-documentation/information.en.mdx
@@ -1,25 +1,40 @@
 ---
 title: Information
-
-image: /assets/img/interface-documentation/information/example.png
-type: Utility
-creates: Does not create entities
-uses_prompts: No
-bad:
-  - Resist overloading the Interface with text and instead consider using other resource types to communicate information to your participants.
-good:
-  - Use this Interface to explain stage activities to participants to increase comprehension and engagement. This may be especially important for increasing survey accessibility.
 ---
 
+<InterfaceSummary>
+
+![Information Interface](/assets/img/interface-documentation/information/example.png)
+
+<InterfaceMeta type="Utility" creates="Does not create entities" usesprompts="false">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
 The Information Interface is a general purpose screen that can be used to present information to participants using a variety of text and media resources. For example, this screen can be useful to introduce a study or to provide instructions or context for a particular stage in the survey.
 
-When using the Information Interface, you can incorporate one or multiple [resources](/en/desktop/key-concepts/resources) by either retrieving files from your resource library in Architect or locally from your device. No more than four items can be used at one time.
+When using the Information Interface, you can incorporate one or multiple [resources](../key-concepts/resources) by either retrieving files from your resource library in Architect or locally from your device. No more than four items can be used at one time.
 
 ## Configuring Information Screen
 
 An information screen is made up of a column of 4 spaces for content. These can be text, images, videos and audio. Items can be re-arranged by dragging. Items can be resized to take up 1, 2 or 4 of the available spaces by dragging from the bottom right corner of the item.
 
-<StandAloneImage
-  src="/assets/img/interface-documentation/information/architect-items.png"
-  content="Configuring items for a stage based on the Information Interface in Architect"
-/>
+![Configuring items for a stage based on the Information Interface in Architect](/assets/img/interface-documentation/information/architect-items.png)
+
+### Best Practices
+
+<GoodPractice>
+
+Use this Interface to explain stage activities to participants to increase comprehension and engagement. This may be especially important for increasing survey accessibility.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Resist overloading the Interface with text and instead consider using other
+resource types to communicate information to your participants.
+
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/large-roster-name-generator.en.mdx b/apps/documentation/docs/desktop/interface-documentation/large-roster-name-generator.en.mdx
index 4730e5d3..aa63c227 100644
--- a/apps/documentation/docs/desktop/interface-documentation/large-roster-name-generator.en.mdx
+++ b/apps/documentation/docs/desktop/interface-documentation/large-roster-name-generator.en.mdx
@@ -1,24 +1,22 @@
 ---
 title: Large Roster Name Generator
-
-image: /assets/img/interface-documentation/name-generators/large-roster.png
-type: Name Generator
-creates: Creates nodes of a single type
-uses_prompts: Yes
-bad:
-  - Avoid using this Interface with roster datasets of 100 nodes or smaller. For smaller rosters, use the Small Roster Name Generator.
-  - Avoid using this interface on devices with a software keyboard, particularly where they also have a small (< 9") screen. The software keyboard will cover a substantial area of the screen, and make the process of searching and nominating more tedious.
-  - Set all properties to be searchable. This will cause slow performance and less accurate search results. Ensure that you test your search feature thoroughly.
-
-good:
-  - Ensure that the roster data file used has `name` attribute to avoid seeing "No name variable!" on your cards. See our article on [node labelling](/en/desktop/reference/node-labelling) for more information on this topic.
-  - Configure the display options of the cards to help improve a participant's ability to identify and disambiguate nodes within the roster.
-  - Define and test appropriate searchable properties and search accuracy criteria to help participants locate nodes within the roster.
 ---
 
-Name Generators are one of the fundamental components of a network interview. They allow your participant to create alters, thereby describing one of the two main entities in your study's networks.
+<InterfaceSummary>
+
+![Large Roster Name Generator Interface](/assets/img/interface-documentation/name-generators/large-roster.png)
+
+<InterfaceMeta type="Name Generator" creates="Creates nodes of a single type" usesprompts="true">
+
+</InterfaceMeta>
 
-There are four name generator [Interfaces](/en/desktop/key-concepts/interfaces) in Network Canvas that can be added to your study, all of which can be configured within Architect.
+</InterfaceSummary>
+
+Name Generators are one of the fundamental components of a network interview. They
+allow your participant to create alters, thereby describing one of the two main entities
+in your study's networks.
+
+There are four name generator [Interfaces](../key-concepts/interfaces) in Network Canvas that can be added to your study, all of which can be configured within Architect.
 
 Each of these Interfaces is designed for a specific type of alter elicitation, with several associated advantages and disadvantages. Although they have some configuration options that are [shared with all other Network Canvas Interfaces](./shared), this article will focus on options specific to roster based name generators.
 
@@ -29,17 +27,19 @@ Roster name generators are useful when you have a known set of network members t
 
 ## Defining a Roster
 
-Both of these interfaces require you to have a datafile that represents your roster. See our article on [importing roster data](/en/desktop/how-to/importing-roster-data) for more information about how to create such a file. Have this file, or a suitable mock file, ready before you attempt to configure either of these interfaces.
+Both of these interfaces require you to have a datafile that represents your roster. See our article on [roster data](/en/desktop/tutorials/working-with-rosters#how-to-create-a-roster) for more information about how to create such a file. Have this file, or a suitable mock file, ready before you attempt to configure either of these interfaces.
 
 <KeyConcept title="Roster size constraints">
-  We have tested a 60,000 node roster in the Large Roster Name Generator with
-  success, however, rosters of this size are not without problems. If your study
-  requires such a roster, please be prepared for the loading and search
-  functions to slow down considerably. The upper limit of this interface is
-  largely dependent on both the device you use and your usability threshold, so
-  a powerful laptop might be required particularly for larger datasets. For
-  information on devices, please see our article on [choosing a device for your
-  study](/en/desktop/how-to/choosing-hardware).
+
+We have tested a 60,000 node roster in the Large Roster Name Generator with
+success, however, rosters of this size are not without problems. If your study
+requires such a roster, please be prepared for the loading and search
+functions to slow down considerably. The upper limit of this interface is
+largely dependent on both the device you use and your usability threshold, so
+a powerful laptop might be required particularly for larger datasets. For
+information on devices, please see our article on [choosing a device for your
+study](/en/desktop/getting-started/choosing-hardware).
+
 </KeyConcept>
 
 ## Large Roster Name Generator
@@ -59,4 +59,50 @@ The search function is also heavily configurable, allowing you to choose which a
 
 As a general rule of thumb search accuracy should increase as roster size increases, and only attributes containing terms participants are likely to search by should be included as indexed attributes.
 
-![Image](/assets/img/interface-documentation/name-generators/architect-search.png)
+![](/assets/img/interface-documentation/name-generators/architect-search.png)
+
+### Best Practices
+
+<GoodPractice>
+
+Ensure that the roster data file used has `name` attribute to avoid seeing "No
+name variable!" on your cards. See our article on [node
+labelling](/en/desktop/advanced-topics/node-labeling) for more information on this topic.
+
+</GoodPractice>
+
+<GoodPractice>
+
+Configure the display options of the cards to help improve a participant's
+ability to identify and disambiguate nodes within the roster.
+
+</GoodPractice>
+
+<GoodPractice>
+
+Define and test appropriate searchable properties and search accuracy criteria
+to help participants locate nodes within the roster.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Avoid using this Interface with roster datasets of 100 nodes or smaller. For
+smaller rosters, use the Small Roster Name Generator.
+
+</BadPractice>
+
+<BadPractice>
+
+Avoid using this interface on devices with a software keyboard, particularly where they also have a small (< 9") screen. The software keyboard will cover a substantial area of the screen, and make the process of searching and nominating more tedious.
+
+</BadPractice>
+
+<BadPractice>
+
+Set all properties to be searchable. This will cause slow performance and less
+accurate search results. Ensure that you test your search feature thoroughly.
+
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/metadata.json b/apps/documentation/docs/desktop/interface-documentation/metadata.json
index 74db75d8..689aa7d7 100644
--- a/apps/documentation/docs/desktop/interface-documentation/metadata.json
+++ b/apps/documentation/docs/desktop/interface-documentation/metadata.json
@@ -1,7 +1,9 @@
 {
+  "type": "folder",
   "localeLabels": {
     "en": "Interface documentation",
     "ru": "Документация интерфейса"
   },
-  "isExpanded": true
+  "isExpanded": false,
+  "slug": "interface-documentation"
 }
diff --git a/apps/documentation/docs/desktop/interface-documentation/name-generator-roster.en.mdx b/apps/documentation/docs/desktop/interface-documentation/name-generator-roster.en.mdx
index 003a5964..753a64b9 100644
--- a/apps/documentation/docs/desktop/interface-documentation/name-generator-roster.en.mdx
+++ b/apps/documentation/docs/desktop/interface-documentation/name-generator-roster.en.mdx
@@ -1,31 +1,20 @@
 ---
 title: Name Generator for Roster Data
-layout: interface-documentation
-image: /assets/uploads/stage-namegeneratorroster.png
-type: Name Generator
-creates: Creates nodes of a single type, based on data from a roster
-uses_prompts: true
-good:
-  - Ensure that the roster data file used has `name` attribute to avoid seeing
-    "No name variable!" on your cards. See our article on [node
-    labelling](/en/desktop/reference/node-labelling) for more information on this
-    topic.
-bad:
-  - Avoid using this interface with a large roster (>100 nodes) on devices with
-    a software keyboard, particularly where they also have a small (< 9")
-    screen. The software keyboard will cover a substantial area of the screen,
-    and make the process of searching and nominating more tedious.
-  - When using a large roster, avoid setting all properties to be searchable.
-    This will cause slow performance and less accurate search results. Ensure
-    that you test your search feature thoroughly.
-  - Avoid adding needless attributes to the sort options. This will confuse
-    users and may potentially cause display issues on smaller screens. Aim for
-    no more than 3 sortable properties.
 ---
 
+<InterfaceSummary>
+
+![Name Generator for Roster Data Interface](/assets/uploads/stage-namegeneratorroster.png)
+
+<InterfaceMeta type="Name Generator" creates="Creates nodes of a single type, based on data from a roster" usesprompts="true">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
 Name Generators are one of the fundamental components of a network interview. They allow your participant to create alters, thereby describing one of the two main entities in your study's networks.
 
-There are three name generator [Interfaces](/en/desktop/key-concepts/interfaces) in Network Canvas that can be added to your study, all of which can be configured within Architect.
+There are three name generator [Interfaces](../key-concepts/interfaces) in Network Canvas that can be added to your study, all of which can be configured within Architect.
 
 Each of these Interfaces is designed for a specific type of alter elicitation, with several associated advantages and disadvantages. Although they have some configuration options that are [shared with all other Network Canvas Interfaces](./shared), this article will focus on options specific to the Name Generator for Roster Data.
 
@@ -33,17 +22,19 @@ The Name Generator for Roster Data is useful when you have a known set of networ
 
 ## Defining a Roster
 
-This interface requires you to have a datafile that represents your roster. See our article on [importing roster data](/en/desktop/how-to/importing-roster-data) for more information about how to create such a file. Have this file, or a suitable mock file, ready before you attempt to configure either of these interfaces.
+This interface requires you to have a datafile that represents your roster. See our article on [importing roster data](../how-to/importing-roster-data) for more information about how to create such a file. Have this file, or a suitable mock file, ready before you attempt to configure either of these interfaces.
 
 <KeyConcept title="Roster size constraints">
-  We have tested a 60,000 node roster with success, however, rosters of this
-  size are not without problems. If your study requires such a roster, please be
-  prepared for the loading and search functions to slow down considerably. The
-  upper limit of this interface is largely dependent on both the device you use
-  and your usability threshold, so a powerful laptop might be required
-  particularly for larger datasets. For information on devices, please see our
-  article on [choosing a device for your
-  study](/en/desktop/how-to/choosing-hardware).
+
+We have tested a 60,000 node roster with success, however, rosters of this
+size are not without problems. If your study requires such a roster, please be
+prepared for the loading and search functions to slow down considerably. The
+upper limit of this interface is largely dependent on both the device you use
+and your usability threshold, so a powerful laptop might be required
+particularly for larger datasets. For information on devices, please see our
+article on [choosing a device for your
+study](/en/desktop/getting-started/choosing-hardware).
+
 </KeyConcept>
 
 ## Alter Nomination
@@ -60,4 +51,41 @@ The search function is also heavily configurable, allowing you to choose which a
 
 As a general rule of thumb search accuracy should increase as roster size increases, and only attributes containing terms participants are likely to search by should be included as indexed attributes.
 
-![Image](/assets/img/interface-documentation/name-generators/architect-search.png)
+![](/assets/img/interface-documentation/name-generators/architect-search.png)
+
+### Best Practices
+
+<GoodPractice>
+
+Ensure that the roster data file used has `name` attribute to avoid seeing "No
+name variable!" on your cards. See our article on [node
+labelling](/en/desktop/advanced-topics/node-labeling) for more information on this topic.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Avoid using this interface with a large roster (>100 nodes) on devices with
+a software keyboard, particularly where they also have a small (< 9")
+screen. The software keyboard will cover a substantial area of the screen,
+and make the process of searching and nominating more tedious.
+
+</BadPractice>
+
+<BadPractice>
+
+When using a large roster, avoid setting all properties to be searchable. This
+will cause slow performance and less accurate search results. Ensure that you
+test your search feature thoroughly.
+
+</BadPractice>
+
+<BadPractice>
+
+Avoid adding needless attributes to the sort options. This will confuse users
+and may potentially cause display issues on smaller screens. Aim for no more
+than 3 sortable properties.
+
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/name-generator-using-forms.en.mdx b/apps/documentation/docs/desktop/interface-documentation/name-generator-using-forms.en.mdx
index ad45384e..2b3cedc4 100644
--- a/apps/documentation/docs/desktop/interface-documentation/name-generator-using-forms.en.mdx
+++ b/apps/documentation/docs/desktop/interface-documentation/name-generator-using-forms.en.mdx
@@ -1,41 +1,40 @@
 ---
 title: Name Generator using Forms
-image: /assets/img/interface-documentation/name-generators/ng-form.png
-type: Name Generator
-creates: Nodes of a single type
-uses_prompts: Yes
-bad:
-  - Resist the urge to create long forms with many items. This may discourage participants from naming additional alters, as it will make the task of nominating an alter more burdensome.
-  - Avoid attributes that might be better considered relative to other nodes in the network. For example, perceptual scales may benefit from using the [Ordinal Bin](/en/desktop/interface-documentation/ordinal-bin) Interface.
-good:
-  - Use this interface when you want to collect small amounts of attribute data at the same time as a node is elicited. This can be more efficient than adding additional [Per Alter Form](/en/desktop/interface-documentation/per-alter-form) Interfaces, or dedicated name interpreter Interfaces later.
-  - Ensure you collect a value for a variable called `name` on your form, so that [node labelling](/en/desktop/reference/node-labelling) works correctly.
 ---
 
+<InterfaceSummary>
+
+![Name Generator using Forms Interface](/assets/img/interface-documentation/name-generators/ng-form.png)
+
+<InterfaceMeta type="Name Generator" creates="Nodes of a single type" usesprompts="true">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
 Name Generators are one of the fundamental components of a network interview. They allow your participant to create alters, thereby describing one of the two main entities in your study's networks.
 
-There are four name generator [Interfaces](/en/desktop/key-concepts/interfaces) in Network Canvas that can be added to your study, all of which can be configured within Architect.
+There are four name generator [Interfaces](../key-concepts/interfaces) in Network Canvas that can be added to your study, all of which can be configured within Architect.
 
-<StandAloneImage
-  src="/assets/img/interface-documentation/name-generators/add-screen.png"
-  content="Available Name Generator interfaces in Architect"
-/>
+![Available Name Generator interfaces in Architect](/assets/img/interface-documentation/name-generators/add-screen.png)
 
 Each of these Interfaces is designed for a specific type of alter elicitation, with several associated advantages and disadvantages. Although they have some configuration options that are [shared with all other Network Canvas Interfaces](./shared), this article will focus on options specific to the main name generator interface, and a variant of it that uses a 'quick add' mode.
 
 <TipBox>
-  Using roster data in your study? Refer to our documentation on the [small
-  roster name generator](./small-roster-name-generator) or [large roster name
-  generator](./large-roster-name-generator).
+
+Using roster data in your study? Refer to our documentation on the [small
+roster name generator](./small-roster-name-generator) or [large roster name
+generator](./large-roster-name-generator).
+
 </TipBox>
 
 ## Shared Interface Elements
 
 Both the "Name Generator (Using Forms)" and the "Name Generator (Quick Add)" Interfaces share some common visual elements.
 
-![Image](/assets/img/interface-documentation/name-generators/preview.png)
+![](/assets/img/interface-documentation/name-generators/preview.png)
 
-The **prompt** area, where the task is explained to the participant (see: [prompts](/en/desktop/key-concepts/prompts)), a **node list** area where alters that have been elicited are displayed, a **primary action button** that triggers the node elicitation process, and (optionally) one or more [Side Panels](#side-panels).
+The **prompt** area, where the task is explained to the participant (see: [prompts](../key-concepts/prompts)), a **node list** area where alters that have been elicited are displayed, a **primary action button** that triggers the node elicitation process, and (optionally) one or more [Side Panels](#side-panels).
 
 Beyond this, you have a choice about how precisely alters should be created - either using a full featured form, or using a simple "quick add" method.
 
@@ -45,20 +44,42 @@ Both of these name generators can use Side Panels. Side panels are a powerful fe
 
 For example, when multiple prompts within a name generator have potential overlap in a participant's social network, it may be useful to bring nodes previously nominated onto a subsequent screen so that a participant can easily list them again.
 
-<StandAloneImage
-  src="/assets/img/interface-documentation/name-generators/side-panel.png"
-  content="Configuring a side panel"
-/>
+![Configuring a side panel](/assets/img/interface-documentation/name-generators/side-panel.png)
 
-A side panel can also be created using a network data file (e.g. a roster) to allow a participant to select and nominate alters from a predetermined list. It is important to note that the exact same list will appear on subsequent side panels within the name generator unless a rule(s) is created to filter the data to be shown on the panel (see [network filtering](/en/desktop/key-concepts/network-filtering)).
+A side panel can also be created using a network data file (e.g. a roster) to allow a participant to select and nominate alters from a predetermined list. It is important to note that the exact same list will appear on subsequent side panels within the name generator unless a rule(s) is created to filter the data to be shown on the panel (see [network filtering](../key-concepts/network-filtering)).
 
 Side panels can be expanded or contracted in the interview by clicking on the heading.
 
 ## Using Forms
 
-When using the "Name Generator (using forms)" Interface, the primary action button will trigger a form that participants must complete to create an alter. This form can include one or more fields to capture specific attribute data on each node (see our [key concepts article on forms](/en/desktop/key-concepts/forms) for further information on creating a form). This interface therefore combines the process of generating alters with the ability to do some basic attribute collection, or name interpreting, tasks.
+When using the "Name Generator (using forms)" Interface, the primary action button will trigger a form that participants must complete to create an alter. This form can include one or more fields to capture specific attribute data on each node (see our [key concepts article on forms](../key-concepts/forms) for further information on creating a form). This interface therefore combines the process of generating alters with the ability to do some basic attribute collection, or name interpreting, tasks.
+
+![An example form](/assets/img/interface-documentation/name-generators/ng-form.png)
+
+### Best Practices
+
+<GoodPractice>
+
+Use this interface when you want to collect small amounts of attribute data at the same time as a node is elicited. This can be more efficient than adding additional [Per Alter Form](../interface-documentation/per-alter-form) Interfaces, or dedicated name interpreter Interfaces later.
+
+</GoodPractice>
+
+<GoodPractice>
+
+Ensure you collect a value for a variable called `name` on your form, so that [node labelling](/en/desktop/advanced-topics/node-labeling) works correctly.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Resist the urge to create long forms with many items. This may discourage participants from naming additional alters, as it will make the task of nominating an alter more burdensome.
+
+</BadPractice>
+
+<BadPractice>
+
+Avoid attributes that might be better considered relative to other nodes in the network. For example, perceptual scales may benefit from using the [Ordinal Bin](../interface-documentation/ordinal-bin) Interface.
 
-<StandAloneImage
-  src="/assets/img/interface-documentation/name-generators/ng-form.png"
-  content="An example form"
-/>
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/name-generator-using-quick-add.en.mdx b/apps/documentation/docs/desktop/interface-documentation/name-generator-using-quick-add.en.mdx
index ab596739..64b82900 100644
--- a/apps/documentation/docs/desktop/interface-documentation/name-generator-using-quick-add.en.mdx
+++ b/apps/documentation/docs/desktop/interface-documentation/name-generator-using-quick-add.en.mdx
@@ -1,42 +1,40 @@
 ---
 title: Name Generators using Quick Add
-
-image: /assets/img/interface-documentation/name-generators/ng-quick.png
-type: Name Generator
-creates: Creates nodes of a single type
-uses_prompts: Yes
-bad:
-  - Avoid adding additional attribute variables to this Interface that could more accurately be collected elsewhere.
-good:
-  - Use this Interface when you want to elicit nodes quickly without the burden of collecting other attribute data at the same time.
-  - Use a variable called name as your "quick add variable" unless you have a good reason to use another. Keep in mind that Network Canvas will label nodes using this variable throughout the interview.
 ---
 
+<InterfaceSummary>
+
+![Name Generator using Quick Add Interface](/assets/img/interface-documentation/name-generators/ng-quick.png)
+
+<InterfaceMeta type="Name Generator" creates="Nodes of a single type" usesprompts="true">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
 Name Generators are one of the fundamental components of a network interview. They allow your participant to create alters, thereby describing one of the two main entities in your study's networks.
 
-There are four name generator [Interfaces](/en/desktop/key-concepts/interfaces) in Network Canvas that can be added to your study, all of which can be configured within Architect.
+There are four name generator [Interfaces](../key-concepts/interfaces) in Network Canvas that can be added to your study, all of which can be configured within Architect.
 
-<StandAloneImage
-  src="/assets/img/interface-documentation/name-generators/add-screen.png"
-  content="Available Name Generator interfaces in Architect"
-/>
+![Available Name Generator interfaces in Architect](/assets/img/interface-documentation/name-generators/add-screen.png)
 
 Each of these Interfaces is designed for a specific type of alter elicitation, with several associated advantages and disadvantages. Although they have some configuration options that are [shared with all other Network Canvas Interfaces](./shared), this article will focus on options specific to the main name generator interface, and a variant of it that uses a 'quick add' mode.
 
 <TipBox>
-  Using roster data in your study? Refer to our documentation on the [small
-  roster name
-  generator](/en/desktop/interface-documentation/small-roster-name-generator) or
-  [large roster name generator](./large-roster-name-generator).
+
+Using roster data in your study? Refer to our documentation on the [small
+roster name generator](../interface-documentation/small-roster-name-generator) or
+[large roster name generator](./large-roster-name-generator).
+
 </TipBox>
 
 ## Shared Interface Elements
 
 Both the "Name Generator (Using Forms)" and the "Name Generator (Quick Add)" Interfaces share some common visual elements.
 
-![Image](/assets/img/interface-documentation/name-generators/preview.png)
+![](/assets/img/interface-documentation/name-generators/preview.png)
 
-The **prompt** area, where the task is explained to the participant (see: [prompts](/en/desktop/key-concepts/prompts)), a **node list** area where alters that have been elicited are displayed, a **primary action button** that triggers the node elicitation process, and (optionally) one or more [Side Panels](#side-panels).
+The **prompt** area, where the task is explained to the participant (see: [prompts](../key-concepts/prompts)), a **node list** area where alters that have been elicited are displayed, a **primary action button** that triggers the node elicitation process, and (optionally) one or more [Side Panels](#side-panels).
 
 Beyond this, you have a choice about how precisely alters should be created - either using a full featured form, or using a simple "quick add" method.
 
@@ -46,12 +44,9 @@ Both of these name generators can use Side Panels. Side panels are a powerful fe
 
 For example, when multiple prompts within a name generator have potential overlap in a participant's social network, it may be useful to bring nodes previously nominated onto a subsequent screen so that a participant can easily list them again.
 
-<StandAloneImage
-  src="/assets/img/interface-documentation/name-generators/side-panel.png"
-  content="Configuring a side panel"
-/>
+![Configuring a side panel](/assets/img/interface-documentation/name-generators/side-panel.png)
 
-A side panel can also be created using a network data file (e.g. a roster) to allow a participant to select and nominate alters from a predetermined list. It is important to note that the exact same list will appear on subsequent side panels within the name generator unless a rule(s) is created to filter the data to be shown on the panel (see [network filtering](/en/desktop/key-concepts/network-filtering)).
+A side panel can also be created using a network data file (e.g. a roster) to allow a participant to select and nominate alters from a predetermined list. It is important to note that the exact same list will appear on subsequent side panels within the name generator unless a rule(s) is created to filter the data to be shown on the panel (see [network filtering](../key-concepts/network-filtering)).
 
 Side panels can be expanded or contracted in the interview by clicking on the heading.
 
@@ -59,9 +54,28 @@ Side panels can be expanded or contracted in the interview by clicking on the he
 
 When using the "Name Generator (using quick add)" Interface, the primary action button will trigger a single field form that a participant must complete to create an alter. This Interface uses a single "quick add variable" to store the value of the form, which allows a participant to rapidly create alters.
 
-<StandAloneImage
-  src="/assets/img/interface-documentation/name-generators/ng-quick.png"
-  content="A quick add name generator"
-/>
+![A quick add name generator](/assets/img/interface-documentation/name-generators/ng-quick.png)
+
+One or multiple [additional variables](../key-concepts/additional-variables) can be added to alters nominated on this Interface. Capturing additional variables may be useful either to help track where a node was elicited or to reflect a name interpreter element of the prompt (e.g. adding a variable called "close_friend" to a prompt asking about closeness).
+
+### Best Practices
+
+<GoodPractice>
+
+Use this Interface when you want to elicit nodes quickly without the burden of collecting other attribute data at the same time.
+
+</GoodPractice>
+
+<GoodPractice>
+
+Use a variable called name as your "quick add variable" unless you have a good reason to use another. Keep in mind that Network Canvas will label nodes using this variable throughout the interview.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Avoid adding additional attribute variables to this Interface that could more accurately be collected elsewhere.
 
-One or multiple [additional variables](/en/desktop/key-concepts/additional-variables) can be added to alters nominated on this Interface. Capturing additional variables may be useful either to help track where a node was elicited or to reflect a name interpreter element of the prompt (e.g. adding a variable called "close_friend" to a prompt asking about closeness).
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/narrative.en.md b/apps/documentation/docs/desktop/interface-documentation/narrative.en.md
index 7425c5e3..9f8db755 100644
--- a/apps/documentation/docs/desktop/interface-documentation/narrative.en.md
+++ b/apps/documentation/docs/desktop/interface-documentation/narrative.en.md
@@ -1,17 +1,17 @@
 ---
 title: Narrative
-
-image: /assets/img/interface-documentation/narrative/narrative-example.png
-type: Visualisation
-creates: Does not create data
-uses_prompts: No
-bad:
-  - Resist the urge to create long forms with many items. This may discourage participants from naming additional alters, as it will make the task of nominating an alter more burdensome.
-  - Avoid attributes that might be better considered relative to other nodes in the network. For example, perceptual scales may benefit from using the [Ordinal Bin](/en/desktop/interface-documentation/ordinal-bin) Interface.
-good:
-  - Nodes positioned too close together may visually occlude one another or the edge between them. Caution participants not to place nodes directly on top of one another.
 ---
 
+<InterfaceSummary>
+
+![Narrative Interface](/assets/img/interface-documentation/narrative/narrative-example.png)
+
+<InterfaceMeta type="Visualization" creates="Does not create data" usesprompts="false">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
 Sociograms are the visual mapping component of a network interview. On the Sociogram, participants draw ties between alters to signify the relationships between individuals within their personal network.
 
 There are two sociogram Interfaces in Network Canvas - one for data collection and one for data display - that can be added to your study and configured in Architect.
@@ -19,3 +19,25 @@ There are two sociogram Interfaces in Network Canvas - one for data collection a
 ## The Narrative Interface
 
 On the "Narrative" Interface, alter edges, group and individual attribute variables can be displayed to elicit qualitative data from the participant about their network. Configured presets can be toggled on and off to reveal colored convex hulls representing group variables, highlighted nodes representing attribute data, and different edge types in the network. No data is collected on this Interface.
+
+### Best Practices
+
+<GoodPractice>
+
+Nodes positioned too close together may visually occlude one another or the edge between them. Caution participants not to place nodes directly on top of one another.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Resist the urge to create long forms with many items. This may discourage participants from naming additional alters, as it will make the task of nominating an alter more burdensome.
+
+</BadPractice>
+
+<BadPractice>
+
+Avoid attributes that might be better considered relative to other nodes in the network. For example, perceptual scales may benefit from using the [Ordinal Bin](../interface-documentation/ordinal-bin) Interface.
+
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/ordinal-bin.en.md b/apps/documentation/docs/desktop/interface-documentation/ordinal-bin.en.md
index 659a7bda..4487659b 100644
--- a/apps/documentation/docs/desktop/interface-documentation/ordinal-bin.en.md
+++ b/apps/documentation/docs/desktop/interface-documentation/ordinal-bin.en.md
@@ -1,25 +1,47 @@
 ---
 title: Ordinal Bin
-
-image: /assets/img/interface-documentation/ordinal-bin/example.png
-type: Name Interpreter
-creates: Ordinal attribute data on a single node type
-uses_prompts: Yes
-bad:
-  - Due to size affordances, avoid using scales of more than six bins on this Interface. Larger scales cause bin labels to be difficult to read and the other visual components on the Interface become compromised.
-  - Resist using this Interface to collect nominal data that would be more suitable for capture on the [Categorical Bin](/en/desktop/interface-documentation/categorical-bin/).
-good:
-  - Use this Interface to collect ordinal or interval scale data on alters. Although a Likert Scale can be added as an [input control](/en/desktop/key-concepts/input-controls/) on other interfaces, the drag and drop functionality on the Ordinal Bin provides a tactile method to capturing these data that is engaging for participants.
 ---
 
+<InterfaceSummary>
+
+![Ordinal Bin Interface](/assets/img/interface-documentation/ordinal-bin/example.png)
+
+<InterfaceMeta type="Name Interpreter" creates="Ordinal attribute data on a single node type" usesprompts="true">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
 The Ordinal Bin is a name interpreter Interface that captures ordinal data on the alters in a participant's network. When using the Ordinal Bin, participants drag and drop alters one-by-one into parallel bins denoting values on an ordinal scale. Once placed, participants can move alters from one bin to another.
 
 ## Configuring Ordinal Bin
 
-A single node type is selectable per screen. This screen supports [filtering](/en/desktop/key-concepts/network-filtering) those nodes by their attributes.
+A single node type is selectable per screen. This screen supports [filtering](../key-concepts/network-filtering) those nodes by their attributes.
+
+![](/assets/img/interface-documentation/ordinal-bin/architect_1.png)
+
+An Ordinal Bin screen can include multiple [prompts](../key-concepts/prompts), each of which relates to a single ordinal variable.
+
+![](/assets/img/interface-documentation/ordinal-bin/architect_2.png)
+
+### Best Practices
+
+<GoodPractice>
+
+Use this Interface to collect ordinal or interval scale data on alters. Although a Likert Scale can be added as an [input control](../key-concepts/input-controls/) on other interfaces, the drag and drop functionality on the Ordinal Bin provides a tactile method to capturing these data that is engaging for participants.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Due to size affordances, avoid using scales of more than six bins on this Interface. Larger scales cause bin labels to be difficult to read and the other visual components on the Interface become compromised.
+
+</BadPractice>
 
-![Image](/assets/img/interface-documentation/ordinal-bin/architect_1.png)
+<BadPractice>
 
-An Ordinal Bin screen can include multiple [prompts](/en/desktop/key-concepts/prompts), each of which relates to a single [ordinal variable](/en/desktop/reference/variable-types#ordinal).
+Resist using this Interface to collect nominal data that would be more suitable for capture on the [Categorical Bin](../interface-documentation/categorical-bin/).
 
-![Image](/assets/img/interface-documentation/ordinal-bin/architect_2.png)
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/per-alter-edge-form.en.mdx b/apps/documentation/docs/desktop/interface-documentation/per-alter-edge-form.en.mdx
index 75c8cd18..d601f970 100644
--- a/apps/documentation/docs/desktop/interface-documentation/per-alter-edge-form.en.mdx
+++ b/apps/documentation/docs/desktop/interface-documentation/per-alter-edge-form.en.mdx
@@ -1,35 +1,64 @@
 ---
 title: Per Alter Edge Form
-
-image: /assets/img/interface-documentation/per-edge-form/example.png
-type: Edge Interpreter
-creates: Attribute data on a single edge type
-uses_prompts: No
-bad:
-  - Avoid overloading this Interface with too many fields and/or text-heavy prompts.
-  - Do not use this Interface in place of a dyad census as participants will only be asked to provide data on existing edges between alters rather than all possible alter combinations. If your study requires a [Dyad Census](/en/desktop/interface-documentation/dyad-census) you can add and configure that Interface in Architect.
-good:
-  - Use this Interface as a simple way to systematically collect data on edges.
-  - Use the introductory panel to orient participants to the tasks within the form they will complete for each edge.
-  - Consider including form fields to capture temporal data which utilize [input controls](/en/desktop/key-concepts/input-controls) like the [DatePicker](/en/desktop/key-concepts/input-controls/#date-picker).
 ---
 
-The Per Alter Edge Form is an _edge interpreter_ interface that collects attribute data on the edges, or relationships, between nodes in a participant's network. When using the Per Alter Edge Form, participants review an introductory screen that describes the tasks on the stage and then complete a [form](/en/desktop/key-concepts/forms) for each edge they previously defined between pairs of alters within their network. These forms are customizable and can include one or multiple fields to collect specific edge attribute data.
+<InterfaceSummary>
+
+![Per Alter Edge Form Interface](/assets/img/interface-documentation/per-edge-form/example.png)
+
+<InterfaceMeta type="Edge Interpreter" creates="Attribute data on a single edge type" usesprompts="false">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
+The Per Alter Edge Form is an _edge interpreter_ interface that collects attribute data on the edges, or relationships, between nodes in a participant's network. When using the Per Alter Edge Form, participants review an introductory screen that describes the tasks on the stage and then complete a [form](../key-concepts/forms) for each edge they previously defined between pairs of alters within their network. These forms are customizable and can include one or multiple fields to collect specific edge attribute data.
 
 ## Configuring Per Alter Edge Form
 
-A single edge type is selectable per screen. This screen supports [filtering](/en/desktop/key-concepts/network-filtering) for edges that match the
+A single edge type is selectable per screen. This screen supports [filtering](../key-concepts/network-filtering) for edges that match the
 specified type.
 
-![Image](/assets/img/interface-documentation/per-edge-form/architect-edge-type.png)
+![](/assets/img/interface-documentation/per-edge-form/architect-edge-type.png)
 
 The introduction screen is shown before any matching edges and can be used to introduce the task.
 
-![Image](/assets/img/interface-documentation/per-edge-form/architect-intro.png)
+![](/assets/img/interface-documentation/per-edge-form/architect-intro.png)
+
+Each edge will be assigned variable using a configurable [form](../key-concepts/forms).
+
+![Form fields can be re-ordered by dragging, and deleted by clicking the right hand 'x'](/assets/img/interface-documentation/per-edge-form/architect-form.png)
+
+### Best Practices
+
+<GoodPractice>
+
+Use this Interface as a simple way to systematically collect data on edges.
+
+</GoodPractice>
+
+<GoodPractice>
+
+Use the introductory panel to orient participants to the tasks within the form they will complete for each edge.
+
+</GoodPractice>
+
+<GoodPractice>
+
+Consider including form fields to capture temporal data which utilize [input controls](../key-concepts/input-controls) like the [DatePicker](../key-concepts/input-controls/#date-picker).
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Avoid overloading this Interface with too many fields and/or text-heavy prompts.
+
+</BadPractice>
+
+<BadPractice>
 
-Each edge will be assigned [variables](/en/desktop/reference/variable-types) using a configurable [form](/en/desktop/key-concepts/forms).
+Do not use this Interface in place of a dyad census as participants will only be asked to provide data on existing edges between alters rather than all possible alter combinations. If your study requires a [Dyad Census](../interface-documentation/dyad-census) you can add and configure that Interface in Architect.
 
-<StandAloneImage
-  src="/assets/img/interface-documentation/per-edge-form/architect-form.png"
-  content="Form fields can be re-ordered by dragging, and deleted by clicking the right hand 'x'"
-/>
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/per-alter-form.en.md b/apps/documentation/docs/desktop/interface-documentation/per-alter-form.en.md
index bb274719..03a485ea 100644
--- a/apps/documentation/docs/desktop/interface-documentation/per-alter-form.en.md
+++ b/apps/documentation/docs/desktop/interface-documentation/per-alter-form.en.md
@@ -1,31 +1,53 @@
 ---
 title: Per Alter Form
-
-image: /assets/img/interface-documentation/per-alter-form/example.png
-type: Name Interpreter
-creates: Attribute data on a single node type
-uses_prompts: No
-bad:
-  - Avoid overloading this Interface with too many fields and/or text-heavy prompts. Instead, consider taking advantage of other more interactive Interfaces, such as the [Categorical Bin](/en/desktop/interface-documentation/categorical-bin) and [Ordinal Bin](/en/desktop/interface-documentation/ordinal-bin), to ease participant burden.
-good:
-  - Use this Interface as a simple way to systematically collect data on alters.
-  - Use the introductory panel to orient participants to the tasks within the form they will complete for each alter.
 ---
 
-The Per Alter Form is a _name interpreter_ interface that captures attribute data on the alters in a participant's network. When using the Per Alter Form, participants review an introductory panel which describes the tasks on the stage and then complete a [form](/en/desktop/key-concepts/forms) on each node in their network. These forms are customizable and can include one or multiple fields to collect specific attribute data using a variety of [input controls](/en/desktop/key-concepts/input-controls).
+<InterfaceSummary>
+
+![Per Alter Form Interface](/assets/img/interface-documentation/per-alter-form/example.png)
+
+<InterfaceMeta type="Name Interpreter" creates="Attribute data on a single node type" usesprompts="false">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
+The Per Alter Form is a _name interpreter_ interface that captures attribute data on the alters in a participant's network. When using the Per Alter Form, participants review an introductory panel which describes the tasks on the stage and then complete a [form](../key-concepts/forms) on each node in their network. These forms are customizable and can include one or multiple fields to collect specific attribute data using a variety of [input controls](../key-concepts/input-controls).
 
 ## Configuring Per Alter Form
 
-![Image](/assets/img/interface-documentation/per-alter-form/add-screen.png)
+![](/assets/img/interface-documentation/per-alter-form/add-screen.png)
 
-A single edge type is selectable per screen. This screen supports [filtering](/en/desktop/key-concepts/network-filtering) for nodes that match the specified type.
+A single edge type is selectable per screen. This screen supports [filtering](../key-concepts/network-filtering) for nodes that match the specified type.
 
-![Image](/assets/img/interface-documentation/per-alter-form/architect-node-type.png)
+![](/assets/img/interface-documentation/per-alter-form/architect-node-type.png)
 
 The introduction screen is shown before any matching alters and can be used to introduce the task.
 
-![Image](/assets/img/interface-documentation/per-alter-form/architect-intro.png)
+![](/assets/img/interface-documentation/per-alter-form/architect-intro.png)
+
+Each node will be assigned variables using a configurable [form](../key-concepts/forms).
+
+![](/assets/img/interface-documentation/per-alter-form/architect-form.png)
+
+### Best Practices
+
+<GoodPractice>
+
+Use this Interface as a simple way to systematically collect data on alters.
+
+</GoodPractice>
+
+<GoodPractice>
+
+Use the introductory panel to orient participants to the tasks within the form they will complete for each alter.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
 
-Each node will be assigned [variables](/en/desktop/reference/variable-types) using a configurable [form](/en/desktop/key-concepts/forms).
+Avoid overloading this Interface with too many fields and/or text-heavy prompts. Instead, consider taking advantage of other more interactive Interfaces, such as the [Categorical Bin](../interface-documentation/categorical-bin) and [Ordinal Bin](../interface-documentation/ordinal-bin), to ease participant burden.
 
-![Image](/assets/img/interface-documentation/per-alter-form/architect-form.png)
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/shared.en.md b/apps/documentation/docs/desktop/interface-documentation/shared.en.md
index fe546ce1..c3104911 100644
--- a/apps/documentation/docs/desktop/interface-documentation/shared.en.md
+++ b/apps/documentation/docs/desktop/interface-documentation/shared.en.md
@@ -8,7 +8,7 @@ Some configuration options are available to all or most interface screens (depen
 
 ## Shared Configuration
 
-![Image](/assets/img/interface-documentation/shared/shared-configuration.png)
+![](/assets/img/interface-documentation/shared/shared-configuration.png)
 
 ### Name
 
@@ -26,10 +26,10 @@ This feature is available to _Sociogram_ and _Name Interpreter_ stage type categ
 
 For example, a Sociogram may have a "Person" node type selected as the entity type. You may then use this option to narrow down to only those "Person" nodes which also have a specific attribute.
 
-[Find out more about filtering](/en/desktop/key-concepts/network-filtering)
+[Find out more about filtering](../key-concepts/network-filtering)
 
 ### Skip Logic
 
 This feature is available to all stage types. The state of the participant network may be assessed in order to determine whether a stage should be shown or instead skipped.
 
-[Find out more about skip logic](/en/desktop/key-concepts/skip-logic)
+[Find out more about skip logic](../key-concepts/skip-logic)
diff --git a/apps/documentation/docs/desktop/interface-documentation/small-roster-name-generator.en.mdx b/apps/documentation/docs/desktop/interface-documentation/small-roster-name-generator.en.mdx
index 213a36ff..5695d3a0 100644
--- a/apps/documentation/docs/desktop/interface-documentation/small-roster-name-generator.en.mdx
+++ b/apps/documentation/docs/desktop/interface-documentation/small-roster-name-generator.en.mdx
@@ -1,22 +1,20 @@
 ---
 title: Small Roster Name Generator
-
-image: /assets/img/interface-documentation/name-generators/small-roster.png
-type: Name Generator
-creates: Creates nodes of a single type
-uses_prompts: Yes
-bad:
-  - Avoid using this Interface with larger roster datasets that may benefit from the search function only available in the Large Roster Name Generator Interface.
-  - Add needless attributes to the sort options. This will confuse users and may potentially cause display issues on smaller screens. Aim for no more than 3 sortable properties.
-
-good:
-  - Ensure that the roster data file used has `name` attribute to avoid seeing "No name variable!" on your cards. See our article on [node labelling](/en/desktop/reference/node-labelling) for more information on this topic.
-  - Configure the display and sorting options of the cards to help improve a participant's ability to locate nodes within the roster.
 ---
 
+<InterfaceSummary>
+
+![Small Roster Name Generator Interface](/assets/img/interface-documentation/name-generators/small-roster.png)
+
+<InterfaceMeta type="Name Generator" creates="Creates nodes of a single type" usesprompts="true">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
 Name Generators are one of the fundamental components of a network interview. They allow your participant to create alters, thereby describing one of the two main entities in your study's networks.
 
-There are four name generator [Interfaces](/en/desktop/key-concepts/interfaces) in Network Canvas that can be added to your study, all of which can be configured within Architect.
+There are four name generator [Interfaces](../key-concepts/interfaces) in Network Canvas that can be added to your study, all of which can be configured within Architect.
 
 Each of these Interfaces is designed for a specific type of alter elicitation, with several associated advantages and disadvantages. Although they have some configuration options that are [shared with all other Network Canvas Interfaces](./shared), this article will focus on options specific to roster based name generators.
 
@@ -27,17 +25,19 @@ Roster name generators are useful when you have a known set of network members t
 
 ## Defining a Roster
 
-Both of these interfaces require you to have a datafile that represents your roster. See our article on [importing roster data](/en/desktop/how-to/importing-roster-data) for more information about how to create such a file. Have this file, or a suitable mock file, ready before you attempt to configure either of these interfaces.
+Both of these interfaces require you to have a datafile that represents your roster. See our article on [roster data](/en/desktop/tutorials/working-with-rosters#how-to-create-a-roster) for more information about how to create such a file. Have this file, or a suitable mock file, ready before you attempt to configure either of these interfaces.
 
 <KeyConcept title="Roster size constraints">
-  We have tested a 60,000 node roster in the Large Roster Name Generator with
-  success, however, rosters of this size are not without problems. If your study
-  requires such a roster, please be prepared for the loading and search
-  functions to slow down considerably. The upper limit of this interface is
-  largely dependent on both the device you use and your usability threshold, so
-  a powerful laptop might be required particularly for larger datasets. For
-  information on devices, please see our article on [choosing a device for your
-  study](/en/desktop/how-to/choosing-hardware).
+
+We have tested a 60,000 node roster in the Large Roster Name Generator with
+success, however, rosters of this size are not without problems. If your study
+requires such a roster, please be prepared for the loading and search
+functions to slow down considerably. The upper limit of this interface is
+largely dependent on both the device you use and your usability threshold, so
+a powerful laptop might be required particularly for larger datasets. For
+information on devices, please see our article on [choosing a device for your
+study](/en/desktop/getting-started/choosing-hardware).
+
 </KeyConcept>
 
 ## Small Roster Name Generator
@@ -46,4 +46,32 @@ When using the "Small Roster Name Generator" Interface, cards representing node
 
 By default, cards will display the `name` attribute from the roster data as a card title, and will sort the cards in the order the nodes are defined in the data file. These options can be configured from within architect. Note that you are able to define both the default sorting options, and allow the user to sort themselves by multiple properties.
 
-![Image](/assets/img/interface-documentation/name-generators/architect-card.png)
+![](/assets/img/interface-documentation/name-generators/architect-card.png)
+
+### Best Practices
+
+<GoodPractice>
+
+Ensure that the roster data file used has `name` attribute to avoid seeing "No name variable!" on your cards. See our article on [node labelling](/en/desktop/advanced-topics/node-labelling) for more information on this topic.
+
+</GoodPractice>
+
+<GoodPractice>
+
+Configure the display and sorting options of the cards to help improve a participant's ability to locate nodes within the roster.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Avoid using this Interface with larger roster datasets that may benefit from the search function only available in the Large Roster Name Generator Interface.
+
+</BadPractice>
+
+<BadPractice>
+
+Add needless attributes to the sort options. This will confuse users and may potentially cause display issues on smaller screens. Aim for no more than 3 sortable properties.
+
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/sociogram.en.md b/apps/documentation/docs/desktop/interface-documentation/sociogram.en.md
index 6ba21ab1..28a51c63 100644
--- a/apps/documentation/docs/desktop/interface-documentation/sociogram.en.md
+++ b/apps/documentation/docs/desktop/interface-documentation/sociogram.en.md
@@ -1,17 +1,17 @@
 ---
 title: Sociogram
-
-image: /assets/img/interface-documentation/sociogram/sociogram-edges.png
-type: Name Interpreter and Edge Generator
-creates: Edges of multiple types, and attribute data on a single node type
-uses_prompts: Yes
-bad:
-  - Nodes positioned too close together may visually occlude one another or the edge between them. Caution participants not to place nodes directly on top of one another.
-good:
-  - Consider customizing the background image of the sociogram to orient participants to the activity or to add meaning to the layout variable (e.g. such as using quadrants).
-  - Ensure that the prompts used on this Interface are edge creation prompts - questions about the relationships between alters.
 ---
 
+<InterfaceSummary>
+
+![Sociogram Interface](/assets/img/interface-documentation/sociogram/sociogram-edges.png)
+
+<InterfaceMeta type="Name Interpreter and Edge Generator" creates="Edges of multiple types, and attribute data on a single node type" usesprompts="true">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
 Sociograms are the visual mapping component of a network interview. On the Sociogram, participants draw ties between alters to signify the relationships between individuals within their personal network.
 
 There are two sociogram Interfaces in Network Canvas - one for data collection and one for data display - that can be added to your study and configured in Architect.
@@ -20,4 +20,26 @@ There are two sociogram Interfaces in Network Canvas - one for data collection a
 
 When using the "Sociogram" Interface, participants position their alters and draw ties between them. The Interface can be used to create one or multiple edge types between alters in a participant's network, and to collect alter attribute data by highlighting alters where the variable value is true.
 
-![Image](/assets/img/interface-documentation/sociogram/sociogram-highlight.png)
+![](/assets/img/interface-documentation/sociogram/sociogram-highlight.png)
+
+### Best Practices
+
+<GoodPractice>
+
+Consider customizing the background image of the sociogram to orient participants to the activity or to add meaning to the layout variable (e.g. such as using quadrants).
+
+</GoodPractice>
+
+<GoodPractice>
+
+Ensure that the prompts used on this Interface are edge creation prompts - questions about the relationships between alters.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Nodes positioned too close together may visually occlude one another or the edge between them. Caution participants not to place nodes directly on top of one another.
+
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/interface-documentation/tie-strength-census.en.md b/apps/documentation/docs/desktop/interface-documentation/tie-strength-census.en.md
index 17e492f5..96d065f3 100644
--- a/apps/documentation/docs/desktop/interface-documentation/tie-strength-census.en.md
+++ b/apps/documentation/docs/desktop/interface-documentation/tie-strength-census.en.md
@@ -1,29 +1,50 @@
 ---
-layout: interface-documentation
-
-image: /assets/uploads/stage-tiestrengthcensus.png
 title: Tie-Strength Census
-type: Edge Generator/Edge Interpreter
-creates: Edges with weight stored on an ordinal variable
-uses_prompts: true
-good:
-  - Use this interface in scenarios where you are already using a Dyad Census
-    and wish to also collect data about the strength of a tie.
-bad:
-  - Avoid using this interface in an interview that also uses the Sociogram to
-    create edges.
-  - Do not use ordinal variables with more than 5 options, since this will
-    create a very crowded interface.
 ---
 
-The Tie-Strength Census interface is similar to the [Dyad Census](/en/desktop/interface-documentation/dyad-census) in terms of user experience, but has the additional benefit of assigning an ordinal variable value to each edge that is created.
+<InterfaceSummary>
+
+![Tie-Strength Census Interface](/assets/uploads/stage-tiestrengthcensus.png)
+
+<InterfaceMeta type="Edge Generator/Edge Interpreter" creates="Edges with weight stored on an ordinal variable" usesprompts="true">
+
+</InterfaceMeta>
+
+</InterfaceSummary>
+
+The Tie-Strength Census interface is similar to the [Dyad Census](../interface-documentation/dyad-census) in terms of user experience, but has the additional benefit of assigning an ordinal variable value to each edge that is created.
 
 For each pair of alters, the participant will be able to indicate if a tie is present by indicating the strength of that tie. The participant can also indicate that a tie is not present between the pair. Selecting an option will automatically advance to the next pair, creating a stremlined and low-burden experience.
 
-If your interview uses the dyad census method (as opposed to creating edges using the [Sociogram](/en/desktop/interface-documentation/sociogram) interface) and you are also interested in tie strength, consider using this interface to reduce the response burden on your participants.
+If your interview uses the dyad census method (as opposed to creating edges using the [Sociogram](../interface-documentation/sociogram) interface) and you are also interested in tie strength, consider using this interface to reduce the response burden on your participants.
 
 To configure this interface in Architect, you will first determine the node type for which edges will be created. Next you will configure one or more prompts, with each prompt specifying:
 
 - An edge type that will be created
 - An ordinal variable that will receive a value when an edge is confirmed. This ordinal variable will be created on the edge type you specified.
 - A label to be used for the option that indicates that no tie is present
+
+### Best Practices
+
+<GoodPractice>
+
+Use this interface in scenarios where you are already using a Dyad Census
+and wish to also collect data about the strength of a tie.
+
+</GoodPractice>
+
+### Try to Avoid
+
+<BadPractice>
+
+Avoid using this interface in an interview that also uses the Sociogram to
+create edges.
+
+</BadPractice>
+
+<BadPractice>
+
+Do not use ordinal variables with more than 5 options, since this will
+create a very crowded interface.
+
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/key-concepts/additional-variables.en.mdx b/apps/documentation/docs/desktop/key-concepts/additional-variables.en.mdx
index 4b3d0325..1492ca00 100644
--- a/apps/documentation/docs/desktop/key-concepts/additional-variables.en.mdx
+++ b/apps/documentation/docs/desktop/key-concepts/additional-variables.en.mdx
@@ -1,19 +1,21 @@
 ---
 title: Additional Variables
 wip: false
-definition: A means of automatically assigning a variable when a node is added
-  to the interview.
 ---
 
+<Definition>
+  A means of automatically assigning a variable when a node is added to the
+  interview.
+</Definition>
+
+## Details
+
 "Additional variables" are optional variables that can be defined on a prompt within the [Name Generator](/en/desktop/interface-documentation/name-generator-using-forms) stage editor. These variables will be automatically assigned to any entity that is created (or in the case of roster data, nominated) on the specified prompt. This feature enables you to keep track of where within an interview a node was added, or to provide additional metadata that can be used for skip logic or stage level filtering later in the interview.
 
 Additional variables are always boolean, and you can set the default value to either "true" or "false".
 
 To create one or more additional variables, open a Name Generator stage in Architect, and click on a prompt to open the "Edit Prompt" window. At the bottom of the window you will find the option to create additional variables under the heading "Assign Additional Variables". The "value" property controls whether the variable is initialised to true or false.
 
-<StandAloneImage
-  src="/assets/img/key-concepts/additional-variables/additional-variables.png"
-  content="Managing additional variables on a Name Generator prompt in Architect"
-/>
+![Managing additional variables on a Name Generator prompt in Architect](/assets/img/key-concepts/additional-variables/additional-variables.png)
 
 In an interview, the value of this variable is automatically managed by the software. For example, adding a node on a prompt with an additional variable set to true will add this variable value to the node. Subsequently deleting or removing the node from the prompt will remove this value.
diff --git a/apps/documentation/docs/desktop/key-concepts/codebook.en.mdx b/apps/documentation/docs/desktop/key-concepts/codebook.en.mdx
index 2dd790db..8c07355a 100644
--- a/apps/documentation/docs/desktop/key-concepts/codebook.en.mdx
+++ b/apps/documentation/docs/desktop/key-concepts/codebook.en.mdx
@@ -1,46 +1,36 @@
 ---
 title: Codebook
-
-definition: An area of the protocol accessible from Architect that contains all variables and entity types.
 ---
 
+<Definition>
+  An area of the protocol accessible from Architect that contains all variables
+  and entity types.
+</Definition>
+
+## Details
+
 The protocol's codebook gives an overview of the entities and variables defined for the protocol. Architect automatically constructs the codebook as you create variables in a protocol. The codebook can be visualized in the codebook view. To access the codebook in Architect, click on the "Manage codebook" button at the top of a protocol file.
 
-<StandAloneImage
-  src="/assets/img/key-concepts/codebook/manage-codebook.png"
-  content="Clicking the 'Manage codebook' button in Architect will navigate to the codebook view"
-/>
+![Clicking the 'Manage codebook' button in Architect will navigate to the codebook view](/assets/img/key-concepts/codebook/manage-codebook.png)
 
 ## Entity Types
 
 The codebook organizes entities by entity type -- Ego, Node, and Edge, and organizes variables by entity. Node and edge types can be edited from the codebook using the "Edit Entity" button. Each node and edge type lists the stages that they are used on, and you can navigate to those stages by clicking on one of the "used in" stage names.
 
-<StandAloneImage
-  src="/assets/img/key-concepts/codebook/codebook.png"
-  content="A view of codebook in Architect."
-/>
+![A view of the codebook in Architect](/assets/img/key-concepts/codebook/codebook.png)
 
 ## Variables
 
 Each variable lists the name, type, input control, and where it is used. You can navigate to any of the stages a variable is used in by clicking on one of the "used in" stage names just like the entity types.
 
-<StandAloneImage
-  src="/assets/img/key-concepts/codebook/used-in.png"
-  content="Entity types and variables both indicate which stages they are used in."
-/>
+![Entity types and variables both indicate which stages they are used in.](/assets/img/key-concepts/codebook/used-in.png)
 
 If a variable is defined but later becomes obsolete, you can see this as an unused variable within the codebook, marked "not in use". Only variables that are unused can be deleted from the codebook. Entity types can also only be deleted if they are unsused in the protocol.
 
-<StandAloneImage
-  src="/assets/img/key-concepts/codebook/unused-variables.png"
-  content="Variables marked 'not in use' and unused entity types can be deleted in the codebook view."
-/>
+![Variables marked 'not in use' and unused entity types can be deleted in the codebook view.](/assets/img/key-concepts/codebook/unused-variables.png)
 
 ## Network Assets
 
 Codebooks also contain a summary of Network Assets when [external network data](/en/desktop/key-concepts/resources/#network) has been included in a protocol. The heading row of network data will be used as the variable names, and codebook lists these variable names as a summary for each external network asset.
 
-<StandAloneImage
-  src="/assets/img/key-concepts/codebook/network-data.png"
-  content="A summary of the variables from an external network file."
-/>
+![A summary of the variables from an external network file.](/assets/img/key-concepts/codebook/network-data.png)
diff --git a/apps/documentation/docs/desktop/key-concepts/field-validation.en.md b/apps/documentation/docs/desktop/key-concepts/field-validation.en.md
index 83951e1e..00dd5e0e 100644
--- a/apps/documentation/docs/desktop/key-concepts/field-validation.en.md
+++ b/apps/documentation/docs/desktop/key-concepts/field-validation.en.md
@@ -1,19 +1,25 @@
 ---
 title: Field Validation
-
-definition: Validate the value of a form field automatically, according to constraints that you define.
 ---
 
+<Definition>
+
+Validate the value of a form field automatically, according to constraints that you define.
+
+</Definition>
+
+## Details
+
 Configuring validation refers to the process of setting constraints on the answers a participant can give in response to question prompts within a [form](/en/desktop/key-concepts/forms). One or multiple validations can be configured for each field of a form depending on the needs of the particular study, but none appear by default.
 
 Setting validations on particular question prompts may help improve your data quality by minimizing extraneous and missing answers from participants. For example, if you plan to only survey participants between the ages of 18 and 24, you may want to set a validation on an [Ego Form](/en/desktop/interface-documentation/ego-form) that constrains the minValue and maxValue of a participant's answer to a question prompt asking for their age. Similarly, you may wish to require participants to provide a name for each node they nominate on a [Name Generator](/en/desktop/interface-documentation/name-generator-using-forms) using forms.
 
-![Image](/assets/img/key-concepts/field-validation/1.png)
+![](/assets/img/key-concepts/field-validation/1.png)
 
-![Image](/assets/img/key-concepts/field-validation/2.png)
+![](/assets/img/key-concepts/field-validation/2.png)
 
 If a validation has been set and a participant's response to the question prompt does not comply with the constraints, Interviewer will indicate the error.
 
-![Image](/assets/img/key-concepts/field-validation/3.png)
+![](/assets/img/key-concepts/field-validation/3.png)
 
 Validation options differ depending on the input control used to capture the variable in question. You can view all Interviewer input controls and corresponding validations in the [input controls](/en/desktop/key-concepts/input-controls) article.
diff --git a/apps/documentation/docs/desktop/key-concepts/forms.en.mdx b/apps/documentation/docs/desktop/key-concepts/forms.en.mdx
index 453a6cc4..8818916d 100644
--- a/apps/documentation/docs/desktop/key-concepts/forms.en.mdx
+++ b/apps/documentation/docs/desktop/key-concepts/forms.en.mdx
@@ -1,11 +1,18 @@
 ---
 title: Forms
-definition: A means to assign variables to ego, nodes, or edges, using a familiar and easy to use interface.
 ---
 
+<Definition>
+
+A means to assign variables to ego, nodes, or edges, using a familiar and easy to use interface.
+
+</Definition>
+
+## Details
+
 Forms are one of the primary ways that that you will assign values to your variables in Interviewer. They work by associating each **variable** with an **input control**, a **question prompt** and **validation options**, to form a **field**. Each form can have as many fields as you wish, and in any order.
 
-![Image](/assets/img/key-concepts/forms/preview.png)
+![](/assets/img/key-concepts/forms/preview.png)
 
 When using Architect to design your study you will encounter several places where you are able to build a form - particularly when creating stages that use Interfaces such as the Name Generator, the Per-alter Form, and the Ego Form.
 
@@ -13,7 +20,7 @@ When using Architect to design your study you will encounter several places wher
 
 Forms are comprised of one or more 'fields', which can be re-ordered to appear in any sequence. The sequence they appear in Architect is the same sequence that they will be shown in Interviewer. To begin creating a form, locate the form section within the interface you are configuring.
 
-![Image](/assets/img/key-concepts/forms/form.png)
+![](/assets/img/key-concepts/forms/form.png)
 
 Set the form heading, and then create fields for each of the variables you wish to capture on this form, by clicking the "create new" button.
 
@@ -22,15 +29,17 @@ When creating a new field, you will first either create a new variable or select
 Next you must decide which [input control](/en/desktop/key-concepts/input-controls) to use, which for new variables will determine the type that this variable will be set to.
 
 <TipBox danger>
-  Remember that once a variable type has been set, such as by choosing its input
-  type when it is first used, it cannot be changed later. You may still adjust
-  the specific input control on your form even once the type is set, as long as
-  the input control is compatible with the variable type.
+
+Remember that once a variable type has been set, such as by choosing its input
+type when it is first used, it cannot be changed later. You may still adjust
+the specific input control on your form even once the type is set, as long as
+the input control is compatible with the variable type.
+
 </TipBox>
 
-After setting the input control, set any [variable specific options](/en/desktop/reference/variable-types) and configure the [validation options](/en/desktop/key-concepts/field-validation) you require.
+After setting the input control, set any variable specific options and configure the [validation options](/en/desktop/key-concepts/field-validation) you require.
 
-![Image](/assets/img/key-concepts/forms/field.png)
+![](/assets/img/key-concepts/forms/field.png)
 
 ## Considerations
 
diff --git a/apps/documentation/docs/desktop/key-concepts/input-controls.en.md b/apps/documentation/docs/desktop/key-concepts/input-controls.en.md
index 0ef8c321..42d83532 100644
--- a/apps/documentation/docs/desktop/key-concepts/input-controls.en.md
+++ b/apps/documentation/docs/desktop/key-concepts/input-controls.en.md
@@ -1,15 +1,21 @@
 ---
 title: Input Controls
 toc: true
-
-definition: A flexible way to assign values to variables in [forms](/en/desktop/key-concepts/forms). By separating the visible control from the variable type, you can choose the best possible interview experience for your participant.
 ---
 
+<Definition>
+
+A flexible way to assign values to variables in [forms](/en/desktop/key-concepts/forms). By separating the visible control from the variable type, you can choose the best possible interview experience for your participant.
+
+</Definition>
+
+## Details
+
 Below you will find a summary of each available input control, and advice about when to use them.
 
 ## Checkbox Group
 
-![image](/assets/img/key-concepts/input-controls/CheckboxGroup.png)
+![](/assets/img/key-concepts/input-controls/CheckboxGroup.png)
 
 ### Purpose
 
@@ -19,24 +25,39 @@ Options are displayed vertically, to allow for longer labels and to create a mor
 
 ### Good practices
 
-<GoodPractice />
+<GoodPractice>
+Use this input control for allowing the participant to select multiple items.
+</GoodPractice>
+
+<GoodPractice>
+Check that the option labels are not too long, or text wrapping might be an issue.
+</GoodPractice>
 
-- Use this input control for allowing the participant to select multiple items.
-- Check that the option labels are not too long, or text wrapping might be an issue.
-- Use validation options to set the maximum and minimum number of options that the participant can select.
-- Keep option labels concise, and make them easily differentiated from one another.
-- Consider the order of your options, and the impact order bias might have on your data.
+<GoodPractice>
+Use validation options to set the maximum and minimum number of options that the participant can select.
+</GoodPractice>
+
+<GoodPractice>
+Keep option labels concise, and make them easily differentiated from one another.
+</GoodPractice>
+
+<GoodPratice>
+Consider the order of your options, and the impact order bias might have on your data.
+</GoodPractice>
 
 ### Things to avoid
 
-<BadPractice />
+<BadPractice>
+Do not use more than 8 options, unless absolutely necessary. Long checkbox groups can be hard to see on a screen without scrolling.
+</BadPractice>
 
-- Do not use more than 8 options, unless absolutely necessary. Long checkbox groups can be hard to see on a screen without scrolling.
-- Avoid using this control when the data is hierarchical, or when the participant should only select a single option. Use the RadioGroup or the Likert scale instead.
+<BadPractice>
+Avoid using this control when the data is hierarchical, or when the participant should only select a single option. Use the RadioGroup or the Likert scale instead.
+</BadPractice>
 
 ## Date Picker
 
-![image](/assets/img/key-concepts/input-controls/DatePicker.png)
+![](/assets/img/key-concepts/input-controls/DatePicker.png)
 
 ### Purpose
 
@@ -46,22 +67,31 @@ If your interview context is better suited to keyboard text entry rather than th
 
 ### Good practices
 
-<GoodPractice />
+<GoodPractice>
+Carefully consider the range of values that you allow your participant to select between. You should aim to constrain these values as much as possible, to eliminate potential errors.
+</GoodPractice>
+
+<GoodPractice>
+For questions asking about the past, make use of the ability to specify an empty "end range" parameter, which will ensure that the most recent date the participant can select is aligned with the date of the interview.
+</GoodPractice>
 
-- Carefully consider the range of values that you allow your participant to select between. You should aim to constrain these values as much as possible, to eliminate potential errors.
-- For questions asking about the past, make use of the ability to specify an empty "end range" parameter, which will ensure that the most recent date the participant can select is aligned with the date of the interview.
-- Use the resolution parameter to only collect data to an appropriate level of specificity. It is often better to collect data at a lower resolution with more certainty, than a higher resolution with more error.
+<GoodPractice>
+Use the resolution parameter to only collect data to an appropriate level of specificity. It is often better to collect data at a lower resolution with more certainty, than a higher resolution with more error.
+</GoodPractice>
 
 ### Things to avoid
 
-<BadPractice />
+<BadPractice>
+Since dates can be burdensome to enter, avoid the use of this control in name generator forms.
+</BadPractice>
 
-- Since dates can be burdensome to enter, avoid the use of this control in name generator forms.
-- Since this control is optimized for touch/mouse, avoid using it if you are creating a largely keyboard driven interview.
+<BadPractice>
+Since this control is optimized for touch/mouse, avoid using it if you are creating a largely keyboard driven interview.
+</BadPractice>
 
 ## Likert Scale
 
-![image](/assets/img/key-concepts/input-controls/LikertScale.png)
+![](/assets/img/key-concepts/input-controls/LikertScale.png)
 
 ### Purpose
 
@@ -71,22 +101,31 @@ When first loaded, this control is in an "untouched" state, with a semi-transpar
 
 ### Good practices
 
-<GoodPractice />
+<GoodPractice>
+Consider whether you want to provide a middle choice or not and mark it as neutral/ambivalent (e.g., "neither agree nor disagree", rather than unsure).
+</GoodPractice>
 
-- Consider whether you want to provide a middle choice or not and mark it as neutral/ambivalent (e.g., "neither agree nor disagree", rather than unsure).
-- Consider whether you need more than five categories. Much research suggests there's limited power in using seven or more categories rather than just 5 (or even 3).
-- Note the special way this control handles the 'required' validation - no value will be recorded in the variable until the participant has interacted with the control. Once interacted with, the value of the control cannot be unset.
+<GoodPractice>
+Consider whether you need more than five categories. Much research suggests there's limited power in using seven or more categories rather than just 5 (or even 3).
+</GoodPractice>
+
+<GoodPractice>
+Note the special way this control handles the 'required' validation - no value will be recorded in the variable until the participant has interacted with the control. Once interacted with, the value of the control cannot be unset.
+</GoodPractice>
 
 ### Things to avoid
 
-<BadPractice />
+<BadPractice>
+Never place the response categories out of order - they must be in sequence.
+</BadPractice>
 
-- Never place the response categories out of order - they must be in sequence.
-- Do not use this control for large numbers of options. Consider the use of the RadioGroup control instead.
+<BadPractice>
+Do not use this control for large numbers of options. Consider the use of the RadioGroup control instead.
+</BadPractice>
 
 ## Number Input
 
-![image](/assets/img/key-concepts/input-controls/NumberInput.png)
+![](/assets/img/key-concepts/input-controls/NumberInput.png)
 
 ### Purpose
 
@@ -96,21 +135,27 @@ Please note that because of the way numbers are represented scientifically, the
 
 ### Good practices
 
-<GoodPractice />
+<GoodPractice>
+Set validation options that constrain the range of possible entries when the variable value should only be positive (e.g. age).
+</GoodPractice>
 
-- Set validation options that constrain the range of possible entries when the variable value should only be positive (e.g. age).
-- Use this control for capturing numeric data rather than the text input for cleaner data.
+<GoodPractice>
+Use this control for capturing numeric data rather than the text input for cleaner data.
+</GoodPractice>
 
 ### Things to avoid
 
-<BadPractice />
+<BadPractice>
+Do not use the number input to capture date data. Date data should be captured using the DatePicker or a text input.
+</BadPractice>
 
-- Do not use the number input to capture date data. Date data should be captured using the DatePicker or a text input.
-- Do not use this control for non-integer number variables, such as phone numbers. Use a text input.
+<BadPractice>
+Do not use this control for non-integer number variables, such as phone numbers. Use a text input.
+</BadPractice>
 
 ## Radio Group
 
-![image](/assets/img/key-concepts/input-controls/RadioGroup.png)
+![](/assets/img/key-concepts/input-controls/RadioGroup.png)
 
 ### Purpose
 
@@ -118,24 +163,39 @@ A radio group is a control that allows participants to select a single choice fr
 
 ### Good practices
 
-<GoodPractice />
+<GoodPractice>
+Create succinct labels for options to avoid issues with text wrapping.
+</GoodPractice>
+
+<GoodPractice>
+Ensure that option labels can be quickly differentiated from one another.
+</GoodPractice>
+
+<GoodPractice>
+Carefully consider the ordering of your options. Even if your options are not hierarchical, ordering may bias your data in other ways.
+</GoodPractice>
 
-- Create succinct labels for options to avoid issues with text wrapping.
-- Ensure that option labels can be quickly differentiated from one another.
-- Carefully consider the ordering of your options. Even if your options are not hierarchical, ordering may bias your data in other ways.
-- Use this control when only one item should be selected.
+<GoodPractice>
+Use this control when only one item should be selected.
+</GoodPractice>
 
 ### Things to avoid
 
-<BadPractice />
+<BadPractice>
+Avoid using long radio groups with many options, as they can be difficult for a participant to see without scrolling.
+</BadPractice>
 
-- Avoid using long radio groups with many options, as they can be difficult for a participant to see without scrolling.
-- Items that are not selected provide an 'implied no', meaning that all items not selected by a participant do not apply to them. If you need explicit confirmation, consider using a different input control with a true/false value per option.
-- If a participant should be able to toggle multiple items for the variable in question, consider using the checkbox group or toggle box group instead.
+<BadPractice>
+Items that are not selected provide an 'implied no', meaning that all items not selected by a participant do not apply to them. If you need explicit confirmation, consider using a different input control with a true/false value per option.
+</BadPractice>
+
+<BadPractice>
+If a participant should be able to toggle multiple items for the variable in question, consider using the checkbox group or toggle box group instead.
+</BadPractice>
 
 ## Relative Date Picker
 
-![image](/assets/img/key-concepts/input-controls/RelativeDatePicker.png)
+![](/assets/img/key-concepts/input-controls/RelativeDatePicker.png)
 
 ### Purpose
 
@@ -147,19 +207,19 @@ Unlike the date picker control, the relative date picker does not allow you to s
 
 ### Good practices
 
-<GoodPractice />
-
-- Ensure you specify the range of dates prior to or after the anchor date to broaden or shorten available dates a participant can select from. By default, the relative date picker uses 180 days prior to and 0 days after the anchor date.
+<GoodPractice>
+Ensure you specify the range of dates prior to or after the anchor date to broaden or shorten available dates a participant can select from. By default, the relative date picker uses 180 days prior to and 0 days after the anchor date.
+</GoodPractice>
 
 ### Things to avoid
 
-<BadPractice />
-
-- If you want to allow participants to be less granular in their date selection, such as just using a month or a year rather than a date, consider using the date picker control instead.
+<BadPractice>
+If you want to allow participants to be less granular in their date selection, such as just using a month or a year rather than a date, consider using the date picker control instead.
+</BadPractice>
 
 ## Text Area
 
-![image](/assets/img/key-concepts/input-controls/TextArea.png)
+![](/assets/img/key-concepts/input-controls/TextArea.png)
 
 ### Purpose
 
@@ -167,20 +227,23 @@ The text area control provides participants with a simple field for data entry o
 
 ### Good practices
 
-<GoodPractice />
-
-- Use the text area control for question prompts that require longer form responses from participants. This may be especially useful for qualitative studies.
+<GoodPractice>
+Use the text area control for question prompts that require longer form responses from participants. This may be especially useful for qualitative studies.
+</GoodPractice>
 
 ### Things to avoid
 
-<BadPractice />
+<BadPractice>
+Avoid using a text area control when the data you want could be more effectively captured as a categorical or numeric variable.
+</BadPractice>
 
-- Avoid using a text area control when the data you want could be more effectively captured as a categorical or numeric variable.
-- Avoid using the text area control on devices with software keyboards, since text entry can be error-prone and laborious.
+<BadPractice>
+Avoid using the text area control on devices with software keyboards, since text entry can be error-prone and laborious.
+</BadPractice>
 
 ## Text Input
 
-![image](/assets/img/key-concepts/input-controls/TextInput.png)
+![](/assets/img/key-concepts/input-controls/TextInput.png)
 
 ### Purpose
 
@@ -188,22 +251,31 @@ The text input control provides participants with a field for simple data entry
 
 ### Good practices
 
-<GoodPractice />
+<GoodPractice>
+Set correct validation options to ensure that appropriate data is provided.
+</GoodPractice>
+
+<GoodPractice>
+Consider using the text input control for numerical data that should be stored as a string, such as phone numbers.
+</GoodPractice>
 
-- Set correct validation options to ensure that appropriate data is provided.
-- Consider using the text input control for numerical data that should be stored as a string, such as phone numbers.
-- Ensure the prompt for the question is clear so that the data entered into the text input requires less cleaning.
+<GoodPractice>
+Ensure the prompt for the question is clear so that the data entered into the text input requires less cleaning.
+</GoodPractice>
 
 ### Things to avoid
 
-<BadPractice />
+<BadPractice>
+Do not use the text input control for longer responses, or free form data. Use the text area control instead.
+</BadPractice>
 
-- Do not use the text input control for longer responses, or free form data. Use the text area control instead.
-- It is not possible to paste text into the text input control. Do not rely on pasting data into this control.
+<BadPractice>
+It is not possible to paste text into the text input control. Do not rely on pasting data into this control.
+</BadPractice>
 
 ## Toggle
 
-![image](/assets/img/key-concepts/input-controls/Toggle.png)
+![](/assets/img/key-concepts/input-controls/Toggle.png)
 
 ### Purpose
 
@@ -211,21 +283,31 @@ The toggle control provides participants a switch that can be toggled on or off,
 
 ### Good practices
 
-<GoodPractice />
+### Good practices
 
-- Use a toggle to easily collect simple true/false variable values, and specifically to indicate the presence of an attribute.
-- Consider using multiple toggles to indicate attributes that can then be used as part of [network filtering](/en/desktop/key-concepts/network-filtering) or [skip logic](/en/desktop/key-concepts/skip-logic).
+<GoodPractice>
+Use a toggle to easily collect simple true/false variable values, and specifically to indicate the presence of an attribute.
+</GoodPractice>
+
+<GoodPractice>
+
+Consider using multiple toggles to indicate attributes that can then be used as part of [network filtering](/en/desktop/key-concepts/network-filtering) or [skip logic](/en/desktop/key-concepts/skip-logic).
+
+</GoodPractice>
 
 ### Things to avoid
 
-<BadPractice />
+<BadPractice>
+Only use the toggle for dichotomous variables. Where a third option is required, consider using a radio group instead.
+</BadPractice>
 
-- Only use the toggle for dichotomous variables. Where a third option is required, consider using a radio group instead.
-- Carefully consider the 'implied no' inherent in this input control. If you require the user to specifically indicate a negative value, consider using a RadioGroup with two items, and using the `required` validation.
+<BadPractice>
+Carefully consider the 'implied no' inherent in this input control. If you require the user to specifically indicate a negative value, consider using a RadioGroup with two items, and using the `required` validation.
+</BadPractice>
 
 ## Toggle Button Group
 
-![image](/assets/img/key-concepts/input-controls/ToggleButtonGroup.png)
+![](/assets/img/key-concepts/input-controls/ToggleButtonGroup.png)
 
 ### Purpose
 
@@ -235,21 +317,27 @@ It is provided as an alternative to the checkbox group for scenarios where it ma
 
 ### Good practices
 
-<GoodPractice />
+<GoodPractice>
+Use this component to collect categorical data, particularly when you have smaller numbers of items.
+</GoodPractice>
 
-- Use this component to collect categorical data, particularly when you have smaller numbers of items.
-- The visual emphasis of this control implies 'membership', so consider using it for variables that represent groups or activities.
+<GoodPractice>
+The visual emphasis of this control implies 'membership', so consider using it for variables that represent groups or activities.
+</GoodPractice>
 
 ### Things to avoid
 
-<BadPractice />
+<BadPractice>
+Avoid using long labels, or labels of more than two words, as it may be difficult for participants to clearly see the categories.
+</BadPractice>
 
-- Avoid using long labels, or labels of more than two words, as it may be difficult for participants to clearly see the categories.
-- Avoid using more than 8 categories for a toggle button group, as only 8 distinct colors are provided.
+<BadPractice>
+Avoid using more than 8 categories for a toggle button group, as only 8 distinct colors are provided.
+</BadPractice>
 
 ## Visual Analog Scale
 
-![image](/assets/img/key-concepts/input-controls/VisualAnalogScale.png)
+![](/assets/img/key-concepts/input-controls/VisualAnalogScale.png)
 
 ### Purpose
 
@@ -257,12 +345,12 @@ A visual analog scale is a control that sets a normalized value between 0 and 1
 
 ### Good practices
 
-<GoodPractice />
-
-- Consider using a visual analog scale to collect variable data that is best represented on a continuum with a linear progression. Participants are able to give more precise responses on a continuum rather choose a specific option, like on a Likert scale.
+<GoodPractice>
+Consider using a visual analog scale to collect variable data that is best represented on a continuum with a linear progression. Participants are able to give more precise responses on a continuum rather choose a specific option, like on a Likert scale.
+</GoodPractice>
 
 ### Things to avoid
 
-<BadPractice />
-
-- Use another control for variables necessitating multiple predefined items.
+<BadPractice>
+Use another control for variables necessitating multiple predefined items.
+</BadPractice>
diff --git a/apps/documentation/docs/desktop/key-concepts/interfaces.en.mdx b/apps/documentation/docs/desktop/key-concepts/interfaces.en.mdx
index 092ad234..cb51d0a7 100644
--- a/apps/documentation/docs/desktop/key-concepts/interfaces.en.mdx
+++ b/apps/documentation/docs/desktop/key-concepts/interfaces.en.mdx
@@ -1,9 +1,15 @@
 ---
 title: Interfaces
-
-definition: Data collection instruments designed for a specific task. Interfaces are configured in Architect, and added to the interview protocol, where they are subsequently called stages.
 ---
 
+<Definition>
+
+Data collection instruments designed for a specific task. Interfaces are configured in Architect, and added to the interview protocol, where they are subsequently called stages.
+
+</Definition>
+
+## Details
+
 Interviews in Network Canvas are comprised of one or more 'stages', which can be thought of as the individual screens that a participant sees. Each stage is an _instance_ of an 'Interface', which has been configured to collect specific variables, or create nodes/edges. Interfaces are therefore the most fundamental building blocks of a Network Canvas interview.
 
 Each Interface is designed to accomplish a single specific task in the network interview. Some tasks, such as edge generation, can be accomplished with different interfaces. Which interface you choose when designing your interview in Architect is entirely up to you.
@@ -16,10 +22,7 @@ Interfaces can be broadly categorized as: name generators, edge generators, name
 
 Name Generators allow participants to create alters during the course of an interview, thereby describing one of the two main entities in your study’s networks. There are four possible Name Generators available to select from, each designed for specific scenarios: [Name Generator (using forms)](/en/desktop/interface-documentation/name-generator-using-forms), [Name Generator (using quick add)](/en/desktop/interface-documentation/name-generator-using-quick-add), [Small Roster Name Generator](/en/desktop/interface-documentation/small-roster-name-generator), or [Large Roster Name Generator](/en/desktop/interface-documentation/large-roster-name-generator).
 
-<StandAloneImage
-  src="/assets/img/key-concepts/interfaces/name-generators.png"
-  content="Available Name Generator Interfaces in Architect"
-/>
+![Available Name Generator Interfaces in Architect](/assets/img/key-concepts/interfaces/name-generators.png)
 
 ### Sociogram Interfaces
 
@@ -27,25 +30,16 @@ Sociograms are the visual mapping component of a network interview. On the Socio
 
 There are two sociogram Interfaces in Network Canvas - one for data collection ([Sociogram](/en/desktop/interface-documentation/sociogram)) and one for data display ([Narrative](/en/desktop/interface-documentation/narrative)) - that can be added to your study and configured in Architect.
 
-<StandAloneImage
-  src="/assets/img/key-concepts/interfaces/sociograms.png"
-  content="Available Sociogram Interfaces in Architect"
-/>
+![Available Sociogram Interfaces in Architect](/assets/img/key-concepts/interfaces/sociograms.png)
 
 ### Name Interpreter Interfaces
 
 Once a study contains entities, Name Interpreter Interfaces can be used to collect additional information and build upon the existing alters or ties. These interfaces include: [Ordinal Bin](/en/desktop/interface-documentation/ordinal-bin), [Categorical Bin](/en/desktop/interface-documentation/categorical-bin), [Per Alter Form](/en/desktop/interface-documentation/per-alter-form), [Per Alter Edge Form](/en/desktop/interface-documentation/per-alter-edge-form), [Ego Form](/en/desktop/interface-documentation/ego-form), and [Dyad Census](/en/desktop/interface-documentation/dyad-census).
 
-<StandAloneImage
-  src="/assets/img/key-concepts/interfaces/name-interpreters.png"
-  content="Available Name Interpreter Interfaces in Architect"
-/>
+![Available Name Interpreter Interfaces in Architect](/assets/img/key-concepts/interfaces/name-interpreters.png)
 
 ### Utility Interfaces
 
 The [Information Interface](/en/desktop/interface-documentation/information) is a general purpose screen that can be used to present information to participants using a variety of text and media resources. This is helpful in explaining stage functionalities and increasing participant comprehension.
 
-<StandAloneImage
-  src="/assets/img/key-concepts/interfaces/utilities.png"
-  content="Available Utility Interfaces in Architect"
-/>
+![Available Utility Interfaces in Architect](/assets/img/key-concepts/interfaces/utilities.png)
diff --git a/apps/documentation/docs/desktop/key-concepts/metadata.json b/apps/documentation/docs/desktop/key-concepts/metadata.json
index 1fe05df4..4115762b 100644
--- a/apps/documentation/docs/desktop/key-concepts/metadata.json
+++ b/apps/documentation/docs/desktop/key-concepts/metadata.json
@@ -1,7 +1,9 @@
 {
+  "type": "folder",
   "localeLabels": {
     "en": "Key concepts",
     "ru": "Ключевые идеи"
   },
-  "isExpanded": true
+  "isExpanded": false,
+  "slug": "key-concepts"
 }
diff --git a/apps/documentation/docs/desktop/key-concepts/network-filtering.en.mdx b/apps/documentation/docs/desktop/key-concepts/network-filtering.en.mdx
index bb932647..7aaf25c2 100644
--- a/apps/documentation/docs/desktop/key-concepts/network-filtering.en.mdx
+++ b/apps/documentation/docs/desktop/key-concepts/network-filtering.en.mdx
@@ -1,32 +1,35 @@
 ---
 title: Network Filtering
-
-definition: Only show a subset of nodes or edges on a given interview stage based on their attributes.
 ---
 
+<Definition>
+
+Only show a subset of nodes or edges on a given interview stage based on their attributes.
+
+</Definition>
+
+## Details
+
 Network filtering is a configuration feature you will find in several areas of Architect. Simply put, it allows you to define one or more rules that determine which nodes or edges should be shown on a given stage (or in a side panel - [see below](#network-filtering-in-a-side-panel)). It can be used to only show a subset of the network.
 
 This is particularly useful in cases where the content of the stage does not apply to all network entities. Consider the example of an interview protocol with two stages - a [Name Generator](/en/desktop/interface-documentation/name-generator-using-forms), and an [Ordinal Bin](/en/desktop/interface-documentation/ordinal-bin). On the first stage, for each alter named the participant is asked if they play sports with the individual. The second stage asks "how often do you play sports with each of these people?". Filtering the network for this second stage to show only those alters with the "plays sports with" attribute will reduce the response burden of the task, and will make the interview protocol more efficient.
 
 <TipBox>
-  Network filtering is different from [skip
-  logic](/en/desktop/key-concepts/skip-logic)! Although the two sound similar in
-  principle, they achieve very different design goals. Whereas network filtering
-  determines which nodes to show _within_ a stage, skip logic determines if a
-  stage should be shown at all. Consult the article on [skip
-  logic](/en/desktop/key-concepts/skip-logic) to learn more.
+
+Network filtering is different from [skip logic](/en/desktop/key-concepts/skip-logic)! Although the two sound similar in principle, they achieve very different design goals. Whereas network filtering determines which nodes to show _within_ a stage, skip logic determines if a stage should be shown at all. Consult the article on [skip logic](/en/desktop/key-concepts/skip-logic) to learn more.
+
 </TipBox>
 
 ## Configuring Network Filtering on a Stage
 
 To configure network filtering within a stage, open the stage from the timeline view, and toggle the switch to enable "Network Filtering". From here, you have the ability to create one or more **rules** (of type alter or edge), as well as to set the **join operator** by determining if "all rules", or "any rule" must match.
 
-![Image](/assets/img/key-concepts/network-filtering/filtering-panel.png)
+![](/assets/img/key-concepts/network-filtering/filtering-panel.png)
 
 <TipBox>
-  Network filtering is only available on _name interpreter_ interfaces -
-  interfaces that add attributes to nodes or edges. It is not available on
-  specialist _name generator_ interfaces.
+
+Network filtering is only available on _name interpreter_ interfaces - interfaces that add attributes to nodes or edges. It is not available on specialist _name generator_ interfaces.
+
 </TipBox>
 
 ### Filtering Rules
@@ -39,10 +42,12 @@ Similar to skip logic rules, filtering rules have two types that can be targeted
 Unlike skip logic rules (which are aggregated into an overall boolean `true` or `false` value), filter rules are applied to each node and edge in the network, and are not aggregated. Instead, the nodes that remain are those that satisfy the rule constraints.
 
 <TipBox danger>
-  It is important to remember that filtering retains the validity of the network
-  model: the returned network will not contain orphaned nodes when using an edge
-  query, or partially disconnected edges, since these are not phenomenologically
-  valid.
+
+It is important to remember that filtering retains the validity of the network
+model: the returned network will not contain orphaned nodes when using an edge
+query, or partially disconnected edges, since these are not phenomenologically
+valid.
+
 </TipBox>
 
 ### The Join Operator
@@ -62,16 +67,18 @@ Consider an interview where you use the [Sociogram](/en/desktop/interface-docume
 
 To achieve this using network filtering, we implemented the following edge and node rules on the Per Alter Form:
 
-![Image](/assets/img/key-concepts/network-filtering/example.png)
+![](/assets/img/key-concepts/network-filtering/example.png)
 
 Applying these rules within this stage determines that only HIV+ nodes who have a sex relationship will be shown. All nodes that do not have a sex relationship will be filtered out - even if they have attribute `HIV_pos = true`.
 
 <TipBox danger>
-  If your filter query (the sum of all defined rules within the stage) includes
-  an edge rule, you will also filter alters. For example, if your rule is set to
-  filter the existence of an edge type, such as 'sex', any nodes that would
-  become isolates as a result of this query are removed from the filtered
-  network.
+
+If your filter query (the sum of all defined rules within the stage) includes
+an edge rule, you will also filter alters. For example, if your rule is set to
+filter the existence of an edge type, such as 'sex', any nodes that would
+become isolates as a result of this query are removed from the filtered
+network.
+
 </TipBox>
 
 ## Network Filtering in a Side Panel
@@ -80,4 +87,4 @@ You also have the ability to filter the content of Name Generator [side panels](
 
 This feature can be particularly useful if you wish to filter elements of a roster. For example, your roster may contain an attribute that represents graduation year that you could use to filter the side panel content for a question about classmates known from a certain year group.
 
-![Image](/assets/img/key-concepts/network-filtering/side-panel.png)
+![](/assets/img/key-concepts/network-filtering/side-panel.png)
diff --git a/apps/documentation/docs/desktop/key-concepts/preview-mode.en.md b/apps/documentation/docs/desktop/key-concepts/preview-mode.en.md
index f444b7fa..f22e2e39 100644
--- a/apps/documentation/docs/desktop/key-concepts/preview-mode.en.md
+++ b/apps/documentation/docs/desktop/key-concepts/preview-mode.en.md
@@ -1,16 +1,22 @@
 ---
 title: Preview Mode
-
-definition: Allows you to test your interview protocol to see how it will appear in Interviewer before deploying it to your interview devices.
 ---
 
+<Definition>
+
+Allows you to test your interview protocol to see how it will appear in Interviewer before deploying it to your interview devices.
+
+</Definition>
+
+## Details
+
 Preview mode is a feature within Architect that allows users to interactively preview their protocols on a per stage basis in real-time. In this mode, users can preview their protocol, by stage or in its entirety, just the way it would display on an Interviewer client in the field. This function is particularly helpful in protocol design and editing phases of a study, where a user may want to preview changes they implement immediately prior to deploying their protocol to the Interviewer app.
 
 ## Using Preview Mode
 
 To use preview mode, click the card of the stage you wish to preview. Once on the stage configuration screen, click the large pink button in the bottom left corner. A window will open which displays the stage as it would appear in the Interviewer app. From there, you can cycle through the stage prompts and complete any stage specific activities. If you wish to preview more than one stage, continue advancing to subsequent stage(s) until you reach the end of your protocol.
 
-![Image](/assets/img/key-concepts/preview-mode/Preview-Mode.png)
+![](/assets/img/key-concepts/preview-mode/Preview-Mode.png)
 
 You can exit preview mode at any time by closing the window. Data you enter will carry forward to subsequent stages so long as you keep the preview mode window open. As soon as the window is closed, any data entered will be lost as preview mode does not permanently store data.
 
diff --git a/apps/documentation/docs/desktop/key-concepts/prompts.en.mdx b/apps/documentation/docs/desktop/key-concepts/prompts.en.mdx
index 49f6e71c..cf23a5b5 100644
--- a/apps/documentation/docs/desktop/key-concepts/prompts.en.mdx
+++ b/apps/documentation/docs/desktop/key-concepts/prompts.en.mdx
@@ -1,25 +1,26 @@
 ---
 title: Prompts
-definition: Participant-facing questions, or instructions, that explain which data should be provided or how to complete the task on a given stage.
 ---
 
+<Definition>
+
+Participant-facing questions, or instructions, that explain which data should be provided or how to complete the task on a given stage.
+
+</Definition>
+
+## Details
+
 Most stages use the concept of “prompts” that define questions to put to the participant during the interview. This can be explained to the participant in ways that are meaningful to your study.
 
 A single stage may contain multiple prompts, or a single prompt, depending on the needs of the interview. You may wish to think about grouping prompts by theme, and then having one stage for each theme. For example, a “Name Generator (family)” stage could contain prompts about family alters, and “Name Generator (colleagues)” could contain prompts about professional alters.
 
-<StandAloneImage
-  src="/assets/img/key-concepts/prompts/multiple-prompts.png"
-  content="Multiple prompts on a name generator stage in Architect."
-/>
+![Multiple prompts on a name generator stage in Architect.](/assets/img/key-concepts/prompts/multiple-prompts.png)
 
 ## Creating prompts
 
 When creating prompts, text instructions must be specified. Prompts can contain formatting such as bold or italicized text to create emphasis and rhythm. To create this formatting, use markdown syntax.
 
-<StandAloneImage
-  src="/assets/img/key-concepts/prompts/edit-prompt.png"
-  content="Editing a prompt in Architect"
-/>
+![Editing a prompt in Architect](/assets/img/key-concepts/prompts/edit-prompt.png)
 
 Prompts can also be created to automatically assign "true" or "false" values to [additional variables](/en/desktop/key-concepts/additional-variables) to track where in an interview an entity was included, or to add to an entity.
 
@@ -27,7 +28,4 @@ Prompts can also be created to automatically assign "true" or "false" values to
 
 Most stages use "pips" to indicate progress through the prompts, and the progress bar moves forward incrementally as the interview steps through each prompt.
 
-<StandAloneImage
-  src="/assets/img/key-concepts/prompts/nc-prompts.png"
-  content="Pips above the question on a prompt in Interviewer indicate progress on the stage"
-/>
+![Pips above the question on a prompt in Interviewer indicate progress on the stage](/assets/img/key-concepts/prompts/nc-prompts.png)
diff --git a/apps/documentation/docs/desktop/key-concepts/resources.en.mdx b/apps/documentation/docs/desktop/key-concepts/resources.en.mdx
index ef112534..a4886b18 100644
--- a/apps/documentation/docs/desktop/key-concepts/resources.en.mdx
+++ b/apps/documentation/docs/desktop/key-concepts/resources.en.mdx
@@ -1,15 +1,27 @@
 ---
 title: Resources
-
-definition: External files, such as audio, images, video, and network roster data, that can be used within your interview protocol.
 ---
 
+<Definition>
+
+External files, such as audio, images, video, and network roster data, that can be used within your interview protocol.
+
+</Definition>
+
+## Details
+
 In Architect, 'resources' are any external files that you use within your interview. These can be media files, such as audio, images, or even video. They can also be network data files that you can use as a roster. Careful use of resources can improve the interview experience for your participants, or enable different types of interview workflow.
 
 Once added to your protocol in Architect, resources are stored within the `.netcanvas` file itself. Because of this, you will need to handle updating or removing resources from within Architect.
 
 <TipBox danger>
-  Using large numbers of resources, or resources that are poorly optimized, in your protocol can **heavily** impact performance. This means that protocols take longer to install on devices, and some stages may take much longer to load. Special care must be taken to appropriately resize and compress your resources before importing them, and you must ensure that you have tested your protocol on your intended field devices to ascertain performance levels.
+
+Using large numbers of resources, or resources that are poorly optimized, in your
+protocol can **heavily** impact performance. This means that protocols take longer
+to install on devices, and some stages may take much longer to load. Special care
+must be taken to appropriately resize and compress your resources before importing
+them, and you must ensure that you have tested your protocol on your intended field
+devices to ascertain performance levels.
 
 As a general guide, you should aim to have your total protocol file size be less than 10mb.
 
@@ -21,17 +33,17 @@ Many stages allow you to add resources directly while configuring them. This is
 
 If the stage you are supporting uses a resource it will provide an interface for you to add it directly, and will give instructions about which type of resource is required.
 
-![Image](/assets/img/key-concepts/assets/bg-asset.png)
+![](/assets/img/key-concepts/assets/bg-asset.png)
 
 ## Adding and Removing Resources from the Resource Library
 
 For a more broad overview of all resources within your current protocol, click the 'resource library' button in the upper right hand corner of the protocol overview card, when looking at the timeline. This will open the Resource Library.
 
-![image](/assets/img/key-concepts/assets/manage-assets-button.png)
+![](/assets/img/key-concepts/assets/manage-assets-button.png)
 
 Under the resource library screen, you can browse, filter, and delete any existing resources, as well as add new ones. To add a new resource to the resource library, simply drag and drop a file into the designated area, or browse for the file you wish to import.
 
-![Image](/assets/img/key-concepts/assets/asset-library.png)
+![](/assets/img/key-concepts/assets/asset-library.png)
 
 You will notice that existing resources that are unused show a red "unused" pill. This indicates that they are able to be deleted. Attempting to delete an resource that is in use within your interview will be prevented. You must first update or remove all uses of a resource before you can delete it.
 
@@ -51,4 +63,4 @@ Interviewer supports MP4 and MOV video file formats. Take special care when usin
 
 ### Network
 
-Interviewer supports network data in CSV format. The heading row will be used to set variable names for any nodes brought in to the interview. Ensure that you have a column called "name" to take advantage of automatic [node labelling](/en/desktop/reference/node-labelling). Download a simple example CSV file from [here](/assets/previousInterview.csv).
+Interviewer supports network data in CSV format. The heading row will be used to set variable names for any nodes brought in to the interview. Ensure that you have a column called "name" to take advantage of automatic [node labelling](/en/desktop/advanced-topics/node-labelling). Download a simple example CSV file from [here](/assets/previousInterview.csv).
diff --git a/apps/documentation/docs/desktop/key-concepts/skip-logic.en.mdx b/apps/documentation/docs/desktop/key-concepts/skip-logic.en.mdx
index 09b457ad..aec3fafd 100644
--- a/apps/documentation/docs/desktop/key-concepts/skip-logic.en.mdx
+++ b/apps/documentation/docs/desktop/key-concepts/skip-logic.en.mdx
@@ -1,9 +1,15 @@
 ---
 title: Skip Logic
-
-definition: Conditionally skip or show stages within the interview, based on the current information in the interview network.
 ---
 
+<Definition>
+
+Conditionally skip or show stages within the interview, based on the current information in the interview network.
+
+</Definition>
+
+## Details
+
 Skip logic is a feature within Interviewer that allows you to conditionally skip or show stages within the interview, based on the current information in the interview network. By skipping or showing certain stages, you are able to direct the path a participant takes through your protocol.
 
 For example, if a participant indicates on an ego form stage that they have never used drugs, you may configure your protocol using skip logic to not show them subsequent name interpreter stages that ask about drug use with alters.
@@ -20,13 +26,13 @@ The following is a high level overview of the way that this feature works:
 
 To add skip logic to a stage, open it from the timeline view, and click "Use skip logic" to expand the section.
 
-![Image](/assets/img/key-concepts/skip-logic/skip-logic-section.png)
+![](/assets/img/key-concepts/skip-logic/skip-logic-section.png)
 
 To disable skip logic for a stage, click the toggle at the top of this section.
 
 You can see which stages have skip logic enabled by looking for the skip logic icon next to the stage on the timeline.
 
-![Image](/assets/img/key-concepts/skip-logic/skip-icon.png)
+![](/assets/img/key-concepts/skip-logic/skip-icon.png)
 
 ## Skip Logic Rules
 
@@ -41,7 +47,7 @@ Rules are chained together (or 'joined') using either `AND` or `OR` logic, which
 
 If rules are joined by `AND` statements, and all individual rules evaluate to `true`, so will the top level constraint (for example: `true && true === true`). Conversely, if any individual rules evaluate to false, so too will the top level constraint (`true && false === false`). If rules are joined by `OR` statements, any individual rule evaluating truthfully will cause the top level constraint to also evaluate as true (`true || false || false === true`).
 
-![image](/assets/img/key-concepts/skip-logic/must-match.png)
+![](/assets/img/key-concepts/skip-logic/must-match.png)
 
 This means that the choice of join operator can have an extremely significant impact on the way that your rules are collectively evaluated. One way of thinking about the difference is that you should use the "all rules" option in situations where there is only _one_ scenario where a stage should be shown. You can then add as many rules as you need to ensure that this scenario is as specific as possible.
 
@@ -54,9 +60,11 @@ Before we know the final outcome of the skip logic rule, we have to consider one
 For example, if you wished to skip a stage based on if a categorical variable with many options is set to all but one possible value, you would typically have to write a rule for each value, and use the `OR` operator. However, if you were to set the skip logic to "show this stage if", you would only need to define a single rule, that included the value that is specifically permissible.
 
 <TipBox>
-  Take extra care to think through the logical repercussions of your join
-  operator when changing this property, as it can be somewhat counter-intuitive.
-  It is very easy to make your rule too specific using the `AND` operator!
+
+Take extra care to think through the logical repercussions of your join
+operator when changing this property, as it can be somewhat counter-intuitive.
+It is very easy to make your rule too specific using the `AND` operator!
+
 </TipBox>
 
 ## Extended Example
@@ -65,13 +73,13 @@ Since skip logic can be confusing to new users, we have provided an extended exa
 
 Consider an interview where you are using a [Categorical Bin Interface](/en/desktop/interface-documentation/categorical-bin) to classify the participant's relationship with alters. You define options including 'friend', 'spouse/partner', 'coworker', 'parent', 'sibling', 'child', 'uncle/aunt', or 'grandparent' with corresponding values of 1, 2, 3, 4, 5, 6, 7, and 8.
 
-![Image](/assets/img/key-concepts/skip-logic/categorical-variable.png)
+![](/assets/img/key-concepts/skip-logic/categorical-variable.png)
 
 In the following stage you want to use another Categorical Bin, but this time to capture type of relatedness of alters to ego (e.g. 'biological', 'step', 'adoptive', 'through marriage', etc.). Now let us imagine that a participant did not nominate any alters to whom they are related (i.e. they have only nominated friends, spouse/partners, and/or coworkers). In such an instance, the type of relatedness stage would be irrelevant and, therefore, implementing skip logic to skip this stage entirely for such a participant would both increase efficiency and minimize respondent burden.
 
 We implemented a simple skip logic rule to address this, as follows:
 
-![Image](/assets/img/key-concepts/skip-logic/example.png)
+![](/assets/img/key-concepts/skip-logic/example.png)
 
 In the above example, you could also configure your skip logic to achieve the same outcome by implementing the inverse rule (i.e. skip screen if alter of a type Person with Relationship excludes 4, 5, 6, 7, or 8).
 
diff --git a/apps/documentation/docs/desktop/key-concepts/the-protocol-file.en.md b/apps/documentation/docs/desktop/key-concepts/the-protocol-file.en.md
index 8a03544b..17be6b54 100644
--- a/apps/documentation/docs/desktop/key-concepts/the-protocol-file.en.md
+++ b/apps/documentation/docs/desktop/key-concepts/the-protocol-file.en.md
@@ -1,8 +1,15 @@
 ---
 title: The Protocol File
-definition: A file with the extension .netcanvas that represents your interview protocol and contains all data and assets used by it.
 ---
 
+<Definition>
+
+A file with the extension .netcanvas that represents your interview protocol and contains all data and assets used by it.
+
+</Definition>
+
+## Details
+
 Network Canvas protocols are stored in a file with the extension .netcanvas. They are just like any other files on your computer, meaning you can move them around, rename them, and you can (and should!) back them up.
 
 The `.netcanvas` file contains all of the data in your protocol. So if you use any [resources](/en/desktop/key-concepts/resources), such as roster data, images, or video, these will be embedded within the file.
@@ -13,8 +20,8 @@ Architect will create your protocol file automatically when you create a new pro
 
 Once you deploy your protocol to other applications, however, be aware that making changes effectively makes your protocol a new version. If you find that you need to make changes after deploying it, you have two options. It is recommended to save a copy of your protocol with a new name after making changes, and to import the new version to Interviewer and Server. The other option is to remove the existing protocol (and any interview data) from Server and Interviewer and upload the newer version. This is necessary to ensure compatibility across tools.
 
-If you choose to create or edit a protocol file by hand, you will be responsible for ensuring it follows all specifications for the current [schema](/en/desktop/reference/protocol-schema-information).
+If you choose to create or edit a protocol file by hand, you will be responsible for ensuring it follows all specifications for the current [schema](/en/desktop/advanced-topics/protocol-schema-information).
 
 ## Using Protocol Files
 
-Once your protocol file is complete, you can then use this file in Server and Interviewer. See [importing a protocol into Interviewer](/en/desktop/how-to/import-a-protocol) or [creating and managing workspaces in Server](/en/desktop/how-to/server-workspaces) for more.
+Once your protocol file is complete, you can then use this file in Interviewer. See [Protocol and Data Workflows without Server](/en/desktop/tutorials/workflows-without-server) for more information.
diff --git a/apps/documentation/docs/desktop/metadata.json b/apps/documentation/docs/desktop/metadata.json
new file mode 100644
index 00000000..277baeb5
--- /dev/null
+++ b/apps/documentation/docs/desktop/metadata.json
@@ -0,0 +1,12 @@
+{
+  "type": "project",
+  "slug": "desktop",
+  "localeLabels": {
+    "en": "Desktop",
+    "ru": "Desktop"
+  },
+  "localeIndexFiles": {
+    "en": "index.en.mdx",
+    "ru": "index.ru.mdx"
+  }
+}
diff --git a/apps/documentation/docs/desktop/getting-started/citing-the-software.en.md b/apps/documentation/docs/desktop/project-information/citing-the-software.en.md
similarity index 84%
rename from apps/documentation/docs/desktop/getting-started/citing-the-software.en.md
rename to apps/documentation/docs/desktop/project-information/citing-the-software.en.md
index 079cf872..caac01be 100644
--- a/apps/documentation/docs/desktop/getting-started/citing-the-software.en.md
+++ b/apps/documentation/docs/desktop/project-information/citing-the-software.en.md
@@ -1,12 +1,12 @@
 ---
 title: Citing the Software
 wip: false
-nav_order: 6
+navOrder: 6
 ---
 
 We ask you to please cite us in publications or presentations that are created from any research, clinical, educational, or other applicable use of the Network Canvas Suite or any of its components. Through your citation of the software, we are able to measure its impact and track the ways in which it is being used.
 
-### Primary Citation
+## Primary Citation
 
 Studies that have used Network Canvas to capture data from their study participants should cite the Interviewer software itself. If this is the case we recommend:
 
@@ -15,16 +15,16 @@ Studies that have used Network Canvas to capture data from their study participa
 A BibTeX entry for LaTex users is:
 
 ```
-   @misc{network-canvas,
-      organization = {Complex Data Collective},
-      title        = {Network Canvas: Interviewer},
-      url          = {https://github.com/complexdatacollective/Interviewer}
-      year         = 2016
-      doi          = https://doi.org/10.5281/zenodo.6026548
-    }
+@misc{network-canvas,
+   organization = {Complex Data Collective},
+   title        = {Network Canvas: Interviewer},
+   url          = {https://github.com/complexdatacollective/Interviewer}
+   year         = 2016
+   doi          = https://doi.org/10.5281/zenodo.6026548
+   }
 ```
 
-#### Architect and Server
+## Architect and Server
 
 When wishing to specifically reference Architect or Server, you may use:
 
@@ -32,13 +32,13 @@ When wishing to specifically reference Architect or Server, you may use:
 
 > Complex Data Collective. Network Canvas Server. 2016. https://doi.org/10.5281/zenodo.6240479
 
-### Citing the Design of the Software
+## Citing the Design of the Software
 
 You may wish to cite an academic publication describing the design of the software suite. If this is the case we recommend:
 
 > Birkett M, Melville J, Janulis P, Phillips G 2nd, Contractor N, Hogan B. Network Canvas: Key decisions in the design of an interviewer-assisted network data collection software suite. Social Networks. 2021;66:114-124. `https://doi:10.1016/j.socnet.2021.02.003`
 
-### Citing Evaluations of the Software
+## Citing Evaluations of the Software
 
 You may wish to cite an evaluation of the software when discussing it in your research or grant materials. If this is the case, we recommend these papers:
 
@@ -46,7 +46,7 @@ You may wish to cite an evaluation of the software when discussing it in your re
 
 > Hogan, B., Janulis, P., Phillips II, G., Melville, J., Mustanski, B., Contractor, N., & Birkett, M. Assessing the stability of ego-centered networks over time using the digital participant-aided sociogram tool Network Canvas. Network Science. (Camb Univ Press). 2020;8(2):204-222. `https://doi:10.1017/nws.2019.27`
 
-### Network Canvas GitHub URLs
+## Network Canvas GitHub URLs
 
 URLs for Network Canvas software repositories are:
 
@@ -56,4 +56,4 @@ URLs for Network Canvas software repositories are:
 
 Current downloads for the Network Canvas Software Suite are available at:
 
-- [https://networkcanvas.com/download.html](https://networkcanvas.com/download.html)
+- [https://networkcanvas.com/download.html](https://networkcanvas.com/download)
diff --git a/apps/documentation/docs/desktop/getting-started/contributing-code.en.md b/apps/documentation/docs/desktop/project-information/contributing-code.en.md
similarity index 100%
rename from apps/documentation/docs/desktop/getting-started/contributing-code.en.md
rename to apps/documentation/docs/desktop/project-information/contributing-code.en.md
diff --git a/apps/documentation/docs/desktop/getting-started/faq.en.md b/apps/documentation/docs/desktop/project-information/faq.en.md
similarity index 94%
rename from apps/documentation/docs/desktop/getting-started/faq.en.md
rename to apps/documentation/docs/desktop/project-information/faq.en.md
index b265a0c8..acbe4765 100644
--- a/apps/documentation/docs/desktop/getting-started/faq.en.md
+++ b/apps/documentation/docs/desktop/project-information/faq.en.md
@@ -1,9 +1,8 @@
 ---
 title: Frequently Asked Questions
 wip: false
-has_children: false
 toc: true
-nav_order: 5
+navOrder: 5
 ---
 
 ## What is Network Canvas?
@@ -75,8 +74,8 @@ The software has been built to allow it to be extended and improved by anyone wi
 
 Our software was conceived in the context of research of a highly sensitive nature, so we understand that for many researchers security is of the utmost importance.
 
-We do not transmit, collect or retain any data from or about your study. The data you collect in the field is yours, and is only ever stored on your devices. This provides a baseline level of security, but also means that a large part of the responsibility for securing devices and data falls on the researcher. Please review our articles on [configuring devices prior to starting data collection](./how-to/configuring-devices), and [IRB and security best practices](_reference/irb-best-practices) to ensure that you are aware of the most common weaknesses. You should also consult with your institutional IT or security experts.
+We do not transmit, collect or retain any data from or about your study. The data you collect in the field is yours, and is only ever stored on your devices. This provides a baseline level of security, but also means that a large part of the responsibility for securing devices and data falls on the researcher. Please review our articles on [configuring devices prior to starting data collection](../getting-started/configuring-devices), and [IRB and security best practices](./irb-best-practices) to ensure that you are aware of the most common weaknesses. You should also consult with your institutional IT or security experts.
 
-If you wish to utilize our remote transfer functionality, we use standard encryption techniques implemented by well respected third party libraries to ensure that your data cannot be intercepted as it is sent remotely back to your laboratory or department computer. This transfer can take place on a local network within your institution for added security, or you can implement an entirely [offline workflow](./tutorials/offline-data-management-workflow) that does not require data to be transmitted. Further details of the security model we implement can be [found here](_reference/security-model).
+If you wish to utilize our remote transfer functionality, we use standard encryption techniques implemented by well respected third party libraries to ensure that your data cannot be intercepted as it is sent remotely back to your laboratory or department computer. This transfer can take place on a local network within your institution for added security, or you can implement an entirely [offline workflow](../tutorials/workflows-without-server#option-2-offline-workflow) that does not require data to be transmitted. Further details of the security model we implement can be [found here](./security-model).
 
 If you have specific security requirements, please contact us to discuss how we can make our software suite compliant with your needs.
diff --git a/apps/documentation/docs/desktop/reference/irb-best-practices.en.md b/apps/documentation/docs/desktop/project-information/irb-best-practices.en.md
similarity index 100%
rename from apps/documentation/docs/desktop/reference/irb-best-practices.en.md
rename to apps/documentation/docs/desktop/project-information/irb-best-practices.en.md
diff --git a/apps/documentation/docs/desktop/project-information/metadata.json b/apps/documentation/docs/desktop/project-information/metadata.json
new file mode 100644
index 00000000..322dc405
--- /dev/null
+++ b/apps/documentation/docs/desktop/project-information/metadata.json
@@ -0,0 +1,12 @@
+{
+  "type": "folder",
+  "navOrder": 3,
+  "localeLabels": {
+    "en": "Project Information"
+  },
+  "localeIndexFiles": {
+    "en": "project-overview.en.mdx"
+  },
+  "isExpanded": true,
+  "slug": "project-information"
+}
diff --git a/apps/documentation/docs/desktop/getting-started/project-overview.en.mdx b/apps/documentation/docs/desktop/project-information/project-overview.en.mdx
similarity index 95%
rename from apps/documentation/docs/desktop/getting-started/project-overview.en.mdx
rename to apps/documentation/docs/desktop/project-information/project-overview.en.mdx
index 91acc502..b810fb84 100644
--- a/apps/documentation/docs/desktop/getting-started/project-overview.en.mdx
+++ b/apps/documentation/docs/desktop/project-information/project-overview.en.mdx
@@ -1,9 +1,8 @@
 ---
 title: Project Overview
-nav_order: 2
+navOrder: 2
 last_modified_at: 2020-12-14
 wip: false
-has_children: false
 toc: true
 ---
 
@@ -17,14 +16,10 @@ The Network Canvas project aims to address these and other problems, by providin
 
 Please see the following promotional video to learn more about our team, our objectives, and the features of the Network Canvas suite of tools.
 
-<iframe
-  width="560"
-  height="315"
+<VideoIFrame
+  title="VideoFramejon"
   src="https://www.youtube.com/embed/XzfE6j-LnII"
-  frameborder="0"
-  allowfullscreen
-  style={{ margin: '0 auto', display: 'block' }}
-></iframe>
+/>
 
 ## The Components of Network Canvas
 
@@ -36,9 +31,9 @@ Network Canvas is organized around the stages of the research process, from desi
 
 These three applications work together to provide a seamless end-to-end workflow up to the point of analysis.
 
-<ImageFullWith
+<ImageFullWidth
   src="/assets/img/introduction-images/workflow@2x.png"
-  name="End to end workflow"
+  alt="End to end workflow"
 />
 
 ## Five Key Design Principles
@@ -59,10 +54,7 @@ We believe that what constitutes "high quality data" is fundamentally situationa
 
 The Network Canvas tools are therefore designed on the assumption that interviews occur in the presence of an interviewer, on an interviewer-controlled machine, and with the interviewer having been specifically trained in guiding the interview process.
 
-<StandAloneImage
-  src="/assets/img/introduction-images/interviewer-assisted.png"
-  content="An interviewer-assisted interview"
-/>
+![An interviewer-assisted interview](/assets/img/introduction-images/interviewer-assisted.png)
 
 Of course, we recognize that it is not always possible to conduct interviews in this manner. Some users have had success with implementing Network Canvas interviews using screen sharing technology (which may be a viable workaround for those who simply cannot be in a face-to-face context).
 
@@ -74,10 +66,7 @@ We put significant effort into the visual design of our software, both in terms
 
 Issues associated with poor visual design in survey methodology have been extensively documented in the literature. Interfaces that confuse participants or bias the task lead to demonstrably lower quality data. We believe this is particularly true for networks research, because it has the added burden of asking 'unusual' questions and introducing often alien concepts and metaphors. Our approach has been to draw on HCI literature, as well as papers from the network analysis community that have advanced the design and implementation of network interviews in novel ways. We have combined this with our own ideas and improvements, to create an interview experience that is engaging and simple for participants to understand, with clear, consistent, and tactile interactions.
 
-<StandAloneImage
-  src="/assets/img/introduction-images/visual.png"
-  content="An interview running on an iPad Pro"
-/>
+![An interview running on an iPad Pro](/assets/img/introduction-images/visual.png)
 
 Design issues are not confined to participants, however. Software designed for researchers often requires that they become experts in the software itself before they can be productive. Our approach aims to allow researchers to focus on their status as subject experts, and to pick up the concepts they need to implement their ideas as they go. Architect and Server present interfaces that are helpful, clear, and that strike a balance between sophistication and simplicity.
 
diff --git a/apps/documentation/docs/desktop/getting-started/requests-for-collaboration.en.md b/apps/documentation/docs/desktop/project-information/requests-for-collaboration.en.md
similarity index 100%
rename from apps/documentation/docs/desktop/getting-started/requests-for-collaboration.en.md
rename to apps/documentation/docs/desktop/project-information/requests-for-collaboration.en.md
diff --git a/apps/documentation/docs/desktop/reference/security-model.en.md b/apps/documentation/docs/desktop/project-information/security-model.en.md
similarity index 99%
rename from apps/documentation/docs/desktop/reference/security-model.en.md
rename to apps/documentation/docs/desktop/project-information/security-model.en.md
index 9d1668b9..e40d9256 100644
--- a/apps/documentation/docs/desktop/reference/security-model.en.md
+++ b/apps/documentation/docs/desktop/project-information/security-model.en.md
@@ -1,7 +1,5 @@
 ---
-
 title: Overview of Security Model
-
 ---
 
 Security is an important consideration when handling study data.
@@ -9,7 +7,7 @@ Security is an important consideration when handling study data.
 - Sessions may contain personal participant information which needs to be kept private
 - Protocols may include information about participants which needs to be kept private
 - Studies need to be able to ensure that collected data is genuine to ensure the integrity
-of the research.
+  of the research.
 
 ## What data needs to be secured
 
diff --git a/apps/documentation/docs/desktop/reference/irb-best-practices.ru.md b/apps/documentation/docs/desktop/reference/irb-best-practices.ru.md
deleted file mode 100644
index 808f86fe..00000000
--- a/apps/documentation/docs/desktop/reference/irb-best-practices.ru.md
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: Практики безопасности IRB и безопасность
----
-
-Мы признаем, что безопасность данных - это основная забота для большинства исследователей. Network Canvas возникла в контексте чувствительных исследований общественного здравоохранения с маргинализированными населениями, и мы использовали наше опыт в проведении исследований в этой области, чтобы направить нашу парадигму безопасности.
-
-Network Canvas использует современные средства безопасности и основана на существующих технологиях и широко используемых реализациях. Наш подход к безопасности данных сосредотачивается на передаче данных, поскольку мы исходим из предположения, что устройства, работающие с Suite, будут полностью контролироваться исследователями, и в случае выделенных устройств хранения данных, работающих с Server, будут работать в безопасных сетевых контекстах. Это означает, что передача данных является наиболее уязвимым шагом в рабочем процессе.
-
-## Безопасная передача данных
-
-Наша функция удаленной передачи (т. е. рабочий процесс с Server) использует шифрование end-to-end, чтобы гарантировать, что ваши данные не могут быть перехвачены третьей стороной при удаленной отправке на ваш компьютер в лаборатории или в отдел. Эта передача может осуществляться в локальной сети вашего учреждения для дополнительной безопасности. Данные, передаваемые между Network Canvas и Server, зашифрованы с использованием симметричного алгоритма шифрования под названием Advanced Encryption Standard (AES), который обеспечивает целостность данных до их передачи. После шифрования данные безопасно отправляются на Server с использованием протокола защиты транспортного уровня (TLS).
-
-## Хранение данных
-
-Где хранятся данные Network Canvas - решение исследователя. Server - это настольное приложение, которое облегчает безопасную передачу и управление данными исследования, но не предоставляет решения для хранения.
-
-Мы не передаем, не собираем и не храняем никакие данные из или об исследования. Данные, собранные в полевых условиях, принадлежат вам и хранятся только на ваших устройствах. Кроме того, мы не используем файлы cookie или другие маркеры отслеживания в Network Canvas.
-
-## Практики безопасности
-
-Поскольку ответственность за хранение данных и безопасность устройства лежит на исследователе, мы предлагаем следующие лучшие практики для обеспечения безопасности данных вашего исследования с Network Canvas:
-
-- **Включите шифрование полного диска (ОС).** Network Canvas и Server не шифруют свои хранилища данных, поскольку ключи можно легко обнаружить из самих приложений.
-- **Используйте надежные пароли/коды доступа на устройствах.** Внедряйте средства контроля доступа пользователя, чтобы предотвратить предоставление доступа к данным из других учетных записей пользователей в многопользовательских системах.
-- **Ограничьте физический доступ к устройствам.** Используйте режимы "киоск" (или аналогичные) вместе с полной постоянной супервизией интервью для предотвращения доступа участников исследования к данным в приложении.
-- **Минимизируйте время, в течение которого данные исследования остаются на полевых устройствах.** Загрузка данных в защищенные хранилища с регулярностью и последующее удаление их с полевых устройств помогают ограничить риск нарушения (например, утери устройства).
-- **Доступ к Server только в локальной сети или через VPN.** Использование технологии VPN, безопасных ад-хок сетей, "воздушного зазора" или других распространенных техник безопасности при передаче данных между полевыми устройствами и Server. Эти технологии часто могут дополнять меры безопасности, уже встроенные в программное обеспечение. _Никогда не выставляйте Server в открытый интернет._
-- **Периодически перепарировать ваши устройства.** Перепарирование позволяет устройствам обновлять свой код шифрования, что помогает минимизировать потенциальный риск перехвата.
diff --git a/apps/documentation/docs/desktop/reference/metadata.json b/apps/documentation/docs/desktop/reference/metadata.json
deleted file mode 100644
index c6edda22..00000000
--- a/apps/documentation/docs/desktop/reference/metadata.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "localeLabels": {
-    "en": "Technical reference",
-    "ru": "Техническая справка"
-  },
-  "isExpanded": true
-}
diff --git a/apps/documentation/docs/desktop/reference/testing-strategy.en.md b/apps/documentation/docs/desktop/reference/testing-strategy.en.md
deleted file mode 100644
index 7e1fd404..00000000
--- a/apps/documentation/docs/desktop/reference/testing-strategy.en.md
+++ /dev/null
@@ -1,146 +0,0 @@
----
-
-title: Project Testing Strategy
-last_modified_at: 2019-10-02
-
----
-
-This document describes our approach to testing the software stack. It is intended for developers, or technically oriented users who wish to contribute code to the project.
-
-## Current Approach
-
-Currently projects use a mixture of enzyme snapshot tests and unit/integration tests. There is an integration (or end to end) test suite. which ensures the apps (electron only) are compatible with one another: [https://github.com/codaco/integration-tests](https://github.com/codaco/integration-tests).
-
-A protocol validation schema allows testing of protocol files in the live apps, but itself is relevant to testing in that it can be used to ensure the apps can produce/consume valid interviews.
-
-Appium was trialed for similar integration testing for mobile, but the approach proved slow, brittle and prone to false positives.
-
-## Review
-
-Large software outfits such Google promote a unit testing focused approach, with only a minor role played by E2E (end to end) testing. Reasons given include:
-
-*   Overarching issues, such as a 'login', can cause the entire suite to fail, when this isn't fixed immediately, many smaller bugs can be hidden,
-*   E2E testing is slow, in the case of larger software suits, developers may have to wait until the next day to see results.
-
-
-### Levels of testing
-
-**End to end**
-Test the finished product (e.g., simulating running the application as a user)
-
-**Integration:**
-Test composite components and/or the interaction of components, a middle ground between the two.
-
-**Unit:**
-Test individual functions and classes
-
-Unit testing is favored because:
-
-*   It can provide immediate feedback
-*   It is specific (can aid finding bugs)
-
-
-### Rationale
-
-In the case of the Network Canvas project, there are two overarching needs for testing:
-
-*   Acceptance testing: do the apps work as intended?
-*   Documentation and ease of development: on boarding new contributors, bug fixing and documenting the intent of code.
-
-Because of these needs (acceptance testing) it may be that end to end testing should play a more central role in testing, despite the drawbacks.
-
-Current end to end tests are scarce, and non-spotted regressions can easily make it into releases. Whilst this is mitigated somewhat with manual tests, it would be preferable to automate longer term.
-
-There are enzyme snapshot tests for the UI, but aren't providing any value. When they fail, it isn't indicative of an actual issue and only a reflection of changes to the UI. They should be removed/discontinued, and replaced with E2E tests that simulate actual usage.
-
-The unit and integration tests are somewhat useful, especially when related to functional oriented code, such as format conversion. Some integration tests can be brittle when functionality is revised, but as the software matures, that will be less of an issue.
-
-
-## Summary of Strategy
-
-*   Test what is important to the user
-    *   E2E coverage should start 10,000ft and narrow down as needed
-    *   Test behavior, not implementation
-        *   Architect: UI changes -> creates a protocol which is valid
-*   Tests should be as simple as possible to run
-    *   Automated
-    *   Cohabit with code
-    *   Provide fast feedback loop
-    *   Runnable on CI (ideal)
-*   Tests that aid future development
-    *   Document intended functionality within tests to make intended input and output clear.
-    *   Shared mock state where considered canonical
-    *   Help to find bugs
-
-
-## Implementation of Strategy
-
-*   Write end to end tests to document app usage. These will be used to validate that the application is fit for release. They should test UI interactions match expected outcomes, some examples:
-    *   Network Canvas: When a user enters some text, the network should be modified as expected.
-    *   Architect: When a user clicks a button, the protocol should be modified as expected.
-    *   Server: When a user does X in the interface, then Y should happen to the network/protocol object.
-    *   Build a list of "core outcomes" (such as the above) that can be implemented immediately. Base this off of the manual checklist.
-*   Write unit tests to document underlying infrastructure. These will be used to find bugs and ensure that utility functions work as expected. Core functionality such as saving and loading files is a good example requiring unit tests.
-    *   When `saveProtocol()` is called, the protocol should write to the disk (or call APIs that do).
-    *   When a network is converted to XML, the generated data is as expected.
-*   Write unit and/or end to end tests to validate bug fixes. If you find yourself writing lots of log statements, this might be a good place to add a test.
-
-
-## General guidance
-
-*   Test to an interface, for example on a React component you might check which prop functions (output) are called when a button is clicked (input).
-    *   Try to avoid testing implementation details. For example:
-        *   If you are testing a composite component and need to specify component names. Instead use 
-        *   If you need access to class variable names or functions to run the tests
-*   When underlying code changes, making tests outdated ensure old tests are replaced to maintain code coverage.
-*   Create (modular) factory generators for canonical mocks. Suggest using [Rosie](https://github.com/rosiejs/rosie). Shared mock state should be used wherever possible, and established where it doesn't currently exist.
-*   The existing integration tests are still very relevant, but it would be good to be able to run them as part of each app. The integration-tests repo could them be adapted to run these suites together if desired. For example: Architect can be tested to produce a validated protocol, and network canvas can be tested to run a validated protocol as a separate step
-
-
-## Guidance for Reviewers
-
-**TBC: **To enable the above strategy to be consistently implemented, we will develop a checklist for reviewers to help them when conducting a formal code review on a feature or bugfix PR. This will also help external collaborators, and could be included as part of a PR template.
-
-## How to test
-
-Ideally tests should be written either before implementation or in parallel with implementation.
-
-Tests are written on top of Jest, which is part of the React project. Enzyme can be used to simulate small parts of UI, but this is not a reliable way to test UI, and should be treated as unit/integration type test. Spectron can be used to drive end to end tests.
-
-
-### Bug fixes
-
-1. Write a functional or unit test to match the issue described. At this point the test should fail.
-2. Implement the fix by making necessary until the test passes.
-3. If you find yourself writing lots of logging statements to debug the problem, consider writing unit tests to cover those steps if it seems prudent to do so.
-
-### New features
-
-Whilst ideally this should cover the same steps as a bug fix, it may be that some experimentation is required until a fully testable implementation is made. In this case, it may still be possible to loosely write high level test stubs which can then be populated as the implementation materializes.
-
-
-
-1. Write a high level functional/unit test stubs that describe the feature.
-2. Implement the feature and the tests side by side, with precedence to the tests, where possible.
-3. If you find yourself writing lots of logging statements to debug the problem, consider writing unit tests to cover those steps if it seems prudent to do so.
-
-### Backfilling missing tests when developing new features/fixes
-
-If you are implementing a bug fix or feature for a part of the app with no coverage, follow the principle of "leave it better than you found it", e.g., if you add functionality to the sociogram interface, create a test harness for the whole interface, and stub (and/or implement) any tests that need to be implemented yet for that interface.
-
-## Metrics
-
-Jest provides a code coverage feature which covers execution of branches, functions, lines and statements. Whilst useful for directing missing test coverage, it doesn't exactly match what should be considered 'good' coverage. The aim should be for this report to get better over time, and if that isn't the case review why figures are declining.
-
-For Spectron tests, aim for every part of UI to be tested (e.g., every clickable, draggable thing). Coverage is difficult to measure automatically so will need to be part of code review.
-
-
-## Feedback
-
-*   screenshot / visual snapshot testing? Can jest do this already, how do we get feedback of diff
-*   Track test coverage in CI. How?
-*   Develop checklist for reviewers and for PRs
-*   Can we simulate other environments too? Snapshots on third party tool?
-*   metrics : contribution guide, or for reviewers.
-*   React testing?
-*   ensure unit tests for reducers cover all action types
diff --git a/apps/documentation/docs/desktop/reference/variable-types.en.md b/apps/documentation/docs/desktop/reference/variable-types.en.md
deleted file mode 100644
index c7f70eac..00000000
--- a/apps/documentation/docs/desktop/reference/variable-types.en.md
+++ /dev/null
@@ -1,101 +0,0 @@
----
-title: Variable Types
----
-
-The Network Canvas software supports modeling data using a standard of variety data types. Below you will find these types summarized, along with relevant information about their limitations and features.
-
-<div class="variable-definition">
-## Boolean
-Represents dichotomous categories with only two possible values (e.g. true/false).
-
-**Compatible Input Controls:**
-
-- [Toggle](/en/desktop/key-concepts/input-controls#toggle)
-
-**Validation Options:** Required
-
-</div>
-
-<div class="variable-definition">
-## Categorical
-These variables represent nominal categories or characteristics that have no intrinsic ordering or hierarchy (e.g. gender, nationality, etc.).
-
-**Compatible Input Controls:**
-
-- [Toggle Button Group](/en/desktop/key-concepts/input-controls#toggle-button-group)
-- [Checkbox Group](/en/desktop/key-concepts/input-controls#checkbox-group)
-
-**Validation Options:** MinSelected, MaxSelected, Required
-
-</div>
-
-<div class="variable-definition">
-## Datetime
-These variables represent a point in time (typically a date).
-
-**Compatible Input Controls:**
-
-- [Date Picker](/en/desktop/key-concepts/input-controls#date-picker)
-- [Relative Date Picker](/en/desktop/key-concepts/input-controls#relative-date-picker)
-
-**Validation Options:** Required
-
-</div>
-
-<div class="variable-definition">
-## Layout
-These variables store the x, y coordinates of nodes on the Sociogram normalized to a range of `[0, 1]`.
-
-This variable type has no validation options or input controls, because it cannot be used on a [form](/en/desktop/key-concepts/forms).
-
-</div>
-
-<div class="variable-definition">
-## Number
-These variables represent integer values (e.g. age, height, etc.).
-
-**Compatible Input Controls:**
-
-- [Number Input](/en/desktop/key-concepts/input-controls#number-input)
-
-**Validation Options:** MaxValue, MinValue, Required
-
-</div>
-
-<div class="variable-definition">
-## Ordinal
-These variables represent categories that are ordered hierarchically (e.g. frequency of contact, level of education, etc.).
-
-**Compatible Input Controls:**
-
-- [Likert Scale](/en/desktop/key-concepts/input-controls#likert-scale)
-- [Radio Group](/en/desktop/key-concepts/input-controls#radio-group)
-
-**Validation Options:** Required
-
-</div>
-
-<div class="variable-definition">
-## Scalar
-These variables represent a normalized value within a scale `[0.1]` (e.g. perceived pain).
-
-**Compatible Input Controls:**
-
-- [Visual Analog Scale](/en/desktop/key-concepts/input-controls#visual-analog-scale)
-
-**Validation Options:** Required
-
-</div>
-
-<div class="variable-definition">
-## Text
-These variables represent text data (e.g. names, qualitative responses, etc.).
-
-**Compatible Input Controls:**
-
-- [Text Input](/en/desktop/key-concepts/input-controls#text-input)
-- [Text Area](/en/desktop/key-concepts/input-controls#text-area)
-
-**Validation Options:** MinLength, MaxLength, Required
-
-</div>
diff --git a/apps/documentation/docs/desktop/tutorials/building-a-protocol.en.mdx b/apps/documentation/docs/desktop/tutorials/building-a-protocol.en.mdx
index 7c263f8b..e323a20a 100644
--- a/apps/documentation/docs/desktop/tutorials/building-a-protocol.en.mdx
+++ b/apps/documentation/docs/desktop/tutorials/building-a-protocol.en.mdx
@@ -1,49 +1,57 @@
 ---
-summary: ' This tutorial will guide you through the process of creating a
-  Network Canvas protocol using Architect. We will be rebuilding the sample
-  protocol that is available to install within Interviewer, which was discussed
-  extensively in the tutorial on [using Interviewer](/en/desktop/tutorials/using-interviewer). If
-  you would like to download and open the finished protocol, you can do so [from
-  here](/assets/protocols/Sample-Protocol-v2.netcanvas). '
-prerequisites: >2-
-   This tutorial assumes you are familiar with the general concepts of the Network Canvas software, have read the [project overview](/en/desktop/getting-started/project-overview), and have read the tutorial on [using Interviewer](/en/desktop/tutorials/using-interviewer).
-
-  We recommend following along using your own computer, so you should also [download and install Architect](https://networkcanvas.com/download.html)
-completion_time: 2 hours
-nav_order: 2
+navOrder: 2
 title: Building a protocol using Architect
 toc: true
 ---
 
+<SummaryCard duration="2 hours">
+<SummarySection>
+
+This tutorial will guide you through the process of creating a
+Network Canvas protocol using Architect. We will be rebuilding the sample
+protocol that is available to install within Interviewer, which was discussed
+extensively in the tutorial on [using Interviewer](/en/desktop/tutorials/using-interviewer). If
+you would like to download and open the finished protocol, you can do so [from
+here](</protocols/Sample Protocol v2.netcanvas>).
+
+</SummarySection>
+<PrerequisitesSection>
+
+This tutorial assumes you are familiar with the general concepts of the Network Canvas software, have read the [project overview](/en/desktop/project-information/project-overview), and have read the tutorial on [using Interviewer](/en/desktop/tutorials/using-interviewer).
+
+We recommend following along using your own computer, so you should also [download and install Architect](https://networkcanvas.com/download)
+
+</PrerequisitesSection>
+</SummaryCard>
+
 ## What is Architect?
 
 Architect is a desktop application which runs on Windows, macOS, and Linux operating systems. The purpose of Architect is to provide a simple means for researchers to build Network Canvas interview protocols, without needing extensive technical knowledge. It aims to provide a visual and intuitive user interface, so that you can focus on the content of your interviews. You don't need to run Architect on the computer that you use to run Interviewer or Server, but you can if you wish.
 
 ## Opening Architect
 
-<StandAloneImage
-  src="/assets/img/architect-guide/start-screen.png"
-  content="The Architect start screen"
-/>
+![The Architect start screen](/assets/img/architect-guide/start-screen.png)
 
 Upon opening Architect, you are greeted by the **start screen**. Like the start screen in Interviewer, you will see a welcome panel that contains links to the project overview video and the documentation website, with other sections becoming available as needed. When opened for the first time, the Architect start screen presents two task options: (1) create a blank new protocol, or (2) open an existing protocol from your computer.
 
 In this tutorial we will be building a protocol from scratch, so we are going to start by creating a blank protocol. Click the "Create New Protocol" button within the tasks panel. Save the file with a name and location that you will be able to find later.
 
 <KeyConcept title="Key Concept: the Protocol File">
-  Network Canvas protocols are stored in a file with the extension `.netcanvas`.
-  They are just like any other files on your computer, meaning you can move them
-  around, rename them (more about this later), and you can (and should!) back
-  them up. The `.netcanvas` file contains all of the data in your protocol. So
-  if you use roster data, images, or video, these will be embedded within the
-  file.
+
+Network Canvas protocols are stored in a file with the extension `.netcanvas`.
+They are just like any other files on your computer, meaning you can move them
+around, rename them (more about this later), and you can (and should!) back
+them up. The `.netcanvas` file contains all of the data in your protocol. So
+if you use roster data, images, or video, these will be embedded within the
+file.
+
 </KeyConcept>
 
 ## The protocol overview screen
 
 Once you have created or opened a protocol, you will be taken to the **protocol overview screen**. This screen is designed around the vertical "timeline" metaphor also used by Interviewer. It visually represents the stages of your interview in the sequence that your participants will see them.
 
-![Image](/assets/img/architect-guide/overview-screen.png)
+![The overview screen](/assets/img/architect-guide/overview-screen.png)
 
 The panel at the top is the protocol card that you will see when you import this protocol into Server or Interviewer. It shows the protocol name and description, and has three buttons for downloading the printable codebook, accessing the protocol's [resource library](/en/desktop/key-concepts/resources) and managing the [codebook](/en/desktop/key-concepts/codebook) (these areas are discussed later). The protocol description is optional. Whatever you enter will show up in the Interviewer App on the start screen, and when browsing the list of available protocols from Server.
 
@@ -57,11 +65,11 @@ We are going to begin by configuring an Information Interface.
 
 Click the add new stage button. You will see a screen that provides a menu of all available Interfaces within the app. Interfaces are grouped together by type, with the example below showing all available name generators.
 
-![Image](/assets/img/architect-guide/add-a-stage.png)
+![](/assets/img/architect-guide/add-a-stage.png)
 
 Each Interface is designed for a specific task within a network interview. For now, scroll down and select the "Information" Interface from the "Utilities" section. You can also find the "Information" Interface by searching for it or selecting the "Display Data" filter.
 
-![Image](/assets/img/architect-guide/information-interface.png)
+![](/assets/img/architect-guide/information-interface.png)
 
 Selecting an Interface will open the stage editor, which is where the configuration of the Interface takes place.
 
@@ -79,13 +87,13 @@ The Items panel allows you to add various types of media you would like included
 
 To add a resource to this screen, click the 'add new item' button at the bottom of the panel. A new screen will open where you can choose between the media types available. Text content can be added directly in markdown. Image, audio, and video files can be added by selecting the type and browsing for the file to add, either from a location on your device or from the resource library (if you have added content there).
 
-![Image](/assets/img/architect-guide/edit-item.png)
+![](/assets/img/architect-guide/edit-item.png)
 
 As in the previous Interviewer session, we will not go through the configuration of each Information Interface included in the sample protocol here. As a reminder, Information Interfaces can be used as frequently as you like throughout your protocol to help describe an upcoming task, orient a participant to a series of prompts, or present participants with a resource to consider.
 
 Once we have added all resources that we want to include on this stage, we click the "Save and Return" button in the bottom right. This action saves our stage and returns us to the timeline view where our newly configured stage is now visible.
 
-![Image](/assets/img/architect-guide/completed-stage.png)
+![](/assets/img/architect-guide/completed-stage.png)
 
 ## Creating Name Generators
 
@@ -100,18 +108,20 @@ First, within the timeline view, we click the add a stage button. From the inter
 Before we can continue, we must tell Architect which type of node this interface will create. Since this is our first name generator, we have no node types defined yet. Click the "Create New Node Type" button to begin the process of creating one.
 
 <KeyConcept title='Key Concept: Node and Edge "Types"'>
-  Part of the ontological flexibility of the Network Canvas suite is the ability
-  to model unlimited numbers of node and edge types. These types are top level
-  categories that differentiate nodes and edges from one-another. Common node
-  types might include "person", "place", or "organization", but these categories
-  are entirely up to you to decide upon.
+
+Part of the ontological flexibility of the Network Canvas suite is the ability
+to model unlimited numbers of node and edge types. These types are top level
+categories that differentiate nodes and edges from one-another. Common node
+types might include "person", "place", or "organization", but these categories
+are entirely up to you to decide upon.
+
 </KeyConcept>
 
 Our name generator will ask about people, so we will name our node type "Person". We can select a color to differentiate this node type from others, though in this case we will leave the default coral color selected.
 
 Finally we will select the person icon to use for this node type. This icon is shown in Interviewer wherever the participant has the opportunity to create a new node of this type.
 
-![Image](/assets/img/architect-guide/node-type.png)
+![](/assets/img/architect-guide/node-type.png)
 
 Click "Save and Return" to create the node type, and return to the name generator edit screen.
 
@@ -128,13 +138,15 @@ Most stages use the concept of "prompts" to allow you to define questions to put
 You can have multiple prompts on a single stage, or a single prompt per stage - the choice is yours. You may wish to think about grouping prompts by theme, and then having one stage for each theme. For example, a "Name Generator (family)" stage could contain prompts about family alters, and "Name Generator (colleagues)" could contain prompts about professional alters.
 
 <KeyConcept title="Key Concept: Prompts">
-  Prompts can contain formatting such as bold or italicized text to create
-  emphasis and rhythm. To create this formatting, use markdown syntax.
+
+Prompts can contain formatting such as bold or italicized text to create
+emphasis and rhythm. To create this formatting, use markdown syntax.
+
 </KeyConcept>
 
 Click the "Create New" button in the prompt section, to open the new prompt edit form.
 
-![Image](/assets/img/architect-guide/edit-prompt.png)
+![](/assets/img/architect-guide/edit-prompt.png)
 
 Our first prompt will ask the participant to name the people with whom they have felt close to or discussed important matters. Enter the text "Within the past 6 months, who have you felt close to, or discussed important personal matters with?", and click "Save and Close".
 
@@ -145,7 +157,8 @@ We can now take the opportunity to see what our stage will look like in our fini
 Clicking it will open a window with the current stage loaded, and show the interface functioning as it will in Interviewer on a study device.
 
 <KeyConcept title="Key Concept: Preview Mode">
-  Preview mode is designed to let you understand how your stage will be presented to your participants, taking into account the device that you will be using. You can choose between different device presets, to mimic the look of a specific piece of hardware (for example you can emulate the screen size of an iPad, or a widescreen laptop).
+
+Preview mode is designed to let you understand how your stage will be presented to your participants, taking into account the device that you will be using. You can choose between different device presets, to mimic the look of a specific piece of hardware (for example you can emulate the screen size of an iPad, or a widescreen laptop).
 
 If the window becomes too large, you can scale it so that you can fit it within your workspace.
 
@@ -155,7 +168,7 @@ It is important to note that although you can enter data in preview mode - for e
 
 Click the pink "Preview" button in the bottom left hand corner of the stage editor, and the preview window will open.
 
-![Image](/assets/img/architect-guide/preview-mode.png)
+![](/assets/img/architect-guide/preview-mode.png)
 
 We can then click "Save and Return" on the stage editor to return to our timeline view, but now with our new stage visible.
 
@@ -169,14 +182,16 @@ Now, we will add the side panel. Click the "Add New Panel" and give the panel th
 
 Next, we need to choose a data source for this side panel. We have two options: either we use the network constructed during the interview or we bring in an external data file (e.g., a roster) that will populate within the side panel. In this example, we will choose to use the network from the in-progress interview.
 
-![Image](/assets/img/architect-guide/side-panel.png)
+![](/assets/img/architect-guide/side-panel.png)
 
 You can optionally preview the interface at this point, checking that the prompts and the form look and function as you expected. When you are satisfied, click continue to add your stage.
 
 <TipBox>
-  At any point during this tutorial, free free to click the &quot;Save
-  Changes&quot; button in the bottom bar when on the timeline view, or select
-  &quot;File -> Save&quot; from the menu.
+
+At any point during this tutorial, free free to click the &quot;Save
+Changes&quot; button in the bottom bar when on the timeline view, or select
+&quot;File -> Save&quot; from the menu.
+
 </TipBox>
 
 ## Name Generator using Forms
@@ -195,10 +210,11 @@ Next, we will define the fields of the form. By clicking "Create New" in the fie
 
 For the first field, we want to know the name of the clinic the participant is nominating so we use the variable "name" that we previously created by clicking "Select Variable" and selecting it from the list. Next, we will enter the text for this field label and in our example we will use a question prompt, "What is the name of this clinic?"
 
-![Image](/assets/img/architect-guide/form-fields.png)
+![](/assets/img/architect-guide/form-fields.png)
 
 <TipBox >
-  Many screens in Architect allow you to either create a new variable, or select an existing variable. If this is the case, the text next to the input will usually tell you.
+
+Many screens in Architect allow you to either create a new variable, or select an existing variable. If this is the case, the text next to the input will usually tell you.
 
 When you want to create a new variable, click "Select Variable," type the name of the new variable, and select "Create new variable" or press Enter.
 
@@ -209,7 +225,8 @@ Otherwise, click an existing variable from the list.
 Finally, we choose the input control that will be shown to collect this variable.
 
 <KeyConcept title="Key Concept: Input controls">
-  Architect and Interviewer implement many different types of input control (text, number, checkbox group, toggle, radio button group, toggle button group, date picker, likert scale, visual analog scale).
+
+Architect and Interviewer implement many different types of input control (text, number, checkbox group, toggle, radio button group, toggle button group, date picker, likert scale, visual analog scale).
 
 This is because the most appropriate interface for assigning a variable depends very much on the specific nature of the variable, and not just on its data type. For example, when collecting an ordinal variable that represents a likert scale, you might prefer a range slider OR a group of radio buttons.
 
@@ -219,7 +236,7 @@ Because we are asking for the name of the clinic - a simple text variable - a te
 
 Finally, we can define our validation requirements -- if any -- for this field. We will indicate that this text field is required. The validation options available vary depending on the type of variable. By adding a validation of required, the participant will necessarily include information in this field before they can proceed.
 
-![Image](/assets/img/architect-guide/validation.png)
+![](/assets/img/architect-guide/validation.png)
 
 Click "Save and Close", and we have created our first form field.
 
@@ -232,7 +249,7 @@ Create the following fields, with appropriate input controls, question prompts a
 
 After completing the form, we will configure the prompt for the stage. Click "Create New" in the prompts section, and enter the text, "Within **the past 12 months,** which **clinics** or **healthcare providers** have you visited?"
 
-![Image](/assets/img/architect-guide/fields-inputs-prompts.png)
+![](/assets/img/architect-guide/fields-inputs-prompts.png)
 
 ## Name Generator for Roster Data
 
@@ -240,19 +257,19 @@ Next we will develop a name generator that uses a roster brought in as an extern
 
 As we did in prior name generators above, we will first select the interface we want to configure (Name Generator for Roster Data), add a stage name, and create a new node type for "Classmate".
 
-Next we will select the external data source to bring into the protocol that will populate the nodes on the roster. For this example, we have used a fictitious classroom roster. To use the same roster as the sample protocol, please [click here](/assets/class-roster.csv) to download our CSV file. Alternatively, use any other roster you have on hand.
+Next we will select the external data source to bring into the protocol that will populate the nodes on the roster. For this example, we have used a fictitious classroom roster. To use the same roster as the sample protocol, please [click here](../assets/class-roster.csv) to download our CSV file. Alternatively, use any other roster you have on hand.
 
 Just as you added resources to the Information Interface above, you will also browse for your external data source from the protocol resource library if you saved it there or else from another location on your device.
 
 We will then define what display properties are used to identify the nodes in the roster as they appear to the participant. First we select the variable that is defined in the external data file - in this case "first_name." Next, we define how we want that variable to appear to the participant on the roster - in this example we enter "First Name." We repeat the same process for the last_name variable.
 
-![Image](/assets/img/architect-guide/adding-roster.png)
+![](/assets/img/architect-guide/adding-roster.png)
 
 We can optionally choose to include sorting controls. Sorting controls are especially useful when a roster is large enough to make discoverability difficult at first glance. In this example, we choose to implement an initial sort order that uses the "first_name" variable to order the roster cards in an ascending order.
 
 By default, the roster cards will use the "name" attribute from your external data file as the main card title.
 
-![Image](/assets/img/architect-guide/roster-sort.png)
+![](/assets/img/architect-guide/roster-sort.png)
 
 Next, we will configure how the roster file is searchable to the participant. The functionality available for this interface includes the ability for participants to search the database for specific attributes in order to locate the alters they want to select.
 
@@ -260,12 +277,14 @@ The search options listed will depend on the variables outlined in your datafile
 
 We can also narrow down the options that appear to a participant when they search on the stage by selecting "Exact" or "High Accuracy." In this case, we select "High Accuracy."
 
-![Image](/assets/img/architect-guide/roster-search.png)
+![](/assets/img/architect-guide/roster-search.png)
 
 <TipBox>
-  Refer to our Interface Documentation for more in depth instruction, including
-  useful Do's and Don'ts of working with [roster
-  data](/en/desktop/interface-documentation/name-generator-roster).
+
+Refer to our Interface Documentation for more in depth instruction, including
+useful Do's and Don'ts of working with [roster
+data](../interface-documentation/small-roster-name-generator).
+
 </TipBox>
 
 Last, we implement a prompt for the stage, following the same process we did in the previous stages. We enter the prompt that includes instructions for how to nominate a node from the roster, "Please select any members of your degree class that you spend time with **other than when studying**. Tap a card to select, and press the **down arrow** when you are finished."
@@ -278,7 +297,7 @@ The next stage in this sample protocol uses the Ego Form Interface. We create th
 
 The introduction panel is a feature of the Ego Form Interface that lets you introduce the form to the participant. You might use it to explain which data you are asking for, and why. In our case, we explain the intended use of the Ego Form Interface.
 
-![Image](/assets/img/architect-guide/ego-form.png)
+![](/assets/img/architect-guide/ego-form.png)
 
 Now, let's create a series of fields for our ego form just as we did while configuring the Name Generator using forms. If you don't remember how we did this, please review above.
 
@@ -294,9 +313,9 @@ Next, we will create the following fields with associated variables, question pr
 - prefered_contact_method, "How would you prefer to be contacted about your next interview?", Checkbox Group with options Email, Post, SMS, and Phone Call
 - other_info, "Is there any other information you would like to provide at this time?", Text Area
 
-![Image](/assets/img/architect-guide/ego-form-fields.png)
+![](/assets/img/architect-guide/ego-form-fields.png)
 
-To demonstrate the range of input control options, we implemented far more fields than are likely to be best practice for a form within an interview. You can [learn more about input controls here](/en/desktop/key-concepts/input-controls)
+To demonstrate the range of input control options, we implemented far more fields than are likely to be best practice for a form within an interview. You can [learn more about input controls here](../key-concepts/input-controls)
 
 We click "Save and Return" and go back to the timeline view to implement the next stage.
 
@@ -304,7 +323,7 @@ We click "Save and Return" and go back to the timeline view to implement the nex
 
 Let's next repeat that process, but this time creating a form that will capture data from alters on the Per Alter Form Interface. Create a new stage using the Per Alter Form Interface and set the stage name. Next, select the node type "University" and scroll down to configure the Information Panel.
 
-![Image](/assets/img/architect-guide/per-alter-form.png)
+![](/assets/img/architect-guide/per-alter-form.png)
 
 We will now add just two fields to this form. Here are the details you need, following the same process as above:
 
@@ -334,7 +353,7 @@ Interviewer offers two modes for positioning nodes on the sociogram: "Manual", a
 
 For this example, we will choose manual mode.
 
-![Image](/assets/img/architect-guide/sociogram-background.png)
+![](/assets/img/architect-guide/sociogram-background.png)
 
 We will add a prompt for the stage that reads, "Please position the people you have named amongst the concentric circles. Place people who know each other together, and put people you are closer to towards the center of the circles."
 
@@ -342,7 +361,7 @@ You will see that when creating a prompt on the Sociogram, you have the option o
 
 The layout variable will be used to store the X/Y coordinates of the nodes when the participant positions them on the screen. If you have multiple prompts on your Sociogram, you may wish to use the same variable layout for each (which will keep the nodes positioned as they originally are by the participant) or you may wish to create a new layout variable for each prompt (which would require the participant to reposition the nodes each time). In this example, we will create a "sociogram_layout" variable for this stage.
 
-![Image](/assets/img/architect-guide/sociogram-layout.png)
+![](/assets/img/architect-guide/sociogram-layout.png)
 
 We finish by clicking "Save and Close" to close the prompt editor, then "Save and Return" to save the stage.
 
@@ -351,8 +370,10 @@ We finish by clicking "Save and Close" to close the prompt editor, then "Save an
 Now we'll configure another Sociogram, but this time we'll bring in an image asset to serve as the background. Follow all the previous steps, but now choose an image as the background type instead of using the concentric circles. If you have an image file saved to your resource library you can browse for it, otherwise you can add an image file saved elsewhere on your device. In this case, we designed a quadrant image where we will ask the participant to drag their alters based on the context of the relationship.
 
 <TipBox danger>
-  You should think carefully about how the choices you make regarding the
-  background will impact the way your participants position their nodes.
+
+You should think carefully about how the choices you make regarding the
+background will impact the way your participants position their nodes.
+
 </TipBox>
 
 As before, we will enter a prompt and not assign a task for the stage. The prompt text is, "Please position the people you have named in the boxes according to which group you feel they most belong to." We save the stage and move on to the next.
@@ -375,7 +396,7 @@ In the next box, we will either create a new edge type or select an existing one
 
 We click "Save and Close" to return to the Sociogram editor.
 
-![Image](/assets/img/architect-guide/edge-creation.png)
+![](/assets/img/architect-guide/edge-creation.png)
 
 Next, we add another prompt, "Please connect any two people who have conflict, or who don't get on well with each other" and use the same sociogram_layout variable.
 
@@ -391,12 +412,12 @@ We will next implement skip logic so that the stage will only show for participa
 
 We define the rule by selecting the alter node type of "Classmate", then selecting rule type of "Presence", and, finally, selecting "Does not Exist."
 
-![Image](/assets/img/architect-guide/dyad-skip.png)
+![](/assets/img/architect-guide/dyad-skip.png)
 
 As on other name interpreter interfaces, we will also configure the Introduction Panel and define a prompt. For this stage, we enter the prompt, "To the best of your knowledge, do these two people spend time together outside of class?"
 We previously created two edge types on the sociogram which appear available for our use on this prompt. We will select the "know" edge type since we are asking the participant whether any two classmates know one another.
 
-![Image](/assets/img/architect-guide/dyad-prompt.png)
+![](/assets/img/architect-guide/dyad-prompt.png)
 
 ### Toggling an Attribute
 
@@ -410,7 +431,7 @@ We do not want to enable edge creation on this prompt, as it would disable the a
 
 To do this, select "Know" and "Conflict" under "Display edges of the following type(s)".
 
-![Image](/assets/img/architect-guide/variable-toggling.png)
+![](/assets/img/architect-guide/variable-toggling.png)
 
 Configuring the sociogram prompt to enable attribute toggling involves three steps: (1) toggle
 "Interaction Behavior", (2) select "Attribute Toggling", and (3) create (or select) a boolean variable to be assigned in the box that appears below.
@@ -422,7 +443,8 @@ We will now complete the exact same steps for the second prompt, which reads, "P
 We have now finished configuring this sociogram stage.
 
 <TipBox danger>
-  When previewing a stage using an interface type that does not create nodes, you may notice that no nodes are available to test the stage's functionality.
+
+When previewing a stage using an interface type that does not create nodes, you may notice that no nodes are available to test the stage's functionality.
 
 To address this, the preview mode allows you to create nodes from any earlier stages in your interview that are capable of this (primarily name generators or roster interfaces).
 
@@ -435,7 +457,8 @@ Simply navigate to a stage that creates nodes from within preview mode, create s
 We now wish to create an Ordinal Bin interface so that we can quickly and efficiently ask our participant about the frequency of contact they have with each alter. From the timeline overview, add a new stage using the Ordinal Bin interface.
 
 <KeyConcept title="Key Concept: 'Bins' and 'Buckets'">
-  By convention, the Network Canvas software uses two terms for the containers that nodes are dragged between on the Ordinal Bin, Categorical Bin, and Sociogram interfaces.
+
+By convention, the Network Canvas software uses two terms for the containers that nodes are dragged between on the Ordinal Bin, Categorical Bin, and Sociogram interfaces.
 
 Buckets are where nodes are found initially, before they have been placed, or dragged. Bins are where nodes are placed are dragged _to_. This is where nodes end up.
 
@@ -452,38 +475,34 @@ Next, we need to create an ordinal variable. This is fundamentally the same proc
 Create a variable named "communication_freq" with the following possible options:
 
 <table>
-  <thead>
-    <tr>
-      <td>
-        <strong>Label</strong>
-      </td>
-      <td>
-        <strong>Value</strong>
-      </td>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>Last 24 hours</td>
-      <td>5</td>
-    </tr>
-    <tr>
-      <td>Last week</td>
-      <td>4</td>
-    </tr>
-    <tr>
-      <td>Last six months</td>
-      <td>3</td>
-    </tr>
-    <tr>
-      <td>Last two years</td>
-      <td>2</td>
-    </tr>
-    <tr>
-      <td>Over two years ago</td>
-      <td>-1</td>
-    </tr>
-  </tbody>
+  <tr>
+    <td>
+      <strong>Label</strong>
+    </td>
+    <td>
+      <strong>Value</strong>
+    </td>
+  </tr>
+  <tr>
+    <td>Last 24 hours</td>
+    <td>5</td>
+  </tr>
+  <tr>
+    <td>Last week</td>
+    <td>4</td>
+  </tr>
+  <tr>
+    <td>Last six months</td>
+    <td>3</td>
+  </tr>
+  <tr>
+    <td>Last two years</td>
+    <td>2</td>
+  </tr>
+  <tr>
+    <td>Over two years ago</td>
+    <td>-1</td>
+  </tr>
 </table>
 
 In the case of our prompt, we will use the default node bin and bucket sort options. Click "Save and Close" to finish editing this prompt, and then click "Save and Return" to return to the timeline view.
@@ -501,7 +520,7 @@ You should now be able to create a categorical bin interface using everything th
 - With the prompt text, "Which of these options best describes how you know this person?"
 - Toggle "on" the Follow-up "Other" option with bin label "other", question prompt "Which context best describes how you know this person?", and variable "group_other"
 
-![Image](/assets/img/architect-guide/catbin-variables.png)
+![](/assets/img/architect-guide/catbin-variables.png)
 As before, we will "Save and Close" and "Save and Return" to complete and save our edits on the stage.
 
 ## Skip Logic & Network Filtering on the Categorical Bin
@@ -510,21 +529,21 @@ Next we will implement another Categorical Bin Interface. This time, we will cre
 
 Now we will configure both the network filtering on the stage as well as the skip logic for the stage. First, toggle "Filter" to "on" and press the "Add Alter Rule" button. Next we will configure the rule according to the following: node type "Person", rule type "Attribute", variable query "discuss_network_research", operator "exactly", and attribute value of "True."
 
-![Image](/assets/img/architect-guide/filter-skip.png)
+![](/assets/img/architect-guide/filter-skip.png)
 
 To enable skip logic, we toggle the "Skip Logic" switch to "on." Then we select "Show this stage if" and click the "Add Alter Rule" button. First, we configure the skip logic rule according to the following: node type “Person", rule type “Presence”, and operator “Exists.” Next, we configure a second skip logic rule as follows: node type “Person”, rule type “Attribute, variable query “discuss_network_research”, operator “is exactly”, and attribute value of “True.”.
 
-![Image](/assets/img/architect-guide/skip.png)
+![](/assets/img/architect-guide/skip.png)
 
 Once configured, ensure the "must match" setting is "all rules", as above.
 
 As a final step on this stage, we will create a prompt with the text, "You indicated that you've discussed social networks research with these people. Which category best describes your relationship with each person?" We will assign a categorical variable of "social_networks_research_relationship" with the following labels: Work Colleague, Classmate, Co-author, Supervisor. Type the corresponding values of "Work_Colleague", "Classmate", "Co-author", and "Supervisor."
 
-![Image](/assets/img/architect-guide/catbin-prompt.png)
+![](/assets/img/architect-guide/catbin-prompt.png)
 
 We will also include a "Follow-up "Other" Option" for this prompt. Toggle the switch in the section to "on", type the label for bin of "Other", type question prompt for dialog as "What is your relationship with this person?" and create a new variable to capture this attribute of "social_network_research_relationship_other."
 
-![Image](/assets/img/architect-guide/followup.png)
+![](/assets/img/architect-guide/followup.png)
 
 We have now finished configuring this stage. Press "Save and Close" on the bottom right of the prompt editor, and "Return and Close" on the Categorical Bin Interface editor.
 
@@ -532,7 +551,7 @@ We have now finished configuring this stage. Press "Save and Close" on the botto
 
 The last stage configured in this sample protocol is the Narrative Interface. As you have already learned, we will create a new stage (Narrative Interface), set a stage name ("Narrative Interface"), and select a node type ("Person"). Next we will choose to use the concentric circles background, but this time elect to use just 1 circle.
 
-![Image](/assets/img/architect-guide/narrative.png)
+![](/assets/img/architect-guide/narrative.png)
 
 ### Configuring Presets
 
@@ -544,8 +563,8 @@ Next, we will select a variable to use to position the nodes for this preset in
 
 If we have collected data on a categorical variable and the participant has assigned that attribute to at least two nodes, we can visualize this grouping on the Narrative Interface. The "Group Variable" section will show all available categorical variables in our protocol. In this example, we choose the variable "group."
 
-![Image](/assets/img/architect-guide/edit-preset.png)
-![Image](/assets/img/architect-guide/edit-preset2.png)
+![](/assets/img/architect-guide/edit-preset.png)
+![](/assets/img/architect-guide/edit-preset2.png)
 
 Under "Display Edges", we will see all edge types defined within our protocol. We will select the checkbox next to the edges we want to display ("know" and "conflict").
 
@@ -553,7 +572,7 @@ The last step in the preset editor is to select any boolean variables we want to
 
 Back on our Narrative Interface edit screen, we can see the sample preset we just created. We will move below to the "Narrative Behaviors" section, and toggle both "Free-draw" and "Allow repositioning" to "on." (The latter should already be toggled on by default).
 
-![Image](/assets/img/architect-guide/narrative-behaviors.png)
+![](/assets/img/architect-guide/narrative-behaviors.png)
 
 Free-draw is a function on this interface that allows a participant to annotate on the screen by using their mouse. They can draw lines, symbols, or words that help them describe aspects of their network.
 
@@ -571,4 +590,4 @@ There are numerous ways to transition from building the protocol within the Arch
 - Host the protocol file on a web server and then within the Interviewer app, import the protocol file from a web URL.
 - Use Server to manage the workflow. Once the protocol is loaded into Server it can be deployed to multiple field devices and then receive data from these devices for collation and export.
 
-In the next tutorial, [Server and Interviewer Workflows](/en/desktop/tutorials/using-server), we will show you how to use Server to load a protocol file onto multiple devices and then receive the data from those devices.
+In the next tutorial, [Protocol and Data Workflows Without Server](/en/desktop/tutorials/workflows-without-server), we will show you how to conduct research using the Network Canvas Interviewer app without using the Server app.
diff --git a/apps/documentation/docs/desktop/tutorials/index.en.mdx b/apps/documentation/docs/desktop/tutorials/index.en.mdx
deleted file mode 100644
index d8243559..00000000
--- a/apps/documentation/docs/desktop/tutorials/index.en.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: Tutorials homepage
----
-
-_Some introductory text about how to guides here_
diff --git a/apps/documentation/docs/desktop/tutorials/metadata.json b/apps/documentation/docs/desktop/tutorials/metadata.json
index 71816294..142ae8f4 100644
--- a/apps/documentation/docs/desktop/tutorials/metadata.json
+++ b/apps/documentation/docs/desktop/tutorials/metadata.json
@@ -1,7 +1,10 @@
 {
+  "type": "folder",
   "localeLabels": {
     "en": "Tutorials",
     "ru": "Учебники"
   },
-  "folderPagePath": "/desktop/tutorials"
+  "slug": "tutorials",
+  "isExpanded": true,
+  "navOrder": 2
 }
diff --git a/apps/documentation/docs/desktop/tutorials/using-interviewer.en.mdx b/apps/documentation/docs/desktop/tutorials/using-interviewer.en.mdx
index 4edaec56..80381444 100644
--- a/apps/documentation/docs/desktop/tutorials/using-interviewer.en.mdx
+++ b/apps/documentation/docs/desktop/tutorials/using-interviewer.en.mdx
@@ -1,25 +1,34 @@
 ---
-summary: 'This tutorial will introduce you to Interviewer by walking through an
-  example based on our sample protocol. We will explore the participant-facing
-  interview experience, as well as discuss some of the researcher-facing
-  functionality of the app. The sample protocol we will be using demonstrates
-  all the main data collection features of the tool, which we hope will
-  encourage you to imagine the many types of study that can be created using
-  Network Canvas.'
-prerequisites: >-
-  To get the most from this tutorial, you should have first:
-
-  - Read and understood the [project overview](/en/desktop/getting-started/project-overview).
-   - To follow along using your own computer or device, you should have [downloaded and installed Interviewer](https://networkcanvas.com/download.html).
-
-  Please note that we have created a separate tutorial article covering how to create a protocol, called [building a protocol using Architect](/en/desktop/tutorials/building-a-protocol). We suggest you continue with the current tutorial before learning the more advanced concepts involved in protocol creation, but you can read this articles in any order you wish.
-completion_time: 30 minutes
-nav_order: 1
+navOrder: 1
 title: Using Interviewer
 wip: false
 toc: true
 ---
 
+<SummaryCard duration="30 minutes">
+<SummarySection>
+
+This tutorial will introduce you to Interviewer by walking through an
+example based on our sample protocol. We will explore the participant-facing
+interview experience, as well as discuss some of the researcher-facing
+functionality of the app. The sample protocol we will be using demonstrates
+all the main data collection features of the tool, which we hope will
+encourage you to imagine the many types of study that can be created using
+Network Canvas.
+
+</SummarySection>
+<PrerequisitesSection>
+
+To get the most from this tutorial, you should have first:
+
+- Read and understood the [project overview](/en/desktop/project-information/project-overview).
+- To follow along using your own computer or device, you should have [downloaded and installed Interviewer](https://networkcanvas.com/download).
+
+Please note that we have created a separate tutorial article covering how to create a protocol, called [building a protocol using Architect](/en/desktop/tutorials/building-a-protocol). We suggest you continue with the current tutorial before learning the more advanced concepts involved in protocol creation, but you can read this articles in any order you wish.
+
+</PrerequisitesSection>
+</SummaryCard>
+
 ## Introducing Interviewer
 
 Network Canvas Interviewer is an interview administration tool that is designed to be simple and intuitive for research participants, and to integrate with the rest of the Network Canvas suite of tools. It is the cornerstone of the Network Canvas project.
@@ -34,10 +43,7 @@ What follows is an introduction to the software, which describes some of its key
 
 After opening Interviewer, the first thing you will see is the 'start screen'. This is a 'back-stage' area of Interviewer, designed to be used by the person conducting the study (not the participant). It allows you to configure the software, launch a new interview, resume an existing interview, and manage your data.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/start-screen.png"
-  content="The Interviewer start screen"
-/>
+![The Interviewer start screen](/assets/img/sample-protocol/start-screen.png)
 
 The start screen is divided into sections that group related tasks together, such as "starting an interview" or "exporting and managing interview data". Not all sections are visible all of the time. The start screen intelligently shows options only when they are available to use. For example, the export data section will only become visible once you have conducted one or more interviews.
 
@@ -45,31 +51,24 @@ When opening Interviewer for the first time, you will see three default sections
 
 The **welcome section** which contains links to install the sample protocol, visit the documentation website, or watch our overview video.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/welcome-section.png"
-  content="The welcome section"
-/>
+![The welcome section](/assets/img/sample-protocol/welcome-section.png)
 
 The welcome section also contains a button (the cog icon) that opens the main device settings screen. We encourage you to open the settings screen and explore the various options.
 
 <TipBox>
-  The welcome section can be hidden when no longer needed, using the toggle in
-  the top right hand corner.
+
+The welcome section can be hidden when no longer needed, using the toggle in
+the top right hand corner.
+
 </TipBox>
 
-The **protocols section** which allows you to quickly import a [Network Canvas protocol file](/en/desktop/key-concepts/the-protocol-file) from a URL, or by choosing a file ( and later, also by importing from Server). Once you have installed one or more protocol files, this section will also allow you to manage your installed protocols.
+The **protocols section** which allows you to quickly import a [Network Canvas protocol file](../key-concepts/the-protocol-file) from a URL, or by choosing a file ( and later, also by importing from Server). Once you have installed one or more protocol files, this section will also allow you to manage your installed protocols.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/protocols-section.png"
-  content="The protocols section"
-/>
+![The protocols section](/assets/img/sample-protocol/protocols-section.png)
 
-The **server status section** which initially shows nearby computers running Server that you may wish to [pair with](/en/desktop/how-to/pairing) and, once paired, shows the communication status of Interviewer with your paired Server.
+The **server status section** which initially shows nearby computers running Server that you may wish to pair with and, once paired, shows the communication status of Interviewer with your paired Server.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/server-section.png"
-  content="The Server status section"
-/>
+![The Server status section](/assets/img/sample-protocol/server-section.png)
 
 ## Installing and managing protocols
 
@@ -80,36 +79,42 @@ Interviewer must be configured using one or more Network Canvas interview protoc
 This option provides a simple means to import a protocol file that is already stored on your device. It can be accessed either from the file menu (if running Interviewer on a desktop operating system), or from the protocols section of the start screen.
 
 <TipBox>
-  We recommend this method for smaller studies, and situations where the device
-  running Interviewer is also the device used to author protocols in Architect.
+
+We recommend this method for smaller studies, and situations where the device
+running Interviewer is also the device used to author protocols in Architect.
+
 </TipBox>
 
 ### Importing from a URL
 
-This option allows you to download a protocol file directly from any URL that is accessible from the device running Interviewer. It can be useful in circumstances where you have a study website or intranet, and need to quickly install a protocol on a device, but you do not wish to use Server as part of your workflow (see ["when to use Server"](/en/desktop/tutorials/using-server#when-to-use-server) for more on this). It can be accessed from the protocols section of the start screen.
+This option allows you to download a protocol file directly from any URL that is accessible from the device running Interviewer. It can be useful in circumstances where you have a study website or internet, and need to quickly install a protocol on a device, but you do not wish to use Server as part of your workflow. It can be accessed from the protocols section of the start screen.
 
 <TipBox>
-  We recommend this method for devices using a project website or cloud storage
-  provider to distribute protocol files to multiple devices.
+
+We recommend this method for devices using a project website or cloud storage
+provider to distribute protocol files to multiple devices.
+
 </TipBox>
 
 ### Importing from Server
 
-This option uses our companion application, Server, to manage the distribution of interview protocols to field devices. The option to import from Server will appear in the protocols section once you have [paired your device](/en/desktop/how-to/pairing) with a computer running Server.
+This option uses our companion application, Server, to manage the distribution of interview protocols to field devices. The option to import from Server will appear in the protocols section once you have paired your device with a computer running Server.
 
 <TipBox>
-  We recommend this method for larger studies that have a single dedicated data
-  manager or coordinator responsible for study administration. See ["when to use
-  Server"](./using-server#when-to-use-server) for more on this.
+
+We recommend this method for larger studies that have a single dedicated data
+manager or coordinator responsible for study administration.
+
 </TipBox>
 
 ### Import the Sample Protocol
 
-For the purposes of this tutorial, we will proceed using the built-in sample protocol. To follow along on your own device, **click the "install sample protocol" button in the welcome section of the app** to install the protocol that we will be using. Alternatively, [click here](/assests/protocols/Sample Protocol v2.netcanvas) to download the file, and then import it into Interviewer using the import from file method described above.
+For the purposes of this tutorial, we will proceed using the built-in sample protocol. To follow along on your own device, **click the "install sample protocol" button in the welcome section of the app** to install the protocol that we will be using. Alternatively, [click here](</protocols/Sample Protocol v2.netcanvas>) to download the file, and then import it into Interviewer using the import from file method described above.
 
 Once a protocol has been imported, a new section will appear on the start screen: the **new interview section**. Inside this section will be a protocol card, representing the protocol you imported.
 
 <KeyConcept title="Anatomy of a protocol card">
+
 The protocol card is a visual device representing a Network Canvas interview protocol. It is used throughout Architect, Server, and Interviewer, whenever a protocol is used.
 
 ![A protocol card](/assets/img/sample-protocol/protocol-card.png)
@@ -118,7 +123,7 @@ The protocol card can often be clicked, tapped, or dragged in order to perform a
 
 - The protocol name, which is defined by the original file name of the protocol file itself
 - The protocol description, which can contain any descriptive information you like, and is set in Architect
-- The protocol metadata, which summarizes when a protocol was installed and modified, as well as the [schema version](/en/desktop/reference/protocol-schema-information) of the protocol
+- The protocol metadata, which summarizes when a protocol was installed and modified, as well as the [schema version](../advanced-topics/protocol-schema-information) of the protocol
 
 </KeyConcept>
 
@@ -126,26 +131,17 @@ The protocol card can often be clicked, tapped, or dragged in order to perform a
 
 To help you to manage protocols that are installed in Interviewer, there is a dedicated overlay. This can be opened from the protocols section, which will now display a "manage installed protocols" button.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/manage-installed-protocols.png"
-  content="Protocols section showing `manage installed protocols` button"
-/>
+![Protocols section showing `manage installed protocols` button](/assets/img/sample-protocol/manage-installed-protocols.png)
 
 From within this overlay, you can sort your installed protocols, as well as filter them by name. To remove a protocol file from your device, drag its card into the bin that appears at the bottom of the screen.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/delete-protocol.png"
-  content="Deleting a protocol by dragging it into the bin"
-/>
+![Deleting a protocol by dragging it into the bin](/assets/img/sample-protocol/delete-protocol.png)
 
 ## Starting a new interview
 
 By default, the start a new interview section shows the last protocol you installed (or started an interview with). It can be tapped or clicked to immediately begin an interview.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/start-new-section.png"
-  content="The start new interview section, showing the sample protocol installed"
-/>
+![The start new interview section, showing the sample protocol installed](/assets/img/sample-protocol/start-new-section.png)
 
 If you have more than one protocol installed in Interviewer, a card stack will appear to the right side of the start a new interview section. To access all available protocols, tap or click this card stack. An overlay will open with a list of protocols currently stored in the app. Scroll, filter, or sort the protocol card list to locate the protocol you wish to use for your interview, and tap or click it to begin. This protocol will then appear in the start a new interview section for quicker future access.
 
@@ -153,10 +149,7 @@ If you have more than one protocol installed in Interviewer, a card stack will a
 
 When initiating a new interview, you will immediately be presented with a dialog that asks you to enter a 'case ID'. This is a simple mechanism designed to help you keep track of and identify interview sessions in a way that is meaningful to you and your study. The case ID will be visible in Interviewer and Server anywhere that you see interview sessions, and will also be included in all exported data.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/case-id.png"
-  content="The case ID form"
-/>
+![The case ID form](/assets/img/sample-protocol/case-id.png)
 
 A case ID can contain any combination of numbers and letters (including spaces) up to 30 characters. There is no requirement that a case ID be unique, since this would not be possible to enforce across multiple devices. Nevertheless, you should strongly consider a consistent system for naming cases that allows you to uniquely identify them.
 
@@ -167,9 +160,11 @@ For example, you might consider:
 - ...or simply `PARTICIPANT_NAME` (e.g `James Montgomery Williams`)
 
 <TipBox>
-  The case ID of an interview can be changed from within the interview. Simply
-  click the menu icon, and click the 'edit' button in the white session summary
-  card that appears on the right.
+
+The case ID of an interview can be changed from within the interview. Simply
+click the menu icon, and click the 'edit' button in the white session summary
+card that appears on the right.
+
 </TipBox>
 
 ## Sample interview walkthrough
@@ -189,7 +184,7 @@ The main interview user interface within Interviewer is designed to be simple, u
 
 In terms of the user interface elements that are always visible when within the interview, there are several features of note.
 
-![image](/assets/img/sample-protocol/interviewer-ui.png)
+![](/assets/img/sample-protocol/interviewer-ui.png)
 
 The **menu button** at the very top of the screen opens the primary app menu, which allows you to:
 
@@ -198,40 +193,33 @@ The **menu button** at the very top of the screen opens the primary app menu, wh
 - Open the device settings menu
 - Open the stages menu (see below)
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/primary-menu.png"
-  content="The primary app menu"
-/>
+![The primary app menu](/assets/img/sample-protocol/primary-menu.png)
 
 The large vertical bar is the interview **timeline**, which is a visual indicator of progress through the interview. As the participant progresses forwards the bar will fill up, and eventually turn green when the interview is finished. Tapping the timeline will reveal the "stages menu", which allows the researcher to quickly see precisely where they are within the interview, as well as to move to another location. The stages menu can also be opened from the main app menu.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/stages-menu.png"
-  content="The stages menu"
-/>
+![The stages menu](/assets/img/sample-protocol/stages-menu.png)
 
 Moving forwards and backwards through the interview is accomplished using the **next** (down arrow) and **previous** (up arrow) buttons visible at the top and bottom of the timeline, which can be used by the participant or by the researcher to advance the interview.
 
 <TipBox>
-  The next button at the bottom left of the screen is particularly important to
-  explain to the participant if you wish them to have physical control of the
-  device, which may help with engagement.
+
+The next button at the bottom left of the screen is particularly important to
+explain to the participant if you wish them to have physical control of the
+device, which may help with engagement.
+
 </TipBox>
 
 ## Stages and interfaces
 
 With a Network Canvas interview protocol, each interview is made up of a series of screens that we call "stages", where a specific task is to be completed. You can have as many stages in your interview as you feel you need, and as you will see in other tutorials, there are many ways to structure your interview using different combinations of screens and different front or back loadings of tasks.
 
-Each stage is an _instance_ of a specialized task-based screen that we call an ["Interface"](/en/desktop/key-concepts/interfaces). That is to say that an Interface is the broad "category" of task, and a stage is the specifically configured version of that task in your interview. Each Interface is designed for a specific data collection task, such as generating names, collecting ordinal data, or showing a form. Each Interface has dedicated documentation (see the "Interface Documentation" section on the left) that explains its features, and gives hints about when and where you should use it.
+Each stage is an _instance_ of a specialized task-based screen that we call an ["Interface"](../key-concepts/interfaces). That is to say that an Interface is the broad "category" of task, and a stage is the specifically configured version of that task in your interview. Each Interface is designed for a specific data collection task, such as generating names, collecting ordinal data, or showing a form. Each Interface has dedicated documentation (see the "Interface Documentation" section on the left) that explains its features, and gives hints about when and where you should use it.
 
 ## The information interface
 
-The first screens within the sample interview protocol all use the [information interface](/en/desktop/interface-documentation/information), with the very first being the welcome stage.
+The first screens within the sample interview protocol all use the [information interface](../interface-documentation/information), with the very first being the welcome stage.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/welcome-info.png"
-  content="The welcome stage"
-/>
+![The welcome stage](/assets/img/sample-protocol/welcome-info.png)
 
 The information interface can be used to build stages that communicate information to a participant, such as providing a study description or instructions for completing a task on a subsequent screen. It can also contain media, such as audio, images or video. We have used numerous Information Interfaces throughout this sample protocol to clarify the primary tasks performed in Interviewer, but we will not describe them in this article to avoid redundancy.
 
@@ -239,25 +227,19 @@ The information interface can be used to build stages that communicate informati
 
 After clicking "next" to pass through two additional information stages, you will arrive at the first data collection stage in the sample protocol.
 
-While Interviewer is optimized for collecting data about network members from an ego-centric perspective, we also provide the ability for researchers to capture data about the participant (ego) through the [ego form](/en/desktop/interface-documentation/ego-form) interface. It allows the researcher to show an arbitrary [form](/en/desktop/key-concepts/forms) to the participant, where responses will be stored in a dedicated section of the interview data model devoted to ego data.
+While Interviewer is optimized for collecting data about network members from an ego-centric perspective, we also provide the ability for researchers to capture data about the participant (ego) through the [ego form](../interface-documentation/ego-form) interface. It allows the researcher to show an arbitrary [form](../key-concepts/forms) to the participant, where responses will be stored in a dedicated section of the interview data model devoted to ego data.
 
 The first use-case for ego data collection demonstrated is an example of a participant consent form.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/consent-form.png"
-  content="A participant consent form built using the ego form interface"
-/>
+![A participant consent form built using the ego form interface](/assets/img/sample-protocol/consent-form.png)
 
-It shows a single form 'field' that represents a boolean attribute corresponding to the consent status of the participant. Once the question is answered, the attribute will be included in the network data model, and will be exported along with the interview data. It can be used to direct the flow of the interview, using [skip logic](/en/desktop/key-concepts/skip-logic).
+It shows a single form 'field' that represents a boolean attribute corresponding to the consent status of the participant. Once the question is answered, the attribute will be included in the network data model, and will be exported along with the interview data. It can be used to direct the flow of the interview, using [skip logic](../key-concepts/skip-logic).
 
 The next ego form interface shows a more full-featured example of this interface. In this particular stage, we ask for a variety of individual level data using numerous input control types.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/ego-form.png"
-  content="A more full-featured ego data collection form, showing a variety of input controls"
-/>
+![A more full-featured ego data collection form, showing a variety of input controls](/assets/img/sample-protocol/ego-form.png)
 
-The form includes [validation](/en/desktop/key-concepts/field-validation), which requires you to enter the first and last name before proceeding onto the next screen.
+The form includes [validation](../key-concepts/field-validation), which requires you to enter the first and last name before proceeding onto the next screen.
 
 ## Name Generators
 
@@ -265,16 +247,13 @@ After clicking through a further information screen, we encounter the first name
 
 ### Quick add
 
-The first name generator stage uses the "[quick add](/en/desktop/interface-documentation/name-generator-using-quick-add)" name generator Interface. It is designed to be ultra-low response burden, and only requires that a participant provide a name or label in order to create a node.
+The first name generator stage uses the "[quick add](../interface-documentation/name-generator-using-quick-add)" name generator Interface. It is designed to be ultra-low response burden, and only requires that a participant provide a name or label in order to create a node.
 
 To add nodes, click the "add" button in the bottom right, which will reveal the label input. Enter a name, and press enter (or click the node icon), and notice that a node will appear in the main node list. When you are finished, either click the button again, or click away, to close the input.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/quick-add.png"
-  content="A Quick-Add Name Generator"
-/>
+![A Quick-Add Name Generator](/assets/img/sample-protocol/quick-add.png)
 
-This stage is configured with a single [prompt](/en/desktop/key-concepts/prompts):
+This stage is configured with a single [prompt](../key-concepts/prompts):
 
 > Within the past 6 months, who have you felt close to, or discussed important personal matters with?
 
@@ -284,14 +263,11 @@ Prompts are defined by the researcher, and frame the data collection task. Many
 
 Clicking forwards through an information stage and into the next name generator stage, a side panel will appear that contains all of the nodes named on the first stage. We can drag and drop nodes from this side panel into the node list area, or we can create new nodes by clicking on the add button in the bottom right right corner as we did previously.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/side-panel.png"
-  content="A name generator with a side panel"
-/>
+![A name generator with a side panel](/assets/img/sample-protocol/side-panel.png)
 
 The side panel functionality is available in both of our non-roster specific name generator Interfaces. It is designed for two specific scenarios:
 
-1. To allow participants to nominate alters they have already mentioned _again_ in response to later prompts. For example, if a first prompt asks "Who are you close to?", and second prompt asks "Who are your family members?", the participant may wish to nominate existing close alters as also being family members. This is especially powerful when used in combination with the [assign additional variables](/en/desktop/key-concepts/additional-variables) feature, since it allows you to combine name generation and name interpreting in a single step.
+1. To allow participants to nominate alters they have already mentioned _again_ in response to later prompts. For example, if a first prompt asks "Who are you close to?", and second prompt asks "Who are your family members?", the participant may wish to nominate existing close alters as also being family members. This is especially powerful when used in combination with the [assign additional variables](../key-concepts/additional-variables) feature, since it allows you to combine name generation and name interpreting in a single step.
 
 2. As a container for displaying small amounts of roster data, where you still need to retain the ability for the participant to add network members not listed in the roster.
 
@@ -303,23 +279,17 @@ Moving forwards through an additional information screen, you will arrive at the
 
 > Within the **past 12 months**, which **clinics or healthcare providers** have you visited?
 
-Although this stage is also a name generator, it uses a [separate interface](/en/desktop/interface-documentation/name-generator-using-forms) which makes it behave differently. This time, when clicking the add button in the bottom right, you will see that a dialog is triggered. Network Canvas can be configured to collect more in-depth node information at the time of elicitation, using the concept of "[forms](/en/desktop/key-concepts/forms)". In this example, clicking the "add" button shows a form with three fields (name, visit date, and treatment summary).
+Although this stage is also a name generator, it uses a [separate interface](../interface-documentation/name-generator-using-forms) which makes it behave differently. This time, when clicking the add button in the bottom right, you will see that a dialog is triggered. Network Canvas can be configured to collect more in-depth node information at the time of elicitation, using the concept of "[forms](../key-concepts/forms)". In this example, clicking the "add" button shows a form with three fields (name, visit date, and treatment summary).
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/using-forms.png"
-  content="A Name Generator that uses forms to collect additional data"
-/>
+![A Name Generator that uses forms to collect additional data](/assets/img/sample-protocol/using-forms.png)
 
 The forms you design can collect whichever attributes you wish. This is one of the key ways that a researcher can vary the front-facing response burden of naming alters. Collecting a large number of attributes as the node is created can allow for fewer overall stages in your interview, but can also condition the participant against naming large numbers of alters.
 
 Experiment with adding alters on this stage, and notice that these nodes are a different color from the ones we created previously. This is because Network Canvas interviews can collect data on as many node types as the researcher desires.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/blue-nodes.png"
-  content="Different node types are automatically styled in visually distinctive ways so that participants can always differentiate between them"
-/>
+![Different node types are automatically styled in visually distinctive ways so that participants can always differentiate between them](/assets/img/sample-protocol/blue-nodes.png)
 
-In this case, our name generator will create "clinic" nodes, which are displayed in blue, as opposed to the red "person" nodes we saw previously. This is an element of the ontological flexibility discussed in our [project overview](/en/desktop/getting-started/project-overview#ontological-flexibility), and allows for powerful research designs that model networks in sophisticated ways.
+In this case, our name generator will create "clinic" nodes, which are displayed in blue, as opposed to the red "person" nodes we saw previously. This is an element of the ontological flexibility discussed in our [project overview](/en/desktop/project-information/project-overview#ontological-flexibility), and allows for powerful research designs that model networks in sophisticated ways.
 
 ### Using roster data
 
@@ -329,47 +299,35 @@ Continue forwards through the sample protocol, until you arrive at a name genera
 
 This stage once again behaves differently from the previous name generators due to being based on a different interface. It allows a participant to nominate alters from a predetermined list (i.e. a roster). In this case, "classmate" nodes are added by selecting the appropriate "display card" on the scrollable roster. Multiple alters can be added at one time. Note that you are able to filter and sort the list, which helps when trying to locate a specific roster member. The sortable properties, as well as the information to be displayed on the cards, are all fully customizable within Architect.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/small-roster.png"
-  content="The Small Roster Name Generator"
-/>
+![The Small Roster Name Generator](/assets/img/sample-protocol/small-roster.png)
 
-Once a member of the roster has been nominated by selecting its card, Interviewer creates a node in the network model using data from the roster. This results in data files that contain only the nodes that the participant nominated. This stage is an example of the [small roster name generator interface](/en/desktop/interface-documentation/small-roster-name-generator).
+Once a member of the roster has been nominated by selecting its card, Interviewer creates a node in the network model using data from the roster. This results in data files that contain only the nodes that the participant nominated. This stage is an example of the [small roster name generator interface](../interface-documentation/small-roster-name-generator).
 
 Clicking next again will take you to a second roster-based name generator Interface, but this time designed to work for extremely large rosters. Here, we ask about universities visited or studied at. Our CSV roster data file contains approximately 9,300 nodes.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/large-roster.png"
-  content="The Large Roster Interface"
-/>
+![The Large Roster Interface](/assets/img/sample-protocol/large-roster.png)
 
-Since this roster is so large, this interface does not display the roster in its entirety. Instead, it offers a search box, and customizable levels of fuzzy matching, in order to help the participant quickly locate the nodes they wish to nominate. This is an example of a stage configured using the [large roster name generator interface](/en/desktop/interface-documentation/large-roster-name-generator).
+Since this roster is so large, this interface does not display the roster in its entirety. Instead, it offers a search box, and customizable levels of fuzzy matching, in order to help the participant quickly locate the nodes they wish to nominate. This is an example of a stage configured using the [large roster name generator interface](../interface-documentation/large-roster-name-generator).
 
 ## General purpose form interfaces
 
 For situations where general purpose data collection is required, we provided form-based interfaces that show a form on a 'per-alter' or 'per-edge' basis.
 
-Clicking next from the university roster stage, you will immediately arrive on a stage that uses the [per-alter form](/en/desktop/interface-documentation/per-alter-form) interface to ask followup name interpreter questions about all alters that were named on the previous screen.
+Clicking next from the university roster stage, you will immediately arrive on a stage that uses the [per-alter form](../interface-documentation/per-alter-form) interface to ask followup name interpreter questions about all alters that were named on the previous screen.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/per-alter-form.png"
-  content="The per-alter form interface"
-/>
+![The per-alter form interface](/assets/img/sample-protocol/per-alter-form.png)
 
-As with all [forms](/en/desktop/key-concepts/forms) used by Interviewer, the Per Alter Form allows you to capture different types of data in a series of fields utilizing a variety of input controls. Any data in these forms is stored directly on the alter as attributes. The Per Alter Form stage will cycle through all alters of a given type in the interview network, presenting the form for each.
+As with all [forms](../key-concepts/forms) used by Interviewer, the Per Alter Form allows you to capture different types of data in a series of fields utilizing a variety of input controls. Any data in these forms is stored directly on the alter as attributes. The Per Alter Form stage will cycle through all alters of a given type in the interview network, presenting the form for each.
 
 There is also a per alter _edge_ version of this interface, which is identical except for dealing with edges between alters, rather than alters themselves. It can be used to ask edge interpreter questions about the quality of a given relation.
 
 ## The sociogram interface
 
-After clicking through an information stage, you will next arrive at an example of the [sociogram interface](/en/desktop/interface-documentation/sociogram).
+After clicking through an information stage, you will next arrive at an example of the [sociogram interface](../interface-documentation/sociogram).
 
 Network Canvas has been heavily inspired by the long tradition of using visual methods in social networks research, which often feature the sociogram as a means of presenting the network in a way that is intuitive to participants.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/sociogram-positioning.png"
-  content="The sociogram interface"
-/>
+![The sociogram interface](/assets/img/sample-protocol/sociogram-positioning.png)
 
 The sociogram interface in Interviewer is capable of three main tasks:
 
@@ -381,12 +339,9 @@ As with other Interfaces, every aspect of theses three behaviours is customized
 
 ## Conducting a dyad census
 
-Some research has preferred more systematic approaches to evaluating the presence of alter-alter ties in ego networks. Immediately following the edge creation sociogram stage in the sample protocol is an illustration of the [dyad census](/en/desktop/interface-documentation/dyad-census) interface, which has been designed to accommodate these methods.
+Some research has preferred more systematic approaches to evaluating the presence of alter-alter ties in ego networks. Immediately following the edge creation sociogram stage in the sample protocol is an illustration of the [dyad census](../interface-documentation/dyad-census) interface, which has been designed to accommodate these methods.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/dyad-census.png"
-  content="An example of the dyad-census interface"
-/>
+![An example of the dyad-census interface](/assets/img/sample-protocol/dyad-census.png)
 
 On this stage, all previously named alters are presented under a researcher-defined prompt and a simple "yes"/"no" user interface. By clicking the 'yes' button, a tie between the alters is created. By clicking the 'no' button, no edge is created. All possible pairs within the network for a particular node type will appear. Note that providing an answer immediately advances to the next pair, significantly speeding up the process.
 
@@ -394,12 +349,9 @@ On this stage, all previously named alters are presented under a researcher-defi
 
 Apart from general purpose form interfaces, Interviewer also contains a variety of dedicated name-interpreter interfaces that are designed to improve the experience of collecting a single type of variable on a per-alter basis.
 
-Continuing through the sample protocol to the "contact frequency" stage, you will find an example of the [ordinal bin](/en/desktop/interface-documentation/ordinal-bin) interface, which as the name suggests deals specifically with ordinal variables.
+Continuing through the sample protocol to the "contact frequency" stage, you will find an example of the [ordinal bin](../interface-documentation/ordinal-bin) interface, which as the name suggests deals specifically with ordinal variables.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/ordinal-bin.png"
-  content="The contact frequency stage, which uses the ordinal bin interface"
-/>
+![The contact frequency stage, which uses the ordinal bin interface](/assets/img/sample-protocol/ordinal-bin.png)
 
 The ordinal bin interface allows you to drag nodes into a "bin" representing an ordinal variable value, thereby assigning that value to the alter. Here, we ask:
 
@@ -409,18 +361,15 @@ This greatly improves response burden of "matrix type" questions, where the same
 
 Once again, the key elements of the Interface are configurable by the researcher, including the alter type, the ordinal variable (and its categories), the color scheme of the bins, and the text for the prompt(s).
 
-The following stage uses the [categorical bin](/en/desktop/interface-documentation/categorical-bin) interface, which follows a similar pattern but for unordered data.
+The following stage uses the [categorical bin](../interface-documentation/categorical-bin) interface, which follows a similar pattern but for unordered data.
 
-<StandAloneImage
-  src="/assets/img/sample-protocol/cat-bin.png"
-  content="An example categorical bin stage"
-/>
+![An example categorical bin stage](/assets/img/sample-protocol/cat-bin.png)
 
 It allows you to drag nodes into colorful circles, each representing a categorical variable value. When a node is placed within a circle the variable value is assigned to that alter. You can view which nodes were placed in which circle by selecting the circle. This action allows you to move nodes from one circle to another, which may be necessary to correct an error.
 
 ## Managing interview flow with skip logic and network filtering
 
-One of the simplest ways to reduce response burden in an interview is to avoid showing the participant questions that are not applicable (or redundant) based on earlier answers. In conventional survey software, sections of an interview can be skipped based on responses. Interviewer extends this concept, and allows the researcher to construct powerful queries built on the structure of the interview network itself, which can then be used to determine the flow of the interview as well as which interview network members should be shown on a stage. These queries can be applied to both [skip logic](/en/desktop/key-concepts/skip-logic) and stage level [network filtering](/en/desktop/key-concepts/network-filtering).
+One of the simplest ways to reduce response burden in an interview is to avoid showing the participant questions that are not applicable (or redundant) based on earlier answers. In conventional survey software, sections of an interview can be skipped based on responses. Interviewer extends this concept, and allows the researcher to construct powerful queries built on the structure of the interview network itself, which can then be used to determine the flow of the interview as well as which interview network members should be shown on a stage. These queries can be applied to both [skip logic](../key-concepts/skip-logic) and stage level [network filtering](../key-concepts/network-filtering).
 
 Following the categorical bin stage above, there is a further categorical bin. However, skip logic rules have been defined which direct that the stage should only be shown only if a participant has named any alters of type "Person" with whom they discuss social network research. Recall the **quick add** name generator earlier in the interview, which asked participants to list any people with whom they have discussed social networks research: nodes nominated on that stage were given an attribute which we have used to create this skip logic query. If no alters were generated on that screen, The next categorical bin will be skipped.
 
@@ -429,16 +378,18 @@ Similarly, network filtering is configured using a rule which filters out all al
 You may wish to navigate back and forth between the quick add name generator and this stage to see the skip logic and network filtering in action.
 
 <TipBox>
-  Remember that at any time during the interview, you can view a menu of all
-  protocol stages by tapping on the timeline. Tapping on a stage will navigate
-  to it.
+
+Remember that at any time during the interview, you can view a menu of all
+protocol stages by tapping on the timeline. Tapping on a stage will navigate
+to it.
+
 </TipBox>
 
 ## The Narrative Interface
 
-The final stage of the sample protocol demonstrates an interface that is designed for qualitative personal network's research. The [narrative](/en/desktop/interface-documentation/narrative) interface does not collect any additional data, but rather can map data collected elsewhere in the interview to aspects of the visual representation of the network. It therefore aims to represent aspects of the participant's network back to them, with the intent to facilitate narrative interrogation of the data in an interview setting.
+The final stage of the sample protocol demonstrates an interface that is designed for qualitative personal network's research. The [narrative](../interface-documentation/narrative) interface does not collect any additional data, but rather can map data collected elsewhere in the interview to aspects of the visual representation of the network. It therefore aims to represent aspects of the participant's network back to them, with the intent to facilitate narrative interrogation of the data in an interview setting.
 
-![Image](/assets/img/sample-protocol/narrative.png)
+![](/assets/img/sample-protocol/narrative.png)
 
 The preset menu in the bottom right allows the researcher or the respondent to switch between different predefined visual styles. In this example, we can see the two edge types we created previously ("know" and "conflict") and the boolean attributes we assigned during our variable toggling task on the Sociogram Interface. We can also see the categorical groupings collected on the Categorical Bin Interface. Each preset can be toggled on or off by tapping on the attribute or edge in the menu.
 
@@ -448,7 +399,7 @@ The narrative Interface also supports free-form annotation using the mouse, a fi
 
 Each interview protocol has a "finish" screen automatically inserted by Interviewer. This screen presents a single button that will exit the interview and return to the start screen. Clicking this button will also set, or update, the "finished at" property of the interview session. This property is exported along with your interview data, and can be used to calculate interview duration.
 
-![Image](/assets/img/sample-protocol/finish.png)
+![](/assets/img/sample-protocol/finish.png)
 
 For now click "Finish" to return to the start screen.
 
@@ -456,16 +407,16 @@ For now click "Finish" to return to the start screen.
 
 Now that you have completed an interview, new sections and options will appear on the start screen for managing and resuming interview sessions.
 
-![image](/assets/img/sample-protocol/resume-section.png)
+![](/assets/img/sample-protocol/resume-section.png)
 
 The **resume section** (above) is displayed immediately below the start new interview section, and works in the same way. Clicking an interview session card will immediately resume the interview at the point that you left off. When multiple existing sessions exist on the device running Interviewer, a card stack icon will appear, that when clicked will allow you to choose between resuming any existing interview session.
 
 Managing and exporting interview data takes place in a dedicated **export and manage interview data** section (below). To remove an interview session from the device, select it, and click the "delete selected" button.
 
-![image](/assets/img/sample-protocol/export-section.png)
+![](/assets/img/sample-protocol/export-section.png)
 
 The data export process consists of selecting one or more sessions from this section, and clicking the "export selected to file" or "export selected to Server" button, as applicable. Settings for exported data can be found in the device settings in the welcome section.
 
 ## Next Steps
 
-Now that you have experienced the general flow of an interview in Network Canvas Interviewer from the participant perspective, you may wish to learn about how to begin to create your own protocol. For this, we suggest our article on [building a protocol using Architect](./building-a-protocol).
+Now that you have experienced the general flow of an interview in Network Canvas Interviewer from the participant perspective, you may wish to learn about how to begin to create your own protocol. For this, we suggest our article on [building a protocol using Architect](/en/desktop/tutorials/building-a-protocol).
diff --git a/apps/documentation/docs/desktop/tutorials/using-server.en.mdx b/apps/documentation/docs/desktop/tutorials/using-server.en.mdx
deleted file mode 100644
index de2d37b0..00000000
--- a/apps/documentation/docs/desktop/tutorials/using-server.en.mdx
+++ /dev/null
@@ -1,306 +0,0 @@
----
-summary:
-  This tutorial will introduce you to using Server. It it will demonstrate how to deploy interview protocols to devices
-  running Interviewer, how to receive data back from those devices, and then how to export
-  this data for further analysis.
-prerequisites: You should have read and understood the project overview, and be
-  familiar with the concept of protocol files. You should install Server and
-  Interviewer on one or more devices and have an interview protocol ready if you would like to follow along with the
-  steps in this tutorial.
-completion_time: 30 minutes
-nav_order: 3
-title: Using Server to manage a study
-wip: false
-toc: true
----
-
-## Introducing Server
-
-Server is an optional companion program to Interviewer and Architect, which has the following useful features:
-
-- It can deploy interview protocol files to field devices running Interviewer
-- It receives data directly from field devices, and provides a central repository for interview data
-- Allows you to monitor the data collection process in real-time
-- Allows you to export data for further analysis in a variety of formats, and including some basic data merging/processing
-
-### When to use Server
-
-Server is not required in order to run a Network Canvas study, since protocol files created in Architect can be opened directly in Interviewer, and Interviewer can export data directly in both CSV and GraphML format. It may be preferable not to use Server in situations where:
-
-- You are in an enterprise environment, with complex networking or security needs
-- Your study data is particularly sensitive, and should not be transferred over a network
-- You require collaborative access to your data, or you need your data to live in a shared location that can be accessed by multiple team members
-
-However, if your study has a single designated data manager, entails working with many cases on multiple devices, and you are comfortable with the networking configuration that is required, Server may be a useful component of your workflow.
-
-Server is particularly useful when you have multiple devices in the field that all need to transmit interview data to a single location. Each device running Interviewer can be connected to a single instance of Server, which allows you to manage interview protocol deployment, view cases as they are uploaded, and monitor the progress of your project in real time. From this same instance of Server, you are able to export all of your social network data in a format suitable for analysis in standard network and statistical software packages.
-
-## Installing and running server
-
-Server is a desktop program that is designed to be run by a researcher on a dedicated computer in their lab, university, or workplace.
-
-Despite its name, Server is not a headless or command line application designed to be run on your institution's server hardware, or in a data-center. Instead, it is a GUI application that is intended to be run by end-users on their desktop machine.
-
-### System requirements
-
-Because it is not a true 'server' application, Server has no special system requirements beyond the rest of the applications in the Network Canvas suite. That means you should follow the requirements listed in the [installation guide](../installation-guide#system-requirements).
-
-One additional consideration unique to Server is that since it acts as an endpoint for data transfer, its networking should be fast and reliable. This means using wired networking and not WiFi, and adjusting the power management settings of your operating system to make sure that the computer does not 'sleep' when not in use, so that it can still receive data.
-
-### Networking configuration
-
-Using the remote data transfer functionality of Server requires that the device running Server and the device(s) running Interviewer be able to communicate with each other. To enable this communication requires a degree of knowledge about computer networks and associated concepts. This tutorial will not go into detail on these topics, so you may need to either consult with technical exports within your institution, use the offline workflow, or consider a workflow that does not use Server if you do not have experience with them.
-
-If you are familiar with these concepts, the networking requirements of Server are simple:
-
-- Server listens on TCP port **61001** for pairing requests, using an unsecured HTTP service.
-- Server listens on TCP port **61002** for secure API requests using the HTTPS protocol, including data upload, protocol listing, and protocol download.
-- Server binds to these ports on all interfaces addresses, in both IPv4 and IPv6.
-- The automatic Server discovery feature uses multicast DNS (also known as Bonjour, or Zeroconf). Server sends service advertisement packets of this type on UDP port **5353**.
-
-You must configure your firewall and/or routing settings to allow the computer running server to receive traffic on the above ports, on whichever interfaces you want to use. If your devices running Interviewer will not be operating on the same LAN, or you are otherwise in an untrusted network environment, **take extreme care over the decision to open these ports**. See the following section for further information on security practices.
-
-### Securing Server
-
-Since Server will store study data, and provides remote data import functionality (meaning it is 'exposed' to other computers) it is important to understand security best practices around its use.
-
-Some key points to keep in mind are:
-
-- Server's data store is **not encrypted** at rest. We made this decision because it would be trivial for a malicious party with access to the computer running Server to uncover the encryption key and decrypt the data. Instead, we strongly advise you to use both the operating level disk encryption features available to you, and strong physical security/user access controls.
-- Server is **not intended to be exposed directly to general internet traffic**. Although every effort has been taken to secure Server, no software is completely impervious to attack. You should not allow Server to face internet traffic directly. If your devices running Interviewer are not on the same LAN as the computer running Server, you should use additional transport security in the form of a VPN.
-
-For more information on these topics, see our articles on [IRB and security best practices](../reference/irb-best-practices) and [configuring your devices prior to starting data collection](../how-to/configuring-devices).
-
-## Using Server
-
-After opening the Server application on your computer, you are greeted by the setup screen.
-
-<ImageFullWith
-  src="/assets/img/server-guide/server-welcome.png"
-  name="The setup screen"
-/>
-
-The setup screen of Server provides instructions for how to create a workspace, and how to pair with a device running Interviewer to facilitate secure encrypted data transmission. The icons in the top right corner of the screen also provide important details about the network connectivity of the computer running Server. These details can be used to manually pair Server to Interviewer field devices if necessary.
-
-### Server's background process
-
-When you open Server, a 'background' process is also launched, which will remain running even if you close the main window of the app. You can find this background process in the system tray on a computer running Windows, and in the status bar on macOS.
-
-This process runs in the background so that you can continue to receive data without having to have the main GUI window open.
-
-To exit the app completely, including closing this background process, click the status icon in the system tray/status bar and then click "quit".
-
-<StandAloneImage
-  src="/assets/uploads/screen-shot-2021-04-29-at-4.55.48-pm.png"
-  content="Quitting the app from the system tray"
-/>
-
-### Creating a workspace by importing a protocol
-
-Server is organized around the concept of 'workspaces', where each workspace is based on a protocol file. A workspace contains all the data and functionality associated with that protocol file. Every protocol you import will have a dedicated workspace. This allows you the flexibility have multiple protocols or studies running in parallel.
-
-<ImageFloatLeft
-  name="Workspaces"
-  src="/assets/uploads/screen-shot-2021-04-29-at-5.03.54-pm.png"
-/>
-Your workspaces are shown in the purple column on the left hand side of the app,
-with a large plus button always visible that can be used to create a new workspace.
-
-To create a new workspace, locate a `.netcanvas` protocol file. For the purposes of this demonstration, we can use the sample protocol file that has been discussed in the tutorials on Interviewer and Architect (which can be downloaded [here](https://github.com/complexdatacollective/Documentation/blob/master/protocols/Sample%20Protocol%20v2.netcanvas)).
-
-To create a workspace from the protocol file either:
-
-1. Drag the file directly into the purple sidebar
-2. Use the 'plus' button to open a file dialog and browse to the file
-3. Select 'Import Protocol' from the file menu and browse to the file
-
-Once imported, you will see a workspace icon that contains the initials of the protocol name, with a unique background that is generated based on the protocol content. Clicking this icon will switch to that workspace, and show the "overview" tab.
-
-<StandAloneImage
-  src="/assets/img/server-guide/imported-protocol-server.png"
-  content="The overview tab of a newly created workspace"
-/>
-
-Once you have created a workspace from a protocol, it is not possible to update or replace the protocol. This is to ensure that there can be no confusion regarding protocol versions, which could lead to inaccurate or missing data. Server identifies a protocol based on its name, which means that if you attempt to create a new workspace with a protocol whose name is already used by another workspace, you will receive an error message.
-
-If you need to update a protocol after you have created a workspace for it, you should instead rename the protocol to indicate that it is a different version, and then create a new workspace. If you need to merge the data from the two protocols, you should handle this process manually outside of Server. This ensures that all data cleaning and merging steps are conducted deliberately as directed by you, which in turn leads to greater confidence in the data.
-
-### Navigating a protocol workspace
-
-A workspace is divided, which are visible along the top of the screen:
-
-- **Overview**: This tab displays key summary information about your study and updates in real time as new interview data is uploaded. The 'cards' containing summary charts for your variables can be reordered by dragging them.
-- **Manage cases**: A simple list of interview sessions allowing you to individually delete a session.
-- **Export data**: Allows you to export data from Server in a format of your choosing, as well as specify export options such as merging.
-- **Resolve data**: An advanced feature that allows you to match alters across interviews using a custom python script.
-- **Settings**: The settings tab allows you to delete the workspace, as well as customize which charts are visible on the overview tab.
-
-## Pairing Server with interview devices
-
-Getting data from Interviewer into Server requires "[pairing](../how-to/pairing)" the two devices. The pairing process works by using an "out of band" code that is generated by Server and used by both Server and Interviewer to generate a unique encryption key. This key is used by both apps in all subsequent security sensitive communication, such as when downloading interview protocols, or uploading data.
-
-To pair a device with Server, make sure you have both Interviewer and Server programs open and running, and you have configured your network as [described above](#networking-configuration).
-
-<TipBox>
-  For testing purposes, and to follow along with this tutorial, you may wish to
-  run Interviewer and Server on the same computer, which will avoid the need to
-  configure networking.
-</TipBox>
-
-### Using automatic Server discovery
-
-Your device running Interviewer needs to know the IP address of the computer running Server so that can send a pairing request. As a convenience, we implemented a discovery protocol that can enable your devices to find each other automatically. We call this feature "automatic Server discovery".
-
-This feature uses a technology called multicast DNS (also known as Bonjour or Zeroconf), which is also used for Apple's AirPlay feature, and in Google's Chromecast devices. Multicast DNS typically only works when devices are on the same LAN, but is enabled by default in both Server and Interviewer as a 'best case' option.
-
-<TipBox>
-  Click the networking status indicator in the top right of Server to see
-  information about the status of the automatic discovery feature, as well as
-  other useful networking information.
-</TipBox>
-
-With Interviewer open, scroll down to the 'Server Status' panel at the bottom of the start screen. Interviewer will automatically search for any Servers available on the same network. If Interviewer detects a nearby computer running Server, it will appear as a card on the panel displaying the name of the computer and its IP address.
-
-<ImageFullWith
-  src="/assets/img/server-guide/discovery-section.png"
-  name="Image"
-/>
-
-To trigger the pairing process, click the card.
-
-### Using manual connection details
-
-If you cannot utilize automatic discovery (either because it fails or is unavailable), you can also enter manual connection details for Server. To do this, follow the same steps as above (scroll to the bottom of the Interviewer start screen, to the "Server Status" section). Click the white button in the bottom right hand corner ("provide manual connection details").
-
-<StandAloneImage
-  src="/assets/img/key-concepts/pairing/nc-manual-pairing.png"
-  content="The manual connection details form"
-/>
-
-In the manual connection dialog, you must enter in the IP address and port number of the Server with which you wish to pair. The Server IP address and port number can be found by clicking on the Network Status icon on the top right of the main interface in Server.
-
-<StandAloneImage
-  src="/assets/img/key-concepts/pairing/server-manual-details.png"
-  content="Network information panel in Server"
-/>
-
-<TipBox>
-  Please note that the connection information listed here may not reflect the
-  publicly routable address for Server if you have configured NAT or port
-  forwarding through a gateway.
-</TipBox>
-
-### The pairing flow
-
-Whether you use automatic discovery or manual connection information to locate Server, the pairing process itself will be the same. Once you have attempted to connect to Server, a pairing request will be sent. When Server receives it, a notification will be shown, which you must respond to.
-
-<StandAloneImage
-  src="/assets/img/key-concepts/pairing/server-acknowledge.png"
-  content="The pairing request is shown as a notification in Server"
-/>
-
-To accept this request, click the "pair with device". As soon as you accept the pairing request, a new dialog will open in Server with a unique sixteen letter pairing code.
-
-<StandAloneImage
-  src="/assets/img/server-guide/key-server.png"
-  content="The pairing code, shown in Server"
-/>
-
-At the same time, a new dialog will open in Interviewer with space to enter this code. To complete pairing, enter the code provided by Server into the empty box, then click the green "pair" button.
-
-<TipBox>
-  You can copy and paste the pairing code from within Server. This may make
-  entering it less error-prone.
-</TipBox>
-
-Once confirmed, the Server status section in Interviewer will update to show the connection status with Server, and a new option to import from Server will appear in the protocols section. Additionally, data export to Server will be enabled.
-
-<StandAloneImage
-  src="/assets/img/server-guide/import-protocol-interviewer.png"
-  content="The updated Server section, and new protocol import option in Interviewer"
-/>
-
-## Pushing interview data to Server
-
-Once a device running Interviewer is paired with Server, new data export options become available in the "Export & Manage Interview Data" section of the Interviewer start screen.
-
-To securely transfer data to Server from interviewer, select one or more cases from this section, and click "export selected to Server".
-
-When you export selected cases to Server, Interviewer will indicate whether the upload was successful. You can also cross check the data was successfully uploaded to Server by viewing the overview tab for the protocol workspace you are using, which will show the data in real time.
-
-### Manually importing data into Server
-
-As per the [offline workflow](./offline-data-management-workflow) it is also possible to import interview data into Server manually.
-
-For this to work, you **must** export your data from Interviewer in the enhanced GraphML format we have implemented. This is because this format contains Network Canvas specific metadata that is needed to ensure the integrity of the data, as well as to encode the ego-level variables from your protocol.
-
-Once you have exported one or more interview sessions in GraphML format, transfer them to the computer running Server. To import them, either:
-
-1. Drag and drop one or more files into the protocol workspace (not the purple sidebar!), or
-2. Select "Import Interview Files" from the File menu.
-
-## Exporting data
-
-Interview data can be exported from Server using the "Export Data" tab. The content of this tab is split into steps, which determine the details of the data export.
-
-<StandAloneImage
-  src="/assets/img/server-guide/export-data.png"
-  content="The data export tab"
-/>
-
-### File type
-
-The first choice you must make during export concerns the file type. Server supports two types of network data files:
-
-- **CSV**. A common format for representing network data. This format is readable as a table (or series of tables) in Excel, LibreOffice, Keynote, and other tabular programs. The CSV version also complies with the `egor` package standard. Selecting this option will output multiple files, including node and edge lists for each type, and an ego attribute list that also includes session metadata:
-  - **Ego attribute list**: This file will have one row per ego, with ego-level variables session metadata. The filename will be in the format `caseID_sessionUUID_ego.csv`.
-  - **Alter attribute list**: This file will have one row per alter (i.e. per nominated node). All alters have their own unique ID, as well as an automatically incrementing ID that is only consistent on a per-export basis. The filename will be in the format `caseID_sessionUUID_alterType.csv`.
-  - **Edge attribute list**: This will have one row per relationship, with columns representing edge attributes. Each row will have a key to link to ego (`networkCanvasEgoUUID`), as well as source and target columns that reference both the UUID and the automatically incrementing export ID. The filename will be in the format `caseID_sessionUUID_edgeType.csv`.
-- **GraphML**. An XML based open standard for representing graph data, that is compatible with many social network analysis programs including UCINET, Gephi, NodeXL, Pajek, Visone, and ORA. Server outputs a [slightly modified](../reference/network-canvas-graphml) version of the GraphML format, which also contains ego data and Network Canvas session metadata. The filename will be in the format `caseID_sessionUUID.graphml`.
-
-Which file type you should choose depends largely on the needs of your analysis tools. We recommend exporting data in both formats, and experimenting with the data you receive to ensure that it needs your needs.
-
-### Export options
-
-Next, you may configure a variety of specialized export options that will impact the data you receive in a variety of ways. These options can be left at their default values unless you know that you need to change them.
-
-#### Merge sessions by protocol
-
-The option to "Merge Sessions by Protocol" will produce a consolidated file (or files in the case of CSV) that contains all interviews. Although the file(s) will contain all egos, nodes, and edges across all interviews, the ego networks themselves will not be merged in any way.
-
-If this option is left deselected, the export process will produce separate files for each of the interviews completed.
-
-#### Use screen layout coordinates
-
-Position data from layout variables used on the Sociogram interface in Interviewer is stored on nodes as normalized x/y coordinates, with the origin in the top left of the screen. This allows you to later visualize these layouts on a canvas of arbitrary size, and to compare layouts that were created on screens with different proportions.
-
-As part of the export flow in Server, you can optionally transpose these normalized values to screen space coordinates. When you enable this option, you will be required to specify 'virtual' screen dimensions. New variables will then be created and added to your exported data, based on scaling each layout variable by these dimensions. This will result in pixel value X/Y coordinates.
-
-### CSV specific file options
-
-When exporting CSV data is enabled in step 1, an additional step appears that allows you to specify which files you would like to export.
-
-By default the export does not include an adjacency matrix, since this format will result in an extremely large file with relatively little data. It is included for compatibility reasons, should you need it.
-
-<TipBox danger>
-  It is **very** easy to create unmanageably large files by combining the "merge
-  sessions by protocol" and "adjacency matrix" export options. A study
-  containing 2000 cases will produce a single 13gb CSV file when using these
-  options together! Ensure that you require both options before enabling them.
-</TipBox>
-
-### Concluding the export
-
-Once you have selected the options you desire, click "begin export" to start the export process. Depending on the size of your dataset, and the options you select, this process may take several minutes to complete. At the end of the process, you will receive a ZIP archive that you can save to your filesystem that contains your data.
-
-## Resolving data
-
-This tab is used to access an advanced 'entity resolution' feature, which allows you to write a python script that can match alter nodes across interviews, thereby creating a pseudo whole-network from a series of ego networks. The specifics of using this feature are covered in a [dedicated tutorial](./resolving-entities).
-
-## Further reading
-
-This concludes our introductory tutorial on using Server. You may now wish to read further on several more advanced topics.
-
-- Learn about how to analyze the data you have exported from Server in the tutorial on [working with Network Canvas data in R](./working-with-data).
-- Consult the tutorial on the [offline workflow](./offline-data-management-workflow) for further information about alternative approaches to managing study data, both with and without using Server.
-- Read the advanced tutorial on [resolving entities across interviews](./resolving-entities) if you are interested in creating pseudo whole-networks from a collection of ego networks.
diff --git a/apps/documentation/docs/desktop/tutorials/workflows-without-server.en.mdx b/apps/documentation/docs/desktop/tutorials/workflows-without-server.en.mdx
index 3455cfd4..779e7642 100644
--- a/apps/documentation/docs/desktop/tutorials/workflows-without-server.en.mdx
+++ b/apps/documentation/docs/desktop/tutorials/workflows-without-server.en.mdx
@@ -1,23 +1,28 @@
 ---
-summary: >-
-  This tutorial describes a workflow for using Network Canvas tools without relying on the Server App. [Server is deprecated](https://community.networkcanvas.com/t/changes-to-interviewer-that-make-server-obsolete/104/2) and is no longer recommended, therefore certain adjustments must be made in the application of Network Canvas tools.
-prerequisites: >-
-  To follow along, you should:
-
-  - Be familiar with Network Canvas and its data collection process.
-
-  - Have access to devices running the Interviewer app.
-
-  - Have the ability to install software or configure your devices, or the support of someone who does (e.g., institutional IT department)
-
-  - Create or obtain the protocol file that you want to deploy using Interviewer. (See "[building a protocol](./building-a-protocol)").
-completion_time: 30 minutes
-nav_order: 3
+navOrder: 3
 title: Protocol and Data Workflows without Server
 wip: false
 toc: true
 ---
 
+<SummaryCard duration="30 minutes">
+<SummarySection>
+
+This tutorial describes a workflow for using Network Canvas tools without relying on the Server App. [Server is deprecated](https://community.networkcanvas.com/t/changes-to-interviewer-that-make-server-obsolete/104/2) and is no longer recommended, therefore certain adjustments must be made in the application of Network Canvas tools.
+
+</SummarySection>
+<PrerequisitesSection>
+
+To follow along, you should:
+
+- Be familiar with Network Canvas and its data collection process.
+- Have access to devices running the Interviewer app.
+- Have the ability to install software or configure your devices, or the support of someone who does (e.g., institutional IT department)
+- Create or obtain the protocol file that you want to deploy using Interviewer. (See "[building a protocol](building-a-protocol)").
+
+</PrerequisitesSection>
+</SummaryCard>
+
 ## Introduction
 
 This guide will walk you through two possible workflows for conducting research using the Network Canvas tools without using the Server app. These approaches cover both scenarios with and without network connectivity, as well as using tablets or laptop/desktop devices.
@@ -29,18 +34,20 @@ As a reminder, when we launched the Network Canvas suite of tools we included a
 We made the decision to deprecate Server in 2023, and it is no longer recommended for use. However, we recognize that many researchers may still wish to use Network Canvas tools in a way that is similar to the Server workflow. This tutorial describes a workflow for using Network Canvas tools without relying on the Server App.
 
 <TipBox>
-  The Network Canvas team is developing Network Canvas Studio, a cloud-based
-  platform that will resolve many of the complexities associated with managing
-  protocols and exporting data.
+
+The Network Canvas team is developing Network Canvas Studio, a cloud-based
+platform that will resolve many of the complexities associated with managing
+protocols and exporting data.
+
 </TipBox>
 
 ## Option 1: Online Workflow
 
 If you are working in a scenario where you have access to a network connection with internet access, you can use the following workflow to deploy protocols and export data.
 
-<ImageFullWith
+<ImageFullWidth
   src="/assets/img/offline-data/online.png"
-  name="Online workflow diagram"
+  alt="Online workflow diagram"
 />
 
 ### Protocol Deployment
@@ -85,9 +92,9 @@ However, if you are comfortable with the potential risks, it should be possible
 
 If you are working in a scenario where you do not have access to an internet connection, you can use the following workflow to deploy protocols and export data.
 
-<ImageFullWith
+<ImageFullWidth
   src="/assets/img/offline-data/offline.png"
-  name="Offline workflow diagram"
+  alt="Offline workflow diagram"
 />
 
 ### Protocol deployment
@@ -104,10 +111,12 @@ In an offline setting, the only option for deploying protocols is to use a USB f
 8. Navigate to the external storage device's folder, and select the protocol file.
 
 <TipBox>
-  Refer to the documentation from your operating system or device manufacturer
-  (or simply test ahead of time) to ensure that the storage device you are using
-  to transfer the protocol file can be read by the device running the Network
-  Canvas Interviewer App _and_ the device running Architect.
+
+Refer to the documentation from your operating system or device manufacturer
+(or simply test ahead of time) to ensure that the storage device you are using
+to transfer the protocol file can be read by the device running the Network
+Canvas Interviewer App _and_ the device running Architect.
+
 </TipBox>
 
 ### Data Export
diff --git a/apps/documentation/docs/desktop/tutorials/working-with-data.en.mdx b/apps/documentation/docs/desktop/tutorials/working-with-data.en.mdx
index 3828d58b..cefd5091 100644
--- a/apps/documentation/docs/desktop/tutorials/working-with-data.en.mdx
+++ b/apps/documentation/docs/desktop/tutorials/working-with-data.en.mdx
@@ -1,17 +1,20 @@
 ---
 title: Working with Network Canvas data in R
-summary: "
-  This tutorial will show you how to work with Network Canvas data in the R statistics environment."
-prerequisites: "
-  In order to follow along with this tutorial you should:\n
-
-- Have an understanding of the R environment.\n
-- Have a working installation of R studio, or similar, in order to enter commands.\n
-  "
-completion_time: 30 mins
-toc: true
 ---
 
+<SummaryCard duration="30 minutes">
+<SummarySection>
+
+This tutorial will show you how to work with Network Canvas data in the R statistics environment.
+
+</SummarySection>
+<PrerequisitesSection>
+
+In order to follow along with this tutorial you should: (1) Have an understanding of the R environment. (2) Have a working installation of R studio, or similar, in order to enter commands.
+
+</PrerequisitesSection>
+</SummaryCard>
+
 This tutorial provides basic examples of import and analysis in R using
 data from the [Network Canvas](http://networkcanvas.com) software. The
 example will use simulated data from the following network canvas
@@ -21,7 +24,7 @@ which can be opened in the Network Canvas Interviewer or Architect apps.
 The data used in this tutorial can also be found
 [here](https://github.com/complexdatacollective/working-with-data/raw/main/networkCanvasExport.zip).
 
-Find the github repository for this tutorial here: [https://github.com/complexdatacollective/working-with-data](https://github.com/complexdatacollective/working-with-data)
+Find the github repository for this tutorial here: <https://github.com/complexdatacollective/working-with-data>
 
 ### Export data from Network Canvas
 
@@ -53,7 +56,6 @@ need to unzip the file before starting our data analysis described below
 Next we want to load the data into R. We use the _egor_ to do this,
 using examples derived from an egor [vignette](https://cran.r-project.org/web/packages/egor/vignettes/using_egor.html).
 
-```
     # Load egor
     library(egor)
     library(sna)
@@ -88,7 +90,6 @@ using examples derived from an egor [vignette](https://cran.r-project.org/web/pa
       list.files(full.names=TRUE,pattern="ego.csv") %>%
       lapply(read.csv) %>%
       bind_rows()
-```
 
 Now we can examine if the data looks like it should from the alter file.
 As you’ll see, the alter data file contains a unique alter identifier
@@ -96,8 +97,6 @@ As you’ll see, the alter data file contains a unique alter identifier
 “networkCanvasEgoUUID”) which will both be used to define the egor
 object.
 
-```
-
     head(alterData[,c("nodeID","networkCanvasEgoUUID","networkCanvasUUID","Close","Drugs","Sex","Age")])
 
     ##   nodeID                 networkCanvasEgoUUID
@@ -114,7 +113,6 @@ object.
     ## 4 df31eaa1-bc6d-4213-a25e-61536391a23f false false false  51
     ## 5 c9a1103c-2246-427c-bd7b-f11ea1bf242f  true  true  true  82
     ## 6 c202aa1a-9d24-48b1-82ea-6dbc5e9580f7  true  true false  56
-```
 
 ### Recoding categorical variables
 
@@ -123,7 +121,6 @@ category with a Boolean value for each possible category. However,
 researchers frequently want to convert these variables to a single
 factor column in R. This helper function can help you achieve that.
 
-```
     catToFactor <- function(dataframe,variableName) {
         fullVariableName <- paste0(variableName,"_")
         catVariables <- grep(fullVariableName, names(dataframe), value=TRUE)
@@ -136,17 +133,14 @@ factor column in R. This helper function can help you achieve that.
         catValues <- sub(paste0('.*',fullVariableName), '', catVariables)
         factorVariable <- c()
         for(i in 1:length(catVariables)){
-          factorVariable[dataframe[catVariables[i]]=="true"] <- catValues[i]
+          factorVariable[dataframe[catVariables[i]]=="TRUE"] <- catValues[i]
         }
         return(factor(factorVariable,levels=catValues))
     }
-```
 
 Using this function, we can recode three variables from the current
 protocol into factors
 
-```
-
     # List of categorical variables in our protocol to convert into factors
     categoricalVariablesList <- list('Gender','Race','SexOrient')
 
@@ -154,7 +148,6 @@ protocol into factors
     for (variable in categoricalVariablesList) {
       alterData[variable] <- catToFactor(alterData, variable)
     }
-```
 
 ### Miscellaneous data cleaning
 
@@ -162,7 +155,6 @@ We’ll want to do a little data cleaning by contact frequency and
 counting the number of substances participants reported using, before
 loading it into an egor object.
 
-```
     alterData$ContactFreq[alterData$ContactFreq=="Less_than_weekly"] <- "Less than \n weekly"
 
     countTrues <- function(vector) {
@@ -170,7 +162,6 @@ loading it into an egor object.
     }
     drugNames <-c("MarijuanaUsed","CocaineUsed","HeroinUsed","PainkillersUsed","PoppersUsed")
     egoData$numberDrugs <- apply(egoData[,c(drugNames)],FUN=countTrues,MARGIN=1)
-```
 
 ### Create an egor object
 
@@ -178,7 +169,6 @@ After loading and cleaning the data, we still need to make it into an
 egor object. Although we have 3 data files with edgelist data, we’ll be
 focusing on “Close” social ties for the remainder of this tutorial
 
-```
     # Load the file into R
     egorNetworkCanvas <- egor(alters = alterData,
                egos = egoData,
@@ -188,7 +178,6 @@ focusing on “Close” social ties for the remainder of this tutorial
                  alter = "networkCanvasUUID",
                  source = "networkCanvasSourceUUID",
                  target = "networkCanvasTargetUUID"))
-```
 
 ### Data visualization
 
@@ -198,7 +187,6 @@ from the sna package. This visualization shows the new node labels and
 colors each node by the contact frequency with the participant. We also
 layout the figure with the final coordinates from the sociogram stage.
 
-```
     oneEgoNet <- as_network(egorNetworkCanvas)[[9]]
     oneEgoNet%v%"vertex.names" <- oneEgoNet%v%"name"
 
@@ -221,9 +209,11 @@ layout the figure with the final coordinates from the sociogram stage.
                             -as.numeric(oneEgoNet%v%"Cords_y")),
                             nrow=length(unique(oneEgoNet%v%"name")),
                             ncol=2))
-```
 
-<ImageFullWith src="/assets/img/working-with-data/vis1.png" name="" />
+<ImageFullWidth
+  src="/assets/img/working-with-data/vis1.png"
+  alt="working-with-data/vis1.png"
+/>
 
 As you can see, this only shows a single egocentric network. However,
 the egor package has several functions that facilitate comparison of
@@ -232,14 +222,15 @@ each ego net with nodes location being dependent on their frequency of
 contact with the participant and their status as a drug partner (i.e.,
 true/false).
 
-```
     # Make a visualization displaying both frequency of communication and family member status
     plot(egorNetworkCanvas, venn_var = "Drugs",
          pie_var = "ContactFreq",vertex_label_var="nodeID",
          type = "egogram")
-```
 
-<ImageFullWith src="/assets/img/working-with-data/vis2.png" name="" />
+<ImageFullWidth
+  src="/assets/img/working-with-data/vis2.png"
+  alt="working-with-data/vis2.png"
+/>
 
 ## Data analysis
 
@@ -248,7 +239,6 @@ analysis of ego networks. For example, the _summary_ function provides
 an overview of all ego networks in the egor while the _ego_density_
 functions provides the density for each participant’s network.
 
-```
     summary(egorNetworkCanvas)
 
     ## 9 Egos/ Ego Networks
@@ -274,14 +264,12 @@ functions provides the density for each participant’s network.
     ## 7 79cee692-a513-408d-9701-0efe078b0240 0.218
     ## 8 1c6dd8fd-2b2f-4139-80bc-63c7f34a5ec1 1
     ## 9 0ce518be-d845-4439-8e3a-bd6b86e7cf40 0.286
-```
 
 We can also use a traditional package, such as _sna_, to look at these
 networks by applying functions (i.e., lapply) to each of these networks
 and aggregating the results. For example, here we first make a simple
 histogram of alter degrees across all ego networks.
 
-```
     networkNetworkCanvas <- as_network(egorNetworkCanvas)
 
     histData <- networkNetworkCanvas %>%
@@ -294,23 +282,25 @@ histogram of alter degrees across all ego networks.
     ggplot(histData, aes(x=degree)) +
         geom_histogram(color="black", fill="white",bins=5) +
         theme_classic()
-```
 
-<ImageFullWith src="/assets/img/working-with-data/vis4.png" name="" />
+<ImageFullWidth
+  src="/assets/img/working-with-data/vis4.png"
+  alt="working-with-data/vis4.png"
+/>
 
 Finally, we often want to examine how an ego attribute may be associated
 with ego network characteristics. In this example we look at the
 association between the number of substances a participant reported
 using and the density of their ego network.
 
-```
     ego_density(egorNetworkCanvas) %>%
       full_join(egorNetworkCanvas$ego,by=".egoID") %>%
       ggplot(aes(x = numberDrugs, y = density)) +
         geom_point(size=5) +
         geom_text(label=egorNetworkCanvas$ego$networkCanvasCaseID, aes(vjust=c(-1.5))) +
         ylim(0,1.05) + theme_classic()
-```
 
-<ImageFullWith src="/assets/img/working-with-data/vis5.png" name="" />
-```
+<ImageFullWidth
+  src="/assets/img/working-with-data/vis5.png"
+  alt="working-with-data/vis5.png"
+/>
diff --git a/apps/documentation/docs/desktop/tutorials/working-with-rosters.en.md b/apps/documentation/docs/desktop/tutorials/working-with-rosters.en.md
index e0329832..f478bcd9 100644
--- a/apps/documentation/docs/desktop/tutorials/working-with-rosters.en.md
+++ b/apps/documentation/docs/desktop/tutorials/working-with-rosters.en.md
@@ -1,27 +1,33 @@
 ---
-summary: 'This tutorial describes a workflow for using roster data within
-  Network Canvas. It includes basic concepts about file formats as well as some
-  strategies for use of rosters in classrooms, whole network studies, and
-  quasi-longitudinal work. '
-prerequisites: >-
-  To follow along, you should:
-
-  - Be familiar with Network Canvas and its data collection process.
-
-  - Have access to a spreadsheet program such as Microsoft Excel or OpenOffice Calc
-    
-  - Have installed Network Canvas Interviewer and Architect
-completion_time: 30 minutes
 title: Working with Roster Data
 wip: false
-toc: true
 ---
 
+<SummaryCard duration="30 minutes">
+<SummarySection>
+
+This tutorial describes a workflow for using roster data within
+Network Canvas. It includes basic concepts about file formats as well as some
+strategies for use of rosters in classrooms, whole network studies, and
+quasi-longitudinal work.
+
+</SummarySection>
+<PrerequisitesSection>
+
+To follow along, you should:
+
+- Be familiar with Network Canvas and its data collection process.
+- Have access to a spreadsheet program such as Microsoft Excel or OpenOffice Calc
+- Have installed Network Canvas Interviewer and Architect
+
+</PrerequisitesSection>
+</SummaryCard>
+
 ## What is a roster?
 
 A roster is a list where each row can potentially become a node in a network. This list might consist of students in a classroom, workers in an office, or people in a team sport. Rosters can also include people mentioned in previous surveys by a specific individual, lists of words related to one's occupation, or any item where it is useful to nominate members of that list in Network Canvas. Commonly, rosters are used in whole network studies since you can merge together all of the ego-alter nominations to create a whole network. Each person in the whole network would make their nominations to others and then the researcher could combine these.
 
-Above we noted rosters for 'people mentioned in a previous survey'. While this is a use for a user-specific roster, this is not yet available in Network Canvas without some workarounds although it is a planned feature for future releases.
+Above we noted rosters for 'people mentioned in a previous survey'. While this is a use for a user-specific roster, this is not yet available in Network Canvas without some workarounds altohugh it is a planned feature for future releases.
 
 ## Rosters in Network Canvas
 
diff --git a/apps/documentation/docs/fresco/about.en.mdx b/apps/documentation/docs/fresco/about.en.mdx
new file mode 100644
index 00000000..3c68f3f8
--- /dev/null
+++ b/apps/documentation/docs/fresco/about.en.mdx
@@ -0,0 +1,36 @@
+---
+title: About Fresco
+toc: false
+date: 13th March 2024
+---
+
+The Fresco project aims to bring Network Canvas interviews to the web browser. It is a pilot project that does not
+add new features to Network Canvas, but rather provides a new way to conduct interviews.
+
+<KeyConcept>
+
+### Fresco is a web-based platform for administering Network Canvas interviews
+
+In Fresco, **interviews are completed in a browser**. This means that interviews can be conducted remotely, and participants can use their own devices to complete the interview.
+
+**Interview management is also conducted in the browser**. Protocols, participants, interviews, and settings configuration can all be managed through the browser interface.
+
+For information about supported devices and browsers for participants and study administrators, see the [FAQ.](/en/fresco/faq)
+
+</KeyConcept>
+
+## Getting Started
+
+To explore Fresco and learn how to use it, we recommend you start with the following resources:
+- [Fresco Sandbox](/en/fresco/sandbox) - A shared example environment where you can explore the features of Fresco without needing to deploy it on your own.
+- **Deployment** - To learn how to deploy Fresco for your own studies, read about the [Deployment Process](/en/fresco/deployment/) and follow the [Deployment Guide](/en/fresco/deployment/guide/).
+- **Features and Functionality** - To learn about the features and functionality of Fresco, see the [Features](/en/fresco/features) documentaiton.
+
+Should you encounter issues, we encourage you to use the search function at the top of each page, read our [FAQ](/en/fresco/faq), or visit our [community forum](https://community.networkcanvas.com) for support.
+
+## Known Issues
+
+- Custom node label workers are not implemented.
+- Videos and audio cannot autoplay on first load due to browser limitations. Participants must have interacted with the interview before media can autoplay.
+- The 'Use fullscreen forms' visual preference is not supported.
+- When exporting data, the "use screen layout coordinates" feature uses a hardcoded screen size of 1920 x 1080. Please note that this does not correspond to the screen size used by your participants.
diff --git a/apps/documentation/docs/fresco/deployment/advanced.en.mdx b/apps/documentation/docs/fresco/deployment/advanced.en.mdx
new file mode 100644
index 00000000..2a54b843
--- /dev/null
+++ b/apps/documentation/docs/fresco/deployment/advanced.en.mdx
@@ -0,0 +1,77 @@
+---
+title: Advanced Deployment
+date: 13th March 2024
+wip: true
+---
+
+<SummaryCard duration="30 minutes" />
+
+<SummarySection>
+
+For most users, the default [deployment process](./guide) will be sufficient. However, if your circumstances require using different cloud infrastructure or a VPS, you can do so by using [Docker](https://www.docker.com/).
+
+</SummarySection>
+
+<PrerequisitesSection>
+
+This guide is intended for advanced users who are already familiar with Docker and cloud infrastructure. It provides a high-level overview of the steps required to deploy Fresco using Docker, but does not provide detailed instructions for each step.
+
+If you are not already familiar with these technologies, we recommend following our [default deployment guide](./guide).
+
+</PrerequisitesSection>
+
+</SummaryCard>
+
+## Finding Hosting Services
+
+For advanced deployment, you will need to find a cloud service or VPS provider that supports Docker. Here are a few options:
+
+- [Digial Ocean](https://www.digitalocean.com/)
+- [AWS](https://aws.amazon.com/)
+- Your own VPS
+
+## Set up Docker Environment
+
+Ensure that you have Docker installed on your server. You can follow the instructions on the [official Docker website](https://docs.docker.com/install/).
+
+## Prepare Fresco Repository
+
+Clone the [Fresco repository](https://github.com/complexdatacollective/Fresco) to your server. You can do this by running the following command:
+
+```bash
+git clone https://github.com/complexdatacollective/Fresco.git
+```
+
+## Setup Database Infrastructure
+
+Configure your database infrastructure. You can use a managed database service or set up your own database server.
+
+## Configure Environment Variables
+
+Create a `.env` file in the root of the Fresco repository. You can use the [`.env.example`](https://github.com/complexdatacollective/Fresco/blob/main/.env.example) file as a template.
+
+## Build Docker Image
+
+Run the following command to build the Docker image using the [`Dockerfile`](https://github.com/complexdatacollective/Fresco/blob/main/Dockerfile) in the root of the Fresco repository:
+
+```bash
+docker build -t fresco .
+```
+
+## Run Docker Container
+
+Run your Docker container.
+
+## Access Fresco
+
+You can now access Fresco by visiting the url that you have configured in your hosting service.
+
+## Next Steps
+
+After deploying your Fresco instance, you will need to create an administrator account by following the steps in the [Creating a User Account](./create-user-account) guide.
+
+<TipBox danger>
+
+To ensure the security of your deployment, you have **30 minutes** from when the app is deployed to create a user account. If this time elapses without a user account being created, your configuration will expire. To redeploy, follow our guide to [reset your database](../troubleshooting#instance-expired---reset-your-database).
+
+</TipBox>
diff --git a/apps/documentation/docs/fresco/deployment/cloud-pricing.en.md b/apps/documentation/docs/fresco/deployment/cloud-pricing.en.md
new file mode 100644
index 00000000..25139bc8
--- /dev/null
+++ b/apps/documentation/docs/fresco/deployment/cloud-pricing.en.md
@@ -0,0 +1,26 @@
+---
+title: Cloud Pricing
+date: 12th March 2024
+navOrder: 6
+wip: false
+---
+
+Deploying Fresco can be achieved entirely for free using the free tiers of each service. You may optionally upgrade your services based on your needs.
+
+## Vercel
+
+- **Hobby Tier (Free)**: Vercel offers a hobby tier which provides sufficient features and database storage for small-scale deployments, up to 60 hours of compute time per month and 250 MB of storage.
+
+- **Upgrade Option**: If your project grows or you require additional features, you can upgrade to Vercel's Pro plan for $20/user/month.
+
+For more information on Vercel's pricing plans and features, you can visit their [pricing page.](https://vercel.com/pricing)
+
+For specific information on Vercel's Postgres Database Storage pricing, you can visit their [Vercel Postgres Pricing page.](https://vercel.com/docs/storage/vercel-postgres/usage-and-pricing)
+
+## UploadThing
+
+- **Free Tier**: UploadThing offers a free tier with basic features and up to 2GB of storage, suitable for small projects.
+
+- **Upgrade Option**: If you require additional storage or features, you can upgrade to 100GB of storage for $10/month.
+
+For more information on UploadThing's pricing plans and features, you can visit their [pricing page.](https://uploadthing.com/pricing)
diff --git a/apps/documentation/docs/fresco/deployment/create-user-account.en.mdx b/apps/documentation/docs/fresco/deployment/create-user-account.en.mdx
new file mode 100644
index 00000000..5cf61a8b
--- /dev/null
+++ b/apps/documentation/docs/fresco/deployment/create-user-account.en.mdx
@@ -0,0 +1,49 @@
+---
+title: Creating a User Account
+date: 13th March 2024
+---
+
+To use Fresco, you need to set up an administrator account which will enable you to access the protected parts of the app for study management. Only one administrator account can be created.
+
+<TipBox danger>
+
+To ensure the security of your deployment, you have **30 minutes** from when the app is deployed to create a user account. If this time elapses without a user account being created, your configuration will expire. To redeploy, follow our guide to [reset your database](../troubleshooting#instance-expired---reset-your-database).
+
+</TipBox>
+
+## Create an account
+
+Visit your deployed app and enter a username and password.
+
+![Enter a username and password](/assets/img/fresco-images/fresco1.png)
+
+<TipBox>
+
+Only **one** user account can be created in Fresco. If you need access for multiple team members, we reccomend using a shared username and password for the administrator account to ensure that your team can access the platform.
+
+</TipBox>
+
+<TipBox danger>
+
+If you forget your password, you **will not be able to reset it**. We reccomend keeping a record of your username and password in a secure location.
+
+</TipBox>
+
+## Upload a protocol
+
+You can optionally upload a protocol. Protocols can also be uploaded from the [Protocols page](../features#protocol-management) once the setup steps are completed.
+
+![Upload a protocol](/assets/img/fresco-images/fresco2.png)
+
+## Configure participation
+
+- **Import participants**: You can optionally upload a CSV file containing participants you wish to recruit to your study. Participants can also be uploaded from the [Participants page](../features#participant-management) once the setup steps are completed.
+
+- **Allow anonymous recruitment**: You can enable this setting to allow your participants to join your study by visiting a URL. More information about anonymous recruitment can be found [here](../features#settings-and-configuration)
+  ![Import participants and optionally, allow anonymous recruitment](/assets/img/fresco-images/fresco3.png)
+
+## Visit the Dashboard
+
+Click the **"Go to the dashboard"** button and begin your exciting exploration of Fresco.
+
+For more information about the dasboard features, read our documentation on [features and funcitonality](../features).
diff --git a/apps/documentation/docs/fresco/deployment/guide.en.mdx b/apps/documentation/docs/fresco/deployment/guide.en.mdx
new file mode 100644
index 00000000..014d020f
--- /dev/null
+++ b/apps/documentation/docs/fresco/deployment/guide.en.mdx
@@ -0,0 +1,192 @@
+---
+title: Deployment Guide
+date: 12th March 2024
+---
+
+<SummaryCard duration="20 minutes" />
+
+<SummarySection>
+This guide will walk you through the process of deploying your instance of Fresco, including forking the repository, setting up database infrastructure, and deploying to the web.
+
+</SummarySection>
+
+<PrerequisitesSection>
+Before you get started, you should:
+
+- Read the [about Fresco](/en/fresco) article to understand what Fresco is and how it works.
+- Read about the deployment process in our [deployment overview](/en/fresco/deployment) article.
+- Create an account on [GitHub](https://github.com/) if you do not already have one.
+
+</PrerequisitesSection>
+</SummaryCard>
+
+## Step 1: Create an app on UploadThing
+
+Fresco uses your UploadThing account to store media files including protocol assets.
+
+1. Go to <a href="https://uploadthing.com" target="_blank">uploadthing.com</a>.
+
+2. Click **"Get started"**.
+
+   ![Select "Get Started"](/assets/img/fresco-images/uploadthing1.png)
+
+3. Sign in with Github.
+
+   ![Sign In with GitHub](/assets/img/fresco-images/uploadthing2.png)
+
+4. Authorize UploadThing by clicking **"Authorize pingdotgg"**.
+
+   ![Authorize pingdotgg](/assets/img/fresco-images/uploadthing3.png)
+
+5. You will be prompted to navigate to your dashboard. From the dashboard Click **"Create a new app"**.
+
+   ![Create a new app](/assets/img/fresco-images/uploadthing4.png)
+
+6. Give your app a name and click **"Create App"**.
+
+   ![Create app](/assets/img/fresco-images/uploadthing5.png)
+
+7. From your dashboard, navigate to the **"API Keys"** section from the sidebar and copy your API keys.
+
+<TipBox>
+
+Save your API keys in a safe place as they are required to deploy Fresco on Vercel.
+
+</TipBox>
+
+![Copy your API keys](/assets/img/fresco-images/uploadthing6.png)
+
+For more information about UploadThing, check out <a href="https://docs.uploadthing.com" target="_blank">UploadThing Docs</a>.
+
+For information about cloud pricing, read our [cloud pricing](./cloud-pricing) documentation.
+
+## Step 2: Fork Fresco Repository
+
+1. On the [Fresco repository](https://github.com/complexdatacollective/Fresco), click **"Fork"**.
+
+   ![Fork repository](/assets/img/fresco-images/github-fork1.png)
+
+2. Create your Fork
+
+   Enter a repository name (this will be your Fresco instance name), description (optional), and click **"Create Fork"**.
+   ![Create fork](/assets/img/fresco-images/github-fork2.png)
+
+This will create a separate instance of the Fresco repository that you can deploy.
+
+## Step 3: Deploy Forked Repository on Vercel
+
+Sign in to Vercel via your Github account credentials so that you can easily connect your repositories. You can use their "Hobby" tier or paid plan. For more information about cloud pricing, read our [cloud pricing](./cloud-pricing) documentation.
+
+1. <a href="https://vercel.com/new" target="_blank">
+     Create a new Project
+   </a>
+
+2. Import Git Repository
+
+   Find your Fresco instance from the list of your git repositories and click **"Import"**.
+   ![Import Git Repository](/assets/img/fresco-images/vercel2.png)
+
+3. Configure Environment Variables
+
+   Copy the template below and paste it into the Environment Variables section in Vercel to prepopulate the form with the required environment variables.
+
+   Replace the values with your environment variable values from UploadThing you copied in [Step 1](#step-1-create-an-app-on-uploadthing)
+
+   > UPLOADTHING_SECRET=your_uploadthing_api_key\
+   > UPLOADTHING_APP_ID=your_uploadthing_app_id\
+   > DISABLE_ANALYTICS=false
+
+   | Variable Key           | Description                                                                                                                                                          |
+   | ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+   | **UPLOADTHING_SECRET** | The API key for your UploadThing app. This is used to authenticate requests from Fresco to the UploadThing API.                                                      |
+   | **UPLOADTHING_APP_ID** | The unique identifier for your UploadThing app. This is used along with the secret key to identify your app when making requests from Fresco to the UploadThing API. |
+   | **DISABLE_ANALYTICS**  | A flag to disable the analytics microservice for Fresco. If this is set to `false`, the analytics microservice will be enabled.                                      |
+
+   <TipBox>
+
+   We use analytics to gather error data from instances of Fresco to troubleshoot issues. By leaving `DISABLE_ANALYTICS` set to `false` (the default) you will help us identify bugs and improve the app.
+
+   </TipBox>
+
+   ![Configure Environment Variables and Deploy](/assets/img/fresco-images/vercel-configure.png)
+
+   <TipBox danger>
+
+   When entering the environment variables, do not include the variable keys in the inputs (e.g: `UPLOADTHING_SECRET=`). You should enter the value of the variable which starts after `=` symbol (e.g: `sk_live_xxxx`)
+
+   </TipBox>
+
+   <TipBox danger>
+
+   When providing the environment variables, do not enclose the variable values in quotes. For example:
+
+   ✅ Correct:
+   `sk_live_xxxxxxxxxxxxxxxxxxx`
+
+   ❌ Incorrect:
+   `'sk_live_xxxxxxxxxxxxxxxxxxx'`
+
+   </TipBox>
+
+4. Deploy
+
+   Click **"Deploy"** and wait for the deployment to finish.
+
+   <TipBox>
+
+   The first deployment will fail because the database has not been set up yet. We will set up the database in the next step.
+
+   </TipBox>
+
+5. Go to Project
+
+   After the initial deployment fails, select **"Go to Project"** to view your project dashboard.
+
+   ![Initial Deployment Failed. Click Go to Project.](/assets/img/fresco-images/vercel5.png)
+
+## Step 4: Create your database
+
+1. From your project dashboard, select **"Storage"**. Then, select **Create** within the Postgres row.
+   ![Storage](/assets/img/fresco-images/vercel6.png)
+   ![Create a Postgres database](/assets/img/fresco-images/vercel-db-1.png)
+
+2. Review and accept the terms in the modal.
+   ![Accept terms](/assets/img/fresco-images/vercel-db-2.png)
+
+3. Give your database a name and select the region that is closest to where you and your participants will be located. Then, click **"Create"**. Your database will be generated and you will be redirected to the Getting Started page.
+
+   ![Enter a name and create the database](/assets/img/fresco-images/vercel-db-3.png)
+
+4. You will be prompted to connect your project. Select **"Connect"**.
+
+   ![Connect database to your project](/assets/img/fresco-images/vercel-db-4.png)
+
+5. Select the **"Deployments"** tab. Click on the menu beside the most recent deployment and select **"Redeploy"**. This will redeploy your project with your new connected database.
+
+   ![Redeploy app](/assets/img/fresco-images/vercel-db-5.png)
+
+<TipBox>
+
+If you encounter any issues during deployment, check out the [Troubleshooting](../troubleshooting) article or our <a href="https://community.networkcanvas.com/">User Community</a> for a possible solution.
+
+</TipBox>
+
+## Step 5: Visit your deployed app
+
+Visit your deployed Fresco app by clicking on the preview or go to your dashboard by clicking **"Continue to Dashboard"**.
+
+![Continue to dashboard](/assets/img/fresco-images/vercel3.png)
+
+Then, click on one of the domain names or the **"Visit"** button.
+
+![Visit domain](/assets/img/fresco-images/vercel4.png)
+
+## Next Steps
+
+After deploying your Fresco instance, you will need to create an administrator account by following the steps in the [Creating a User Account](./create-user-account) guide.
+
+<TipBox danger>
+
+To ensure the security of your deployment, you have **30 minutes** from when the app is deployed to create a user account. If this time elapses without a user account being created, your configuration will expire. To redeploy, follow our guide to [reset your database](../troubleshooting#instance-expired---reset-your-database).
+
+</TipBox>
diff --git a/apps/documentation/docs/fresco/deployment/index.en.mdx b/apps/documentation/docs/fresco/deployment/index.en.mdx
new file mode 100644
index 00000000..518391e6
--- /dev/null
+++ b/apps/documentation/docs/fresco/deployment/index.en.mdx
@@ -0,0 +1,15 @@
+---
+title: Deployment
+hidden: true
+wip: false
+---
+
+Deploying Fresco involves setting up your own unique version of the project, known as an **instance**. This approach allows you to manage your own data and customize the infrastructure to suit your needs. 
+
+The deployment process involves a number of steps, including forking the [Fresco repository](https://github.com/complexdatacollective/Fresco) and configuring databases and infrastructure. The [deployment guide](./deployment/guide) will walk you through the process of deploying your own instance of Fresco.
+
+Deploying Fresco can be achieved entirely for free using the free tiers of each service, but you may upgrade your own infrastructure as needed. Consult the [cloud pricing](./deployment/cloud-pricing) page for more information.
+
+As new versions of Fresco are released, you can upgrade your instance to the latest version by following the [upgrade guide](./deployment/upgrading).
+
+Should you run into any issues, please consult the [troubleshooting](./troubleshooting) guide or reach out on the [user community](https://community.networkcanvas.com).
\ No newline at end of file
diff --git a/apps/documentation/docs/fresco/deployment/metadata.json b/apps/documentation/docs/fresco/deployment/metadata.json
new file mode 100644
index 00000000..a550b60e
--- /dev/null
+++ b/apps/documentation/docs/fresco/deployment/metadata.json
@@ -0,0 +1,11 @@
+{
+  "type": "folder",
+  "slug": "deployment",
+  "localeLabels": {
+    "en": "Deployment"
+  },
+  "localeIndexFiles": {
+    "en": "index.en.mdx"
+  },
+  "isExpanded": true
+}
diff --git a/apps/documentation/docs/fresco/deployment/upgrading.en.mdx b/apps/documentation/docs/fresco/deployment/upgrading.en.mdx
new file mode 100644
index 00000000..ac7b18fb
--- /dev/null
+++ b/apps/documentation/docs/fresco/deployment/upgrading.en.mdx
@@ -0,0 +1,39 @@
+---
+title: Upgrading Fresco
+date: 12th March 2024
+navOrder: 5
+wip: false
+---
+
+Fresco is Alpha software and will be continuously improved. As we release new versions of Fresco, you can upgrade your deployed instance using this guide.
+
+## When to Upgrade
+
+You are responsible for upgrading your own instance of Fresco. We recommend upgrading your instance of Fresco when a new version is released. This will ensure that you have the latest features and bug fixes. You can check for new releases in the following places:
+
+- **Network Canvas User Community**: We will notify users of new releases on our [community forum](https://community.networkcanvas.com/).
+- **Your GitHub repository**: You can check for new releases on your GitHub repository. If a new release is available, you will see a message at the top of your repository with the number of commits your branch is behind by.
+- **Settings**: You can check for new releases on the **Settings** page of your Fresco instance dashboard.
+
+## Upgrade Process
+
+To upgrade your Fresco version, you will need to sync your fork with the latest version of the Fresco repository. This will pull in the latest changes and updates from the main Fresco repository.
+
+From your GitHub repository, click **"Sync Fork"** and select **"Update Branch"**.
+
+![sync-fork](/assets/img/fresco-images/sync-fork.png)
+
+Vercel will automatically begin redeploying your Fresco instance. This process will take a few minutes to complete.
+
+For more information on how to sync your fork, see the [GitHub documentation](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/syncing-a-fork).
+
+## Versioning
+
+Fresco uses a combination of [semantic versioning](https://semver.org/) and GitHub commit hashes (a.k.a. the ["SHA" or "hash"](https://docs.github.com/en/get-started/learning-about-github/github-glossary#commit)) to manage releases.
+
+This version information is accessible from several places:
+
+- **Main Dashboard**: You can find the version number of your Fresco instance on the main dashboard in the top left corner.
+- **Settings**: You can find the version number and SHA of your Fresco instance on the **Settings** page of your dashboard.
+- **GitHub**: You can find the SHA of your Fresco instance on your GitHub repository.
+- **Exported Data**: The version number and SHA of your Fresco instance are included in the exported data within the ego file. This information is useful for tracking the version of Fresco used to collect data.
diff --git a/apps/documentation/docs/fresco/faq.en.mdx b/apps/documentation/docs/fresco/faq.en.mdx
new file mode 100644
index 00000000..a9902b48
--- /dev/null
+++ b/apps/documentation/docs/fresco/faq.en.mdx
@@ -0,0 +1,30 @@
+---
+title: Frequently Asked Questions
+date: 11th March 2024
+---
+
+### Where will announcements about releases be posted?
+
+New versions of Fresco will be announced on our <a href="https://community.networkcanvas.com/" target="_blank">User Community</a>. More information about the upgrade process can be found in the [Upgrade Guide](./deployment/upgrading).
+
+### Which browsers are supported?
+
+Fresco is supported on latest version of Chrome, Safari, and Firefox. This applies to the backend user dashboard and the participant interview experience.
+
+### Which devices and platforms are supported for participants?
+
+Participants can use any computer or tablet with a supported browser for interviews. Smartphones or small-screen devices are not compatible. Tablets should be used in landscape mode for optimal viewing during interviews.
+
+### How do I create another user account for my colleague?
+
+Only one user account can be created in Fresco. If you need to share access with a colleague, you can share your login credentials with them. We reccomend using a shared username and password for the administrator account to ensure that your team can access the platform.
+
+### How do I reset my password?
+
+You cannot reset your password in Fresco. Please make sure to keep your login credentials so that you do not lose access to the platform.
+
+<TipBox danger>
+
+If you have lost your login credentials, you will be required to [reset your database](/en/fresco/troubleshooting#instance-expired---reset-your-database). This will result in the loss of all data and unexported interviews.
+
+</TipBox>
diff --git a/apps/documentation/docs/fresco/features.en.mdx b/apps/documentation/docs/fresco/features.en.mdx
new file mode 100644
index 00000000..f47d560a
--- /dev/null
+++ b/apps/documentation/docs/fresco/features.en.mdx
@@ -0,0 +1,96 @@
+---
+title: Features and Functionality
+date: 13th March 2024
+---
+
+The Fresco project aims to bring Network Canvas interviews to the web browser. It is a pilot project that does not
+add new features to Network Canvas, but rather provides a new way to conduct interviews.
+
+Though there are no new features added to the interview experience, there are a few [known issues](./about).
+
+Additionally, there are some differences in how studies are managed. **This article outlines the new features and functionality for study management in Fresco**.
+
+## Dashboard
+
+The main dashboard provides an overview of all activity within the study. It is the first page you see when you log in to the application.
+
+![Dashboard](/assets/img/fresco-images/features/dashboard.png)
+
+## Protocol Management
+
+You can upload Network Canvas protocols created in Architect on the **Protocols** page. This page also provides an overview of all protocols uploaded to the study.
+
+If [anonymous recruitment](#anonymous-recruitment) is enabled, you can also generate a unique onboarding URL for each protocol. These URLs can be shared with participants to allow them to self-enroll in your study.
+
+![Protocol Management Page](/assets/img/fresco-images/features/protocols.png)
+
+## Participant Management
+
+The **Participants** page allows you to manage participants in the study.
+
+<KeyConcept>
+
+### Adding Participants
+
+You can add new participants to the study indiviudally, or in bulk by uploading a CSV file. Your CSV file can contain the following columns:
+
+- **identifier** - must be a unique string, and should not be easy to guess. Used to generate the onboarding URL to allow integration with other survey tools.
+- **label** - can be any text or number. Used to provide a human readable label for the participant.
+
+Either an _identifier_ column or a _label_ column **must be provided** for each participant. The _identifier_ and _label_ columns **must be lowercase**.
+
+</KeyConcept>
+
+You can also view the status of each participant's interview, and generate a unique participation URL for a selected participant and protocol. These URLs can be shared with participants to allow them to self-enroll in your study.
+
+Participants and participation URLs can also be exported in bulk.
+
+![Participant Management Page](/assets/img/fresco-images/features/participants.png)
+
+## Data Export
+
+Data can be managed and exported from the **Interview** page. This page provides an overview of all interviews in the study, and allows you to export data with a variety of export options which are identical to those found in Interviewer.
+
+![Data Export Options](/assets/img/fresco-images/features/data-export.png)
+
+You can also export a CSV of incomplete URLs from the **Interview** page. This can be useful for sending reminders to participants who have not yet completed their interview.
+
+![Interview Management Page](/assets/img/fresco-images/features/interviews.png)
+
+## Settings and Configuration
+
+The **Settings** page allows you to configure your instance of Fresco.
+
+### Anonymous Recruitment
+
+If enabled, participants can self-enroll in the study using a unique onboarding URL. This URL can be generated for each protocol, and shared with participants.
+
+### Limit Interviews
+
+If this option is enabled, each participant will only be able to submit a single completed interview for each protocol (although they may have multiple incomplete interviews). Once an interview has been completed, attempting to start a new interview or to resume any other in-progress interview, will be prevented.
+
+![Settings Page](/assets/img/fresco-images/features/settings.png)
+
+## Onboarding Methods
+
+There are two distinct methods for onboarding participants in your study. They may be used independently, or in combination.
+
+### Unique Participant URLs
+
+A unique URL can be generated for each participant per protocol from the [Participants page](#participant-management). This URL can be shared with participants to allow them to self-enroll in your study. You can also generate these URLs in bulk. This method is useful for studies where you have a pre-existing list of participants, or where you are using an external survey tool to recruit participants.
+
+These URLs will be in the format:
+
+```bash
+https://{your-deployment-url}/onboard/{protocolId}/?participantIdentifier={participantIdentifier}
+```
+
+### Anonymous Participation URLs
+
+If [anonymous recruitment](#anonymous-recruitment) is enabled, participants can self-enroll in the study using a unique onboarding URL. This URL can be generated for each protocol on the [Protocols page](#protocol-management), and shared with participants. Any participant who has the URL can complete an interview, and will be given the label "Anonymous Participant" and a generated unique identifier.
+
+These URLs will be in the format:
+
+```bash
+https://{your-deployment-url}/onboard/{protocolId}/
+```
diff --git a/apps/documentation/docs/fresco/getting-started/installation.en.mdx b/apps/documentation/docs/fresco/getting-started/installation.en.mdx
deleted file mode 100644
index 20456ee9..00000000
--- a/apps/documentation/docs/fresco/getting-started/installation.en.mdx
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: Fresco Installation guide
-date: 27th September 2023
-description: Some description about fresco installation
----
-
-## Fresco Installation Guide
-
-**Requirements:**
-
-- Python 3.6+
-- Pip
-
-**Installation:**
-
-1. Install Python 3.6+ and Pip, if you don't already have them.
-2. Create a new directory for your Fresco project and navigate to it.
-3. Run the following command:
-
-<TipBox danger>Danger message should be here!</TipBox>
diff --git a/apps/documentation/docs/fresco/getting-started/installation.ru.mdx b/apps/documentation/docs/fresco/getting-started/installation.ru.mdx
deleted file mode 100644
index 5535744f..00000000
--- a/apps/documentation/docs/fresco/getting-started/installation.ru.mdx
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: Руководство по установке Fresco
-date: 27 сентября 2023 г.
-description: Некоторое описание установки Fresco
----
-
-## Руководство по установке Fresco
-
-**Требования:**
-
-- Python 3.6+
-- Pip
-
-**Установка:**
-
-1. Установите Python 3.6+ и Pip, если у вас их еще нет.
-2. Создайте новый каталог для вашего проекта Fresco и перейдите в него.
-3. Выполните следующую команду:
-
-<TipBox danger>Здесь должно быть сообщение о возможной опасности!</TipBox>
diff --git a/apps/documentation/docs/fresco/getting-started/metadata.json b/apps/documentation/docs/fresco/getting-started/metadata.json
deleted file mode 100644
index a7191912..00000000
--- a/apps/documentation/docs/fresco/getting-started/metadata.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "localeLabels": {
-    "en": "Getting Started",
-    "ru": "Начиная"
-  },
-  "folderPagePath": "/fresco"
-}
diff --git a/apps/documentation/docs/fresco/index.en.mdx b/apps/documentation/docs/fresco/index.en.mdx
deleted file mode 100644
index a2c4926d..00000000
--- a/apps/documentation/docs/fresco/index.en.mdx
+++ /dev/null
@@ -1,38 +0,0 @@
----
-title: Home for Fresco
----
-
-## Deploy your own instance of Fresco
-
-**1. Set up required services**
-
-- Create a database with [PlanetScale](https://planetscale.com/docs/tutorials/planetscale-quick-start-guide)
-- Create a new app on [uploadthing](https://uploadthing.com/)
-
-**2. Use the Vercel deploy button to configure your project's deployment in Vercel.**
-
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fcomplexdatacollective%2FFresco%2Ftree%2Ffeature%2Finitial-setup-flow&env=DATABASE_URL,UPLOADTHING_SECRET,UPLOADTHING_APP_ID)
-
-**Note: For security, you have _five minutes_ from when the app is deployed to create a user account. If this time elapses without a user account created, your configuration will expire. You may redeploy using the same steps.**
-
-**3. Create Git Repository**
-
-Follow instructions to create a git repository to deploy from. This will contain a cloned version of this repo.
-
-**4. Configure Project**
-
-Provide required environment variables from the services you set up in Step 1.
-
-| Variable           | Description                                                                            |
-| ------------------ | -------------------------------------------------------------------------------------- |
-| DATABASE_URL       | [Database connection string](https://planetscale.com/docs/concepts/connection-strings) |
-| UPLOADTHING_SECRET | API key for your [uploadthing app](https://uploadthing.com/dashboard)                  |
-| UPLOADTHING_APP_ID | App ID for your [uploadthing app](https://uploadthing.com/dashboard)                   |
-
-**5. Deploy**
-
-Click "Deploy" and wait for the deployment to finish
-
-**6. Create User Account**
-
-Visit your deployed app to create your administrator account. Only one user account may be created.
diff --git a/apps/documentation/docs/fresco/index.ru.mdx b/apps/documentation/docs/fresco/index.ru.mdx
deleted file mode 100644
index 2e4dcecf..00000000
--- a/apps/documentation/docs/fresco/index.ru.mdx
+++ /dev/null
@@ -1,38 +0,0 @@
----
-title: Главная для Fresco
----
-
-## Развертывание собственного экземпляра Fresco
-
-**1. Настройка необходимых служб**
-
-- Создайте базу данных с [PlanetScale](https://planetscale.com/docs/tutorials/planetscale-quick-start-guide)
-- Создайте новое приложение на [uploadthing](https://uploadthing.com/)
-
-**2. Используйте кнопку развертывания Vercel для настройки развертывания вашего проекта в Vercel.**
-
-[![Развернуть с Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fcomplexdatacollective%2FFresco%2Ftree%2Ffeature%2Finitial-setup-flow&env=DATABASE_URL,UPLOADTHING_SECRET,UPLOADTHING_APP_ID)
-
-**Примечание: Для безопасности у вас есть _пять минут_ с момента развертывания приложения для создания учетной записи пользователя. Если этот срок истекает без создания учетной записи пользователя, ваша конфигурация устареет. Вы можете повторно развернуть, следуя тем же шагам.**
-
-**3. Создание репозитория Git**
-
-Следуйте инструкциям по созданию репозитория Git для развертывания. В нем будет клонированная версия этого репозитория.
-
-**4. Настройка проекта**
-
-Укажите необходимые переменные среды из служб, которые вы настроили на шаге 1.
-
-| Переменная         | Описание                                                                                        |
-| ------------------ | ----------------------------------------------------------------------------------------------- |
-| DATABASE_URL       | [Строка подключения к базе данных](https://planetscale.com/docs/concepts/connection-strings)    |
-| UPLOADTHING_SECRET | Ключ API для вашего [приложения uploadthing](https://uploadthing.com/dashboard)                 |
-| UPLOADTHING_APP_ID | Идентификатор приложения для вашего [приложения uploadthing](https://uploadthing.com/dashboard) |
-
-**5. Развертывание**
-
-Нажмите "Развернуть" и дождитесь завершения развертывания.
-
-**6. Создание учетной записи пользователя**
-
-Посетите ваше развернутое приложение, чтобы создать учетную запись вашего администратора. Может быть создана только одна учетная запись пользователя.
diff --git a/apps/documentation/docs/fresco/metadata.json b/apps/documentation/docs/fresco/metadata.json
new file mode 100644
index 00000000..b0b83147
--- /dev/null
+++ b/apps/documentation/docs/fresco/metadata.json
@@ -0,0 +1,10 @@
+{
+  "type": "project",
+  "slug": "fresco",
+  "localeLabels": {
+    "en": "Fresco"
+  },
+  "localeIndexFiles": {
+    "en": "about.en.mdx"
+  }
+}
diff --git a/apps/documentation/docs/fresco/sandbox.en.mdx b/apps/documentation/docs/fresco/sandbox.en.mdx
new file mode 100644
index 00000000..00d57fdf
--- /dev/null
+++ b/apps/documentation/docs/fresco/sandbox.en.mdx
@@ -0,0 +1,27 @@
+---
+title: Sandbox
+wip: false
+navOrder: 3
+date: 13th March 2024
+---
+
+We have created a [Sandbox Fresco deployment](https://fresco-sandbox.networkcanvas.com/) as a way to explore the Fresco platform without setting up your own instance.
+
+**The sandbox deployment is a shared example environment not intended for real interviews.**
+
+There are no restrictions on the use of the sandbox, but we will periodically reset the database. This means that any data you upload will be deleted.
+
+<TipBox danger>
+
+Any protocol files uploaded will be visible to all users of the sandbox. Please be mindful of the data you upload.
+
+**Under no circumstances should real study or participant data be uploaded.**
+
+</TipBox>
+
+## Accessing the Sandbox
+
+To access the sandbox, visit [https://fresco-sandbox.networkcanvas.com/](https://fresco-sandbox.networkcanvas.com/) and use the following credentials:
+
+- **username**: `admin`
+- **password**: `Administrator1!`
diff --git a/apps/documentation/docs/fresco/some-notes/metadata.json b/apps/documentation/docs/fresco/some-notes/metadata.json
deleted file mode 100644
index 256df617..00000000
--- a/apps/documentation/docs/fresco/some-notes/metadata.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "localeLabels": {
-    "en": "Some Notes",
-    "ru": "Некоторые примечания"
-  },
-  "isExpanded": true
-}
diff --git a/apps/documentation/docs/fresco/some-notes/notes.en.mdx b/apps/documentation/docs/fresco/some-notes/notes.en.mdx
deleted file mode 100644
index a2455356..00000000
--- a/apps/documentation/docs/fresco/some-notes/notes.en.mdx
+++ /dev/null
@@ -1,70 +0,0 @@
----
-title: Notes
-date: 27th September 2023
-description: Some description about Notes
----
-
-## This is an MDX file
-
-**TipBox example** (can be alternative to `{:.tip-box}` and `{: .tip-box .caution}`)
-
-<TipBox>
-  Welcome to Fresco! You can use it as a starting point for your own project :)
-</TipBox>
-
-**StandAlone example** (can be alternative to `{:standalone}`)
-
-<StandAloneImage
-  src="/assets/img/case-id.png"
-  content="Some text about the image"
-/>
-
-**KeyConcept example** (can be alternative to `{: .key-concept data-title="Roster size constraints"}`)
-
-<KeyConcept title="Roster size constraints">
-  We have tested a 60,000 node roster with success, however, rosters of this
-  size are not without problems. If your study requires such a roster, please be
-  prepared for the loading and search functions to slow down considerably. The
-  upper limit of this interface is largely dependent on both the device you use
-  and your usability threshold, so a powerful laptop might be required
-  particularly for larger datasets. For information on devices, please see our
-  article on [choosing a device for your
-  study](/en/desktop/how-to/choosing-hardware)
-</KeyConcept>
-
-**ImageFullWith example** (can be alternative to `{: .img-width-full}`)
-
-<ImageFullWith
-  src="/assets/img/server-guide/discovery-section.png"
-  name="discovery-section"
-/>
-
-**ImageFloatLeft example** (can be alternative to `{: .img-float-left .img-width-20}`)
-
-<ImageFloatLeft
-  name="screen-shot-2021-04-29-at-5.03.54-pm.png"
-  src="/assets/uploads/screen-shot-2021-04-29-at-5.03.54-pm.png"
-/>
-
-Your workspaces are shown in the purple column on the left hand side of the app,
-with a large plus button always visible that can be used to create a new workspace.
-
-To create a new workspace, locate a `.netcanvas` protocol file. For the purposes of this demonstration, we can use the sample protocol file that has been discussed in the tutorials on Interviewer and Architect (which can be downloaded [here](https://github.com/complexdatacollective/Documentation/blob/master/protocols/Sample%20Protocol%20v2.netcanvas)).
-
-Once imported, you will see a workspace icon that contains the initials of the protocol name, with a unique background that is generated based on the protocol content. Clicking this icon will switch to that workspace, and show the "overview" tab.
-
-**Citation example** (I handled the `{:.citation}` with tailwind css `prose-blockquote:border-blue-500`)
-
-> Complex Data Collective. Network Canvas Interviewer. 2016. www.doi.org/10.5281/zenodo.6026548
-
-**Main Header example** (I handled the `{: .fs-9 }` with a custom class in global.css `mainHeading` )
-
-**Button examples** (can be alternative to `{: .btn .btn-primary .fs-5 .mb-4 .mb-md-0 .mr-2 }`)
-
-<ButtonPrimary href="#">Project Overview</ButtonPrimary>
-
-<ButtonSecondary href="#">Installation Guide</ButtonSecondary>
-
-### Good practices <GoodPractice />
-
-### Bad practices <BadPractice />
diff --git a/apps/documentation/docs/fresco/third-folder/metadata.json b/apps/documentation/docs/fresco/third-folder/metadata.json
deleted file mode 100644
index a4675bff..00000000
--- a/apps/documentation/docs/fresco/third-folder/metadata.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "localeLabels": {
-    "en": "Third folder",
-    "ru": "Третья папка"
-  },
-  "isExpanded": true
-}
diff --git a/apps/documentation/docs/fresco/third-folder/test.en.md b/apps/documentation/docs/fresco/third-folder/test.en.md
deleted file mode 100644
index 5f238ee1..00000000
--- a/apps/documentation/docs/fresco/third-folder/test.en.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: TEST Document
-date: 24th September 2023
-description: Some description about test
-toc: false
----
-
-# Some text here about Fresco
-
-```js
-pnpm dev
-```
diff --git a/apps/documentation/docs/fresco/third-folder/test.ru.md b/apps/documentation/docs/fresco/third-folder/test.ru.md
deleted file mode 100644
index 80064e4a..00000000
--- a/apps/documentation/docs/fresco/third-folder/test.ru.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: ТЕСТОВЫЙ документ
-date: 24th September 2023
-description: Some description about test
-toc: false
----
-
-# Здесь немного текста о Фреско
-
-```js
-pnpm dev
-```
diff --git a/apps/documentation/docs/fresco/troubleshooting.en.mdx b/apps/documentation/docs/fresco/troubleshooting.en.mdx
new file mode 100644
index 00000000..d24a1c54
--- /dev/null
+++ b/apps/documentation/docs/fresco/troubleshooting.en.mdx
@@ -0,0 +1,38 @@
+---
+title: Troubleshooting
+date: 12th March 2024
+navOrder: 3
+---
+
+## Deployment Build Errors and Fixes
+
+You may encounter errors during deployment. Below are some common errors and their solutions to help you troubleshoot effectively.
+
+### Invalid API Key Error
+
+![Invalid API Key Console Error](/assets/img/fresco-images/deploy-error2.png)
+
+This error means that you provided an incorrect environment variable. Make sure to enter the environment variable value correctly. You must enter the value that starts after `=` symbol
+(e.g: `UPLOADTHING_APP_ID=5q5ybg9dwg`, here `UPLOADTHING_APP_ID` is the key of variable and `5q5ybg9dwg` is the value. You should always enter the value.)
+
+## Instance Expired - Reset your Database
+
+If your instance expires, you must delete your database and create a new one.
+
+1. Navigate to your database on the dashboard by selecting _Storage_ and then selecting your database.
+
+   ![Select database](/assets/img/fresco-images/reset-db-1.png)
+
+2. Select the _Projects_ tab, check the box next to your project, and select _Remove Project Connection_ from the dropdown.
+
+   ![Remove project connection](/assets/img/fresco-images/reset-db-2.png)
+
+3. Select _Remove Connection_ to confirm.
+
+   ![Remove connection](/assets/img/fresco-images/reset-db-3.png)
+
+4. Select the _Settings_ tab and select _Delete Database_ from the Delete Store section.
+
+   ![Delete Database](/assets/img/fresco-images/reset-db-4.png)
+
+5. After confirming, you can follow the instructions again to [Create a Database](./deployment/guide#step-4-create-your-database)
diff --git a/apps/documentation/env.mjs b/apps/documentation/env.mjs
index e794915b..e02bb8d1 100644
--- a/apps/documentation/env.mjs
+++ b/apps/documentation/env.mjs
@@ -48,9 +48,4 @@ export const env = createEnv({
     NEXT_PUBLIC_URL: process.env.NEXT_PUBLIC_URL,
     VERCEL_URL: process.env.VERCEL_URL,
   },
-  /**
-   * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially
-   * useful for Docker builds.
-   */
-  //   skipValidation: !!process.env.SKIP_ENV_VALIDATION,
 });
diff --git a/apps/documentation/hooks/useHighlighted.ts b/apps/documentation/hooks/useHighlighted.ts
index 5aa382ba..766259f8 100644
--- a/apps/documentation/hooks/useHighlighted.ts
+++ b/apps/documentation/hooks/useHighlighted.ts
@@ -18,10 +18,10 @@ const useHighlighted = (
     };
 
     observer.current = new IntersectionObserver(handleObserver, {
-      rootMargin: '0% 0% -75% 0px',
+      rootMargin: '0% 0% -75% 0%',
     });
 
-    const elements = document.querySelectorAll('h2, h3, h4, h5, h6');
+    const elements = document.querySelectorAll('h2, h3');
     elements.forEach((elem) => observer.current?.observe(elem));
 
     return () => observer.current?.disconnect();
diff --git a/apps/documentation/i18n.ts b/apps/documentation/i18n.ts
index 18bbe6ca..a188e878 100644
--- a/apps/documentation/i18n.ts
+++ b/apps/documentation/i18n.ts
@@ -1,6 +1,20 @@
+import { type AbstractIntlMessages } from 'next-intl';
 import { getRequestConfig } from 'next-intl/server';
+import { locales } from './app/types';
 
-export default getRequestConfig(async ({ locale }) => ({
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
-  messages: (await import(`./messages/${locale}.json`)).default,
-}));
+export default getRequestConfig(async ({ locale }) => {
+  // Validate that the incoming `locale` string exists in the locales array
+  if (!locales.includes(locale as 'en')) {
+    return {
+      messages: {},
+    };
+  }
+
+  const messages = (await import(`./messages/${locale}.json`)) as {
+    default: AbstractIntlMessages;
+  };
+
+  return {
+    messages,
+  };
+});
diff --git a/apps/documentation/lib/algolia-client.mjs b/apps/documentation/lib/algolia-client.mjs
deleted file mode 100644
index 564778aa..00000000
--- a/apps/documentation/lib/algolia-client.mjs
+++ /dev/null
@@ -1,10 +0,0 @@
-import algoliasearch from 'algoliasearch';
-import dotenv from 'dotenv';
-import { env } from '../env.mjs';
-
-dotenv.config();
-
-export const algolia_client = algoliasearch(
-  env.NEXT_PUBLIC_ALGOLIA_APPLICATION_ID,
-  env.NEXT_PUBLIC_ALGOLIA_API_KEY,
-);
diff --git a/apps/documentation/lib/algolia-search.mjs b/apps/documentation/lib/algolia-search.mjs
deleted file mode 100644
index c299efbf..00000000
--- a/apps/documentation/lib/algolia-search.mjs
+++ /dev/null
@@ -1,113 +0,0 @@
-import dotenv from 'dotenv';
-import fs from 'fs';
-import matter from 'gray-matter';
-import { join, relative, sep } from 'path';
-import { env } from '../env.mjs';
-import { algolia_client } from './algolia-client.mjs';
-import { markdownToText } from './universal_helper_functions.mjs';
-
-dotenv.config();
-
-const isDirectory = (source) => fs.lstatSync(source).isDirectory();
-
-// Given a path, return an array of all filenames in that directory and all subdirectories.
-export const getAllFilePaths = function (
-  dirPath = env.NEXT_PUBLIC_DOCS_PATH,
-  arrayOfFiles = [],
-) {
-  const relativePath = join(process.cwd(), dirPath);
-  const files = fs.readdirSync(relativePath);
-
-  files.forEach(function (file) {
-    if (isDirectory(dirPath + '/' + file)) {
-      arrayOfFiles = getAllFilePaths(dirPath + '/' + file, arrayOfFiles);
-    } else {
-      // excluding metadata.json file
-      if (file !== 'metadata.json') {
-        arrayOfFiles.push({
-          docPath: dirPath + '/' + file,
-        });
-      }
-    }
-  });
-
-  return arrayOfFiles;
-};
-
-// Get all documents and parse the content as text
-export async function getAllDocFiles() {
-  const allFilePaths = getAllFilePaths();
-
-  const articles = allFilePaths.map(async (file) => {
-    const source = fs.readFileSync(file.docPath, 'utf-8');
-    const { content, data } = matter(source);
-    const plainText = await markdownToText(content);
-    const fileRelativePath = relative(env.NEXT_PUBLIC_DOCS_PATH, file.docPath);
-
-    const formattedFilePath = fileRelativePath
-      .replace(/\.(md|mdx)$/, '')
-      .replace(sep + 'index', '') // Remove folder page path
-      .replace(/\\/g, '/');
-
-    const fileLink = formattedFilePath.split('.')[0];
-    const fileLanguage = formattedFilePath.split('.')[1];
-
-    return {
-      content: plainText,
-      data,
-      filePath: `/${fileLanguage}/${fileLink}`,
-      lang: fileLanguage,
-    };
-  });
-
-  return Promise.all(articles);
-}
-
-// Transform documents to search objects to save them in the index
-function transformDocsToSearchObjects(articles) {
-  const titleSet = new Set(); // Set to keep track of unique titles
-
-  const transFormed = articles.map((article) => {
-    const title = article.data.title;
-    const source = article.filePath;
-
-    // Check if title is already in the set
-    if (titleSet.has(title)) {
-      throw new Error(`Duplicate title found: ${title} in ${source}`);
-    }
-
-    // If not, add it to the set
-    titleSet.add(title);
-
-    return {
-      objectID: title,
-      title: title,
-      filePath: article.filePath,
-      content: article.content,
-      data: article.data,
-      lang: article.lang,
-    };
-  });
-
-  return transFormed;
-}
-
-// Index the files after build
-(async function indexAllFiles() {
-  console.log('STARTED INDEXING');
-
-  try {
-    const articles = await getAllDocFiles();
-    const transformed = transformDocsToSearchObjects(articles);
-
-    const index = algolia_client.initIndex(env.NEXT_PUBLIC_ALGOLIA_INDEX_NAME);
-
-    const algoliaResponse = await index.saveObjects(transformed);
-
-    console.log(
-      `SUCCESSFULLY ADDED ${algoliaResponse.objectIDs.length} RECORDS TO Algolia SEARCH.`,
-    );
-  } catch (error) {
-    console.error(error);
-  }
-})();
diff --git a/apps/documentation/lib/docs.ts b/apps/documentation/lib/docs.ts
deleted file mode 100644
index 64c499f9..00000000
--- a/apps/documentation/lib/docs.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-import { env } from '~/env.mjs';
-import fs from 'fs';
-import matter from 'gray-matter';
-import { readdir } from 'node:fs/promises';
-import { join, sep } from 'path';
-import { isFolderPageAvailableForLocale } from './universal_helper_functions.mjs';
-
-export type DocRouteParams = {
-  params: {
-    docPath: string;
-  };
-};
-
-// Process docPaths to remove CWD, docs subdirectory, file extensions, and split into segments
-export const processPath = (docPath: string) => {
-  const processedPath = docPath
-    .replace(process.cwd() + sep, '') // Remove CWD
-    .replace('docs' + sep, '') // Remove docs subdirectory
-    .replace(sep + 'index', '') // Remove folder page path
-    .replace('.mdx', '')
-    .replace('.md', ''); // Remove file extensions
-
-  const locale = processedPath.split('.')[1]; // get locale from file path
-  // Remove file locale and split into segments based on the platform directory separator
-  const processedPathList = processedPath.replace(/\.\w+$/, '').split(sep);
-  return [...processedPathList, locale];
-};
-
-export const relativePathToDocs = join(
-  process.cwd(),
-  env.NEXT_PUBLIC_DOCS_PATH,
-);
-
-export const getAllMarkdownDocs = async () => {
-  const files = await readdir(relativePathToDocs, {
-    withFileTypes: true,
-    recursive: true,
-  });
-
-  return files
-    .filter((dirent) => dirent.isFile()) // Only get files
-    .filter(
-      (dirent) => dirent.name.endsWith('.mdx') || dirent.name.endsWith('.md'),
-    ) // Only get files with .md or .mdx extension
-    .map((dirent) => join(dirent.path, dirent.name)); // Get the full path
-};
-
-// Get all project names
-export const getAllProjects = function () {
-  const projects = fs.readdirSync(relativePathToDocs);
-
-  // Make projects unique
-  return [...new Set(projects.flat())];
-};
-
-export function getDoc({
-  locale,
-  project,
-  pathSegment,
-}: {
-  locale: string;
-  project: string;
-  pathSegment: string[];
-}) {
-  let pathSegmentWithLocale = pathSegment.join('/') + `.${locale}`;
-  const result = isFolderPageAvailableForLocale(
-    [project, ...pathSegment].join('/'),
-    locale,
-  );
-
-  // Check if the file exists.
-  let file;
-
-  if (result) {
-    pathSegmentWithLocale = pathSegment.join('/') + `/index.${locale}`;
-  }
-
-  const path = join(relativePathToDocs, project, pathSegmentWithLocale);
-
-  if (fs.existsSync(path + '.md')) {
-    file = path + '.md';
-  } else if (fs.existsSync(path + '.mdx')) {
-    file = path + '.mdx';
-  } else {
-    return null;
-  }
-
-  const markdownFile = fs.readFileSync(file, 'utf-8');
-  const matterResult = matter(markdownFile);
-  const { data: matterData } = matterResult;
-
-  const getSummaryData = () => {
-    const { summary, prerequisites, completion_time } = matterData;
-
-    if (summary && prerequisites && completion_time) {
-      return {
-        summary: summary as string,
-        prerequisites: prerequisites as string,
-        completion_time: completion_time as string,
-      };
-    }
-
-    return null;
-  };
-
-  const getInterfaceSummary = () => {
-    const { image, type, creates, uses_prompts } = matterData;
-
-    if (image && type && creates && uses_prompts) {
-      return {
-        image: image as string,
-        type: type as string,
-        creates: creates as string,
-        uses_prompts: uses_prompts as string,
-      };
-    }
-
-    return null;
-  };
-
-  const getBestPractices = () => {
-    const { good, bad } = matterData;
-
-    if (good && bad) {
-      return {
-        good: good as string[],
-        bad: bad as string[],
-      };
-    }
-
-    return null;
-  };
-
-  return {
-    // Add other elements of the frontmatter here as needed.
-    title: matterData.title as string,
-    lastUpdated: matterData.date ? (matterData.date as string) : null,
-    content: matterResult.content,
-    toc: matterData.toc !== undefined ? (matterData.toc as boolean) : null,
-    wip: matterData.wip !== undefined ? (matterData.wip as boolean) : null,
-    summaryData: getSummaryData(),
-    interfaceSummary: getInterfaceSummary(),
-    bestPractices: getBestPractices(),
-  };
-}
diff --git a/apps/documentation/lib/docs.tsx b/apps/documentation/lib/docs.tsx
new file mode 100644
index 00000000..bc2c4943
--- /dev/null
+++ b/apps/documentation/lib/docs.tsx
@@ -0,0 +1,358 @@
+import { existsSync, readFileSync } from 'node:fs';
+import { join, sep } from 'node:path';
+import type { Options } from 'rehype-react';
+import * as prod from 'react/jsx-runtime';
+import rehypeReact from 'rehype-react';
+import remarkFrontmatter from 'remark-frontmatter';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import rehypeFigure from '@microflash/rehype-figure';
+import remarkGfm from 'remark-gfm';
+import rehypeRaw from 'rehype-raw';
+import rehypeHighlight from 'rehype-highlight';
+import { unified } from 'unified';
+import { z } from 'zod';
+import {
+  Button,
+  Details,
+  Heading,
+  ListItem,
+  OrderedList,
+  Paragraph,
+  Summary,
+  UnorderedList,
+} from '@codaco/ui';
+import {
+  locales,
+  type LocalesEnum,
+  type SidebarFolder,
+  type SidebarPage,
+  type SidebarProject,
+  type TSideBar,
+} from '~/app/types';
+import Link from '~/components/Link';
+import sidebar from '~/public/sidebar.json';
+import { get } from './helper_functions';
+import processYamlMatter from './processYamlMatter';
+import slug from 'rehype-slug';
+import { type HeadingNode, headingTree } from './tableOfContents';
+import { type LinkProps } from 'next/link';
+import { type ReactNode } from 'react';
+import TipBox, { type TipBoxProps } from '~/components/customComponents/TipBox';
+import ImageFullWidth from '~/components/customComponents/ImageFullWidth';
+import KeyConcept from '~/components/customComponents/KeyConcept';
+import VideoIFrame from '~/components/customComponents/VideoIFrame';
+import {
+  PrerequisitesSection,
+  SummaryCard,
+  SummarySection,
+} from '~/components/customComponents/SummaryCard';
+import {
+  InterfaceMeta,
+  InterfaceSummary,
+} from '~/components/customComponents/InterfaceSummary';
+import {
+  GoodPractice,
+  BadPractice,
+} from '~/components/customComponents/BestPractices';
+
+export type DocRouteParams = {
+  params: {
+    docPath: string;
+  };
+};
+
+export const FrontmatterSchema = z.object({
+  title: z.string(),
+  lastUpdated: z.string().optional(),
+  hidden: z.boolean().optional(),
+  wip: z.boolean().optional(),
+  navOrder: z.number().optional(),
+  toc: z.boolean().optional().default(true),
+  // interfaces
+  good: z.array(z.string()).optional(), // List of best practices
+  bad: z.array(z.string()).optional(), // List of bad practices
+});
+
+export type Frontmatter = z.infer<typeof FrontmatterSchema>;
+
+// get available locales for the document path
+export function getAvailableLocalesForPath(
+  project: string,
+  pathSegment: string[],
+) {
+  // iterate through all locales and check if the file exists
+  const availableLocales = locales.filter((locale) => {
+    const sourceFile = getSourceFile(locale, project, pathSegment);
+    const isFileExist = !!(sourceFile && existsSync(sourceFile));
+    return isFileExist;
+  });
+
+  return availableLocales;
+}
+
+// Process docPaths to remove CWD, docs subdirectory, file extensions, and split into segments
+export const processPath = (docPath: string) => {
+  const processedPath = docPath
+    .split(sep)
+    .slice(3) // First element is empty string, second is 'docs', third is the project name
+    // Process the last item to remove the locale and file extension
+    .map((segment, index, array) => {
+      if (index === array.length - 1) {
+        return segment.split('.')[0]!;
+      }
+      return segment;
+    });
+
+  return processedPath;
+};
+
+// Given locale and project, generate all the possible docPaths.
+// Return something in the format of:
+// {
+//   locale: 'ru',
+//   project: 'fresco',
+//   docPath: [ 'getting-started', 'installation' ]
+// }
+type ReturnType = {
+  locale: LocalesEnum;
+  project: string;
+  docPath: string[];
+};
+
+export const getDocsForRouteSegment = ({
+  locale,
+  project,
+}: {
+  locale: LocalesEnum;
+  project: string;
+}) => {
+  const typedSidebar = sidebar as TSideBar;
+  const sidebarData = get(
+    typedSidebar,
+    [locale, project],
+    null,
+  ) as SidebarProject;
+
+  if (!sidebarData) {
+    // eslint-disable-next-line no-console
+    console.log(`No sidebar data found for ${locale} and ${project}`);
+    return [];
+  }
+
+  const results: ReturnType[] = [];
+
+  const getSourceFilePaths = (
+    data: SidebarProject | SidebarFolder | SidebarPage,
+  ) => {
+    // Leaf node
+    if (data.type === 'page') {
+      results.push({
+        locale,
+        project,
+        docPath: processPath(data.sourceFile),
+      });
+      return;
+    }
+
+    if (data.sourceFile && data.type !== 'project') {
+      // Handle folders differently - if they have a sourceFile
+      // docPath should generate a path pointing to the folder.
+      results.push({
+        locale,
+        project,
+        docPath: processPath(data.sourceFile).slice(0, -1),
+      });
+    }
+
+    for (const key in data.children) {
+      const child = data.children[key];
+      if (child) {
+        getSourceFilePaths(child);
+      }
+    }
+
+    return;
+  };
+
+  getSourceFilePaths(sidebarData);
+
+  return results;
+};
+
+// Get the sourceFile path from the sidebar.json
+export const getSourceFile = (
+  locale: string,
+  project: string,
+  pathSegment?: string[],
+) => {
+  const projectSourceFile = get(
+    sidebar,
+    [locale, project, 'sourceFile'],
+    null,
+  ) as string;
+
+  if (!pathSegment) return join(process.cwd(), projectSourceFile);
+
+  const pathSegmentWithChildren = pathSegment
+    .map((segment, index) => {
+      if (index === 0) {
+        return segment;
+      }
+
+      return ['children', segment];
+    })
+    .flat();
+
+  const folderSourceFile = get(
+    sidebar,
+    [locale, project, 'children', ...pathSegmentWithChildren, 'sourceFile'],
+    null,
+  ) as string | null;
+
+  if (!folderSourceFile) return null;
+
+  return join(process.cwd(), folderSourceFile);
+};
+
+export async function getDocumentForPath({
+  locale,
+  project,
+  pathSegment,
+}: {
+  locale: string;
+  project: string;
+  pathSegment?: string[];
+}) {
+  const sourceFile = getSourceFile(locale, project, pathSegment);
+
+  if (!sourceFile || (sourceFile && !existsSync(sourceFile))) {
+    // eslint-disable-next-line no-console
+    console.log(`File not found: ${sourceFile}`);
+    return null;
+  }
+
+  const markdownFile = readFileSync(sourceFile, 'utf-8');
+
+  const result = await unified()
+    .use(remarkParse, { fragment: true })
+    .use(remarkGfm)
+    .use(remarkFrontmatter)
+    .use(processYamlMatter)
+    .use(remarkRehype, { allowDangerousHtml: true })
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    .use(rehypeFigure)
+    .use(rehypeRaw) // Allow raw HTML
+    .use(slug) // Add IDs to headings
+    .use(headingTree) // Create a tree of headings in data.headings
+    .use(
+      rehypeHighlight, // Highlight code blocks
+      {
+        detect: true, // Automatically detect the language
+      },
+    )
+    .use(rehypeReact, {
+      Fragment: prod.Fragment,
+      jsx: prod.jsx,
+      jsxs: prod.jsxs,
+      components: {
+        h1: (props) => <Heading variant="h1" {...props} />,
+        h2: (props) => <Heading variant="h2" {...props} />,
+        h3: (props) => <Heading variant="h3" {...props} />,
+        h4: (props) => <Heading variant="h4" {...props} />,
+        p: Paragraph,
+        a: Link,
+        ul: UnorderedList,
+        ol: OrderedList,
+        li: ListItem,
+        blockquote: (props) => (
+          <blockquote className="my-4 border-s-4 border-accent bg-card p-4">
+            {props.children}
+          </blockquote>
+        ),
+        pre: (props) => (
+          <pre className="my-5 overflow-hidden rounded-xl" {...props} />
+        ),
+        code: (props) => <code className="text-small" {...props} />,
+        button: (props) => <Button variant="default" {...props} />,
+        link: (
+          props: LinkProps & { className?: string; children: ReactNode },
+        ) => {
+          return <Link {...props} />;
+        },
+        tipbox: (props: TipBoxProps) => {
+          return (
+            <TipBox danger={props.danger !== undefined}>
+              {props.children}
+            </TipBox>
+          );
+        },
+        imagefullwidth: (props: { src: string; alt: string }) => (
+          <ImageFullWidth {...props} />
+        ),
+        figure: (props) => (
+          <figure
+            {...props}
+            className="my-10 flex w-full flex-col items-center justify-center [&>img]:m-0 [&>img]:w-full [&>img]:px-4"
+          />
+        ),
+        figcaption: (props) => (
+          <figcaption {...props} className="mt-2 text-center text-sm italic" />
+        ),
+        img: (props) => (
+          <img alt={props.alt} {...props} className="my-10 w-full px-8" />
+        ),
+        keyconcept: (props: { title: string; children: ReactNode }) => (
+          <KeyConcept {...props} />
+        ),
+        goodpractice: (props: { children: ReactNode }) => (
+          <GoodPractice {...props} />
+        ),
+        badpractice: (props: { children: ReactNode }) => (
+          <BadPractice {...props} />
+        ),
+        videoiframe: (props: { src: string; title: string }) => (
+          <VideoIFrame {...props} />
+        ),
+        summarycard: (props: { duration: string; children: ReactNode }) => (
+          <SummaryCard {...props} />
+        ),
+        prerequisitessection: (props: { children: ReactNode }) => (
+          <PrerequisitesSection {...props} />
+        ),
+        summarysection: (props: { children: ReactNode }) => (
+          <SummarySection {...props} />
+        ),
+        interfacesummary: (props: { children: ReactNode }) => (
+          <InterfaceSummary {...props} />
+        ),
+        interfacemeta: (props: {
+          type: string;
+          creates: string;
+          usesprompts: string;
+        }) => <InterfaceMeta {...props} />,
+        definition: (props: { children: ReactNode }) => (
+          <div className="text-lg font-normal">{props.children}</div>
+        ),
+        table: (props) => (
+          <div className="overflow-x-auto">
+            <table
+              className="prose dark:prose-th:text-foreground dark:prose-strong:text-foreground dark:prose-td:text-foreground my-5 w-full text-pretty break-keep [&>th]:text-nowrap"
+              {...props}
+            />
+          </div>
+        ),
+        details: Details,
+        summary: Summary,
+      },
+    } as Options)
+    .process(markdownFile);
+
+  const validatedFrontmatter = FrontmatterSchema.parse(result.data.matter);
+
+  return {
+    frontmatter: validatedFrontmatter,
+    headings: result.data.headings as HeadingNode[],
+    component: result.result,
+  };
+}
diff --git a/apps/documentation/lib/helper_functions.ts b/apps/documentation/lib/helper_functions.ts
index 6d53dacd..ca05a73a 100644
--- a/apps/documentation/lib/helper_functions.ts
+++ b/apps/documentation/lib/helper_functions.ts
@@ -1,10 +1,39 @@
-import { locales } from '~/locales.mjs';
-import data from '~/public/sidebar.json';
-import { SidebarData, type Folder } from '~/types';
+import { existsSync, readFileSync } from 'node:fs';
+import { join, sep } from 'node:path';
+import type fs from 'node:fs';
+import type matter from 'gray-matter';
+import rehypeStringify from 'rehype-stringify';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import { unified } from 'unified';
+import type {
+  LocalesEnum,
+  MetadataFile,
+  SidebarFolder,
+  SidebarPage,
+  SidebarProject,
+} from '~/app/types';
+import { MetadataFileSchema } from '~/app/types';
+import { env } from '~/env.mjs';
 
-const sidebarData: SidebarData = JSON.parse(
-  JSON.stringify(data),
-) as SidebarData;
+export const relativePathToDocs = join(
+  process.cwd(),
+  env.NEXT_PUBLIC_DOCS_PATH,
+);
+
+// Converts markdown to text which we use to push to Algolia
+export async function markdownToText(markdown: string) {
+  const result = await unified()
+    .use(remarkParse)
+    .use(remarkRehype)
+    .use(rehypeStringify)
+    .process(markdown);
+
+  return result
+    .toString()
+    .replace(/<[^>]*>/g, '')
+    .replace(/\.\.\//g, ''); // remove HTML tags and relative paths
+}
 
 // Converts text to URL eg: Network Canvas => network-canvas
 export function convertToUrlText(text: string): string {
@@ -15,62 +44,183 @@ export function convertToUrlText(text: string): string {
   return cleanedText;
 }
 
-export const getLocaleBasedSidebarData = (
-  data: SidebarData,
-  locale: string,
-) => {
-  return data.filter((item) => item[locale])[0][locale];
-};
+/**
+ * Given a path, return an array for each path segment, inserting 'children'
+ * between each value (to mirror for format needed by TSideBar).
+ *
+ * @param path {string} - The path to convert
+ * @returns
+ */
+export const getNestedPath = (path: string) => {
+  // Remove the relative path to the docs
+  const withoutRelativePath = path.replace(relativePathToDocs, '');
 
-// filter sidebar data based on product and locale
-export function filterSidebarData(
-  product: string,
-  sidebarData: SidebarData,
-  locale: string,
-) {
-  const localeBasedSidebarData = getLocaleBasedSidebarData(sidebarData, locale);
+  // Split the path into an array of folders
+  const asArray = withoutRelativePath.split(sep).filter(Boolean);
 
-  const productBasedSidebarData = localeBasedSidebarData.filter(
-    (item) => item.name === product,
-  )[0];
+  // insert 'children', between each value
+  return asArray
+    .map((value) => {
+      return [value, 'children'];
+    })
+    .flat();
+};
 
-  return productBasedSidebarData;
-}
+// WARNING: This is not a drop in replacement solution and
+// it might not work for some edge cases. Test your code!
+export const get = (
+  obj: Record<string | number, unknown>,
+  path: string | string[],
+  defValue: unknown = undefined,
+) => {
+  // If path is not defined or it has false value
+  if (!path) return undefined;
+  // Check if path is string or array. Regex : ensure that we do not have '.' and brackets.
+  // Regex explained: https://regexr.com/58j0k
+  const pathArray = Array.isArray(path) ? path : path.match(/([^[.\]])+/g);
+  // Find value
+  const result = pathArray?.reduce(
+    // @ts-expect-error: No way to type this that I can think of...
+    (prevObj, key) => prevObj?.[key],
+    obj,
+  );
+  // If found value is undefined return default value; otherwise return the value
+  return result ?? defValue;
+};
 
-// Check if the file path for the translated doc exists in sidebar.json
-export function isPathExist(data: Folder, docPath: string, isExist = false) {
-  for (const item of data.files) {
-    if (item.type === 'file') {
-      isExist = docPath === item.path;
-    } else {
-      isExist = docPath === item.folderPagePath;
-      if (!isExist) {
-        isExist = isPathExist(item, docPath, isExist);
-      }
+/**
+ * Replacement for lodash's set function. Given an object, a path array, and a
+ * value, set the value at the path. If the path doesn't exist, create it.
+ *
+ * @param obj {Record<string | number, unknown>}
+ * @param pathArray {(string | number)[]}
+ * @param value {unknown}
+ */
+export const set = (
+  obj: Record<string | number, unknown>,
+  pathArray: (string | number)[],
+  value: unknown,
+): void => {
+  // @ts-expect-error: No way to type this that I can think of...
+  pathArray.reduce((acc: Record<string | number, unknown>, key, i) => {
+    if (acc[key] === undefined) {
+      acc[key] = {};
     }
+    if (i === pathArray.length - 1) {
+      acc[key] = value;
+    }
+    return acc[key];
+  }, obj);
+};
 
-    if (isExist) break;
+/**
+ * Given a directoryPath, look for a metadata.json file within, and parse it
+ * against a zod schema into a MetadataFile type.
+ * @param directoryPath {string}
+ * @returns {MetadataFile}
+ */
+export const getMetaDataForDirectory = (directoryPath: string) => {
+  const metadataPath = join(directoryPath, 'metadata.json');
+  if (!existsSync(metadataPath)) {
+    throw new Error(`No metadata.json found at ${directoryPath}`);
   }
 
-  return isExist;
-}
+  const metadataString = readFileSync(metadataPath, 'utf-8');
+  const metadataRaw = JSON.parse(metadataString) as unknown;
 
-// get available locales for the document
-export function getAvailableLocales(filePath: string) {
-  const availableLocales = locales.filter((locale) => {
-    const localeBasedSidebarData = getLocaleBasedSidebarData(
-      sidebarData,
-      locale,
-    );
-    let result;
-
-    for (const folder of localeBasedSidebarData) {
-      result = isPathExist(folder, filePath);
-      if (result) break;
-    }
+  const parsed = MetadataFileSchema.parse(metadataRaw);
 
-    return result;
-  });
+  return parsed;
+};
 
-  return availableLocales;
-}
+/**
+ * Given a file, a locale, and metadata, create a project entry for the sidebar.
+ *
+ * @param file {fs.Dirent}
+ * @param locale {LocalesEnum}
+ * @param metadata {MetadataFile}
+ * @returns {SidebarProject}
+ */
+export const createProjectEntry = (
+  file: fs.Dirent,
+  locale: LocalesEnum,
+  metadata: MetadataFile,
+): SidebarProject => {
+  const localeIndexFile = metadata.localeIndexFiles?.[locale];
+  const sourceFile = localeIndexFile
+    ? join(file.path, file.name, localeIndexFile).replace(process.cwd(), '')
+    : undefined;
+
+  return {
+    type: 'project',
+    sourceFile,
+    label: metadata.localeLabels?.[locale] ?? file.name,
+    children: {},
+  };
+};
+
+/**
+ * Given a file, a locale, and metadata, create a folder entry for the sidebar.
+ *
+ * @param file {fs.Dirent}
+ * @param locale {LocalesEnum}
+ * @param metadata {MetadataFile}
+ * @returns {SidebarFolder}
+ */
+export const createFolderEntry = (
+  file: fs.Dirent,
+  locale: LocalesEnum,
+  metadata: MetadataFile,
+): SidebarFolder => {
+  const localeIndexFile = metadata.localeIndexFiles?.[locale];
+  const sourceFile = localeIndexFile
+    ? join(file.path, file.name, localeIndexFile).replace(process.cwd(), '')
+    : undefined;
+
+  return {
+    type: 'folder',
+    expanded: metadata.isExpanded ?? false,
+    sourceFile,
+    label: metadata.localeLabels?.[locale] ?? file.name,
+    navOrder: metadata.navOrder ?? null,
+    children: {},
+  };
+};
+
+/**
+ * Given a file and a matter result, create a page entry for the sidebar.
+ *
+ * @param file {fs.Dirent}
+ * @param matterResult {matter.GrayMatterFile<string>}
+ * @returns {SidebarPage}
+ */
+export const createPageEntry = (
+  file: fs.Dirent,
+  matterResult: matter.GrayMatterFile<string>,
+): SidebarPage => {
+  const title = matterResult.data?.title as string | undefined;
+  const navOrder = matterResult.data?.navOrder as number | undefined;
+  const sourceFile = join(file.path, file.name).replace(process.cwd(), '');
+
+  return {
+    type: 'page',
+    sourceFile,
+    label: title ?? file.name,
+    navOrder: navOrder ?? null,
+  };
+};
+
+/**
+ * Given a list of files, sort them based on whether they are directories,
+ * and by ascending depth.
+ *
+ * @param files {fs.Dirent[]}
+ * @returns {fs.Dirent[]}
+ */
+export const sortDirectoryListing = (files: fs.Dirent[]) =>
+  files.sort((a, b) => {
+    const depthA = a.name.split('/').length; // Get depth of directory/file A
+    const depthB = b.name.split('/').length; // Get depth of directory/file B
+
+    return depthA - depthB; // Sort by ascending depth (shallowest to deepest)
+  });
diff --git a/apps/documentation/lib/highlight.js/styles/a11y-dark.css b/apps/documentation/lib/highlight.js/styles/a11y-dark.css
new file mode 100644
index 00000000..0d112165
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/a11y-dark.css
@@ -0,0 +1,94 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: a11y-dark
+  Author: @ericwbailey
+  Maintainer: @ericwbailey
+
+  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
+*/
+.hljs {
+  background: #2b2b2b;
+  color: #f8f8f2
+}
+/* Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #d4d0ab
+}
+/* Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #ffa07a
+}
+/* Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #f5ab35
+}
+/* Yellow */
+.hljs-attribute {
+  color: #ffd700
+}
+/* Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #abe338
+}
+/* Blue */
+.hljs-title,
+.hljs-section {
+  color: #00e0e0
+}
+/* Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #dcc6e0
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+@media screen and (-ms-high-contrast: active) {
+  .hljs-addition,
+  .hljs-attribute,
+  .hljs-built_in,
+  .hljs-bullet,
+  .hljs-comment,
+  .hljs-link,
+  .hljs-literal,
+  .hljs-meta,
+  .hljs-number,
+  .hljs-params,
+  .hljs-string,
+  .hljs-symbol,
+  .hljs-type,
+  .hljs-quote {
+    color: highlight
+  }
+  .hljs-keyword,
+  .hljs-selector-tag {
+    font-weight: bold
+  }
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/a11y-dark.min.css b/apps/documentation/lib/highlight.js/styles/a11y-dark.min.css
new file mode 100644
index 00000000..7820d7db
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/a11y-dark.min.css
@@ -0,0 +1,7 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: a11y-dark
+  Author: @ericwbailey
+  Maintainer: @ericwbailey
+
+  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
+*/.hljs{background:#2b2b2b;color:#f8f8f2}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/a11y-light.css b/apps/documentation/lib/highlight.js/styles/a11y-light.css
new file mode 100644
index 00000000..a8af1d1d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/a11y-light.css
@@ -0,0 +1,94 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: a11y-light
+  Author: @ericwbailey
+  Maintainer: @ericwbailey
+
+  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
+*/
+.hljs {
+  background: #fefefe;
+  color: #545454
+}
+/* Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #696969
+}
+/* Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #d91e18
+}
+/* Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #aa5d00
+}
+/* Yellow */
+.hljs-attribute {
+  color: #aa5d00
+}
+/* Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #008000
+}
+/* Blue */
+.hljs-title,
+.hljs-section {
+  color: #007faa
+}
+/* Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #7928a1
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+@media screen and (-ms-high-contrast: active) {
+  .hljs-addition,
+  .hljs-attribute,
+  .hljs-built_in,
+  .hljs-bullet,
+  .hljs-comment,
+  .hljs-link,
+  .hljs-literal,
+  .hljs-meta,
+  .hljs-number,
+  .hljs-params,
+  .hljs-string,
+  .hljs-symbol,
+  .hljs-type,
+  .hljs-quote {
+    color: highlight
+  }
+  .hljs-keyword,
+  .hljs-selector-tag {
+    font-weight: bold
+  }
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/a11y-light.min.css b/apps/documentation/lib/highlight.js/styles/a11y-light.min.css
new file mode 100644
index 00000000..8b5ab909
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/a11y-light.min.css
@@ -0,0 +1,7 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: a11y-light
+  Author: @ericwbailey
+  Maintainer: @ericwbailey
+
+  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
+*/.hljs{background:#fefefe;color:#545454}.hljs-comment,.hljs-quote{color:#696969}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#d91e18}.hljs-attribute,.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#aa5d00}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:green}.hljs-section,.hljs-title{color:#007faa}.hljs-keyword,.hljs-selector-tag{color:#7928a1}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/agate.css b/apps/documentation/lib/highlight.js/styles/agate.css
new file mode 100644
index 00000000..8da57406
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/agate.css
@@ -0,0 +1,127 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+   Theme: Agate
+   Author: (c) Taufik Nurrohman <hi@taufik-nurrohman.com>
+   Maintainer: @taufik-nurrohman
+   Updated: 2021-04-24
+
+   #333
+   #62c8f3
+   #7bd694
+   #888
+   #a2fca2
+   #ade5fc
+   #b8d8a2
+   #c6b4f0
+   #d36363
+   #fc9b9b
+   #fcc28c
+   #ffa
+   #fff
+*/
+.hljs {
+  background: #333;
+  color: #fff
+}
+.hljs-doctag,
+.hljs-meta-keyword,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-code,
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-section,
+.hljs-tag {
+  color: #62c8f3
+}
+.hljs-selector-class,
+.hljs-selector-id,
+.hljs-template-variable,
+.hljs-variable {
+  color: #ade5fc
+}
+.hljs-meta-string,
+.hljs-string {
+  color: #a2fca2
+}
+.hljs-attr,
+.hljs-quote,
+.hljs-selector-attr {
+  color: #7bd694
+}
+.hljs-tag .hljs-attr {
+  color: inherit
+}
+.hljs-attribute,
+.hljs-title,
+.hljs-type {
+  color: #ffa
+}
+.hljs-number,
+.hljs-symbol {
+  color: #d36363
+}
+.hljs-bullet,
+.hljs-template-tag {
+  color: #b8d8a2
+}
+.hljs-built_in,
+.hljs-keyword,
+.hljs-literal,
+.hljs-selector-tag {
+  color: #fcc28c
+}
+.hljs-code,
+.hljs-comment,
+.hljs-formula {
+  color: #888
+}
+.hljs-link,
+.hljs-selector-pseudo,
+.hljs-regexp {
+  color: #c6b4f0
+}
+.hljs-meta {
+  color: #fc9b9b
+}
+.hljs-deletion {
+  background: #fc9b9b;
+  color: #333
+}
+.hljs-addition {
+  background: #a2fca2;
+  color: #333
+}
+/* Purposely ignored */
+.hljs-operator,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation {
+  
+}
+.hljs-subst {
+  color: #fff
+}
+/* This applies only if HTML auto-merging plugin is enabled by user (#2889) */
+.hljs a {
+  color: inherit
+}
+.hljs a:focus,
+.hljs a:hover {
+  color: inherit;
+  text-decoration: underline
+}
+.hljs mark {
+  background: #555;
+  color: inherit
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/agate.min.css b/apps/documentation/lib/highlight.js/styles/agate.min.css
new file mode 100644
index 00000000..bdbeed4e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/agate.min.css
@@ -0,0 +1,20 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+   Theme: Agate
+   Author: (c) Taufik Nurrohman <hi@taufik-nurrohman.com>
+   Maintainer: @taufik-nurrohman
+   Updated: 2021-04-24
+
+   #333
+   #62c8f3
+   #7bd694
+   #888
+   #a2fca2
+   #ade5fc
+   #b8d8a2
+   #c6b4f0
+   #d36363
+   #fc9b9b
+   #fcc28c
+   #ffa
+   #fff
+*/.hljs{background:#333;color:#fff}.hljs-doctag,.hljs-meta-keyword,.hljs-name,.hljs-strong{font-weight:700}.hljs-code,.hljs-emphasis{font-style:italic}.hljs-section,.hljs-tag{color:#62c8f3}.hljs-selector-class,.hljs-selector-id,.hljs-template-variable,.hljs-variable{color:#ade5fc}.hljs-meta-string,.hljs-string{color:#a2fca2}.hljs-attr,.hljs-quote,.hljs-selector-attr{color:#7bd694}.hljs-tag .hljs-attr{color:inherit}.hljs-attribute,.hljs-title,.hljs-type{color:#ffa}.hljs-number,.hljs-symbol{color:#d36363}.hljs-bullet,.hljs-template-tag{color:#b8d8a2}.hljs-built_in,.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#fcc28c}.hljs-code,.hljs-comment,.hljs-formula{color:#888}.hljs-link,.hljs-regexp,.hljs-selector-pseudo{color:#c6b4f0}.hljs-meta{color:#fc9b9b}.hljs-deletion{background:#fc9b9b;color:#333}.hljs-addition{background:#a2fca2;color:#333}.hljs-subst{color:#fff}.hljs a{color:inherit}.hljs a:focus,.hljs a:hover{color:inherit;text-decoration:underline}.hljs mark{background:#555;color:inherit}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/an-old-hope.css b/apps/documentation/lib/highlight.js/styles/an-old-hope.css
new file mode 100644
index 00000000..6ecfe539
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/an-old-hope.css
@@ -0,0 +1,75 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: An Old Hope – Star Wars Syntax
+  Author: (c) Gustavo Costa <gusbemacbe@gmail.com>
+  Maintainer: @gusbemacbe
+
+  Original theme - Ocean Dark Theme – by https://github.com/gavsiu
+  Based on Jesse Leite's Atom syntax theme 'An Old Hope'
+    https://github.com/JesseLeite/an-old-hope-syntax-atom
+*/
+/* Millenium Falcon */
+.hljs {
+  background: #1C1D21;
+  color: #c0c5ce
+}
+/* Death Star Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #B6B18B
+}
+/* Darth Vader */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #EB3C54
+}
+/* Threepio */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #E7CE56
+}
+/* Luke Skywalker */
+.hljs-attribute {
+  color: #EE7C2B
+}
+/* Obi Wan Kenobi */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #4FB4D7
+}
+/* Yoda */
+.hljs-title,
+.hljs-section {
+  color: #78BB65
+}
+/* Mace Windu */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #B45EA4
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/an-old-hope.min.css b/apps/documentation/lib/highlight.js/styles/an-old-hope.min.css
new file mode 100644
index 00000000..ffc7f8c7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/an-old-hope.min.css
@@ -0,0 +1,9 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: An Old Hope – Star Wars Syntax
+  Author: (c) Gustavo Costa <gusbemacbe@gmail.com>
+  Maintainer: @gusbemacbe
+
+  Original theme - Ocean Dark Theme – by https://github.com/gavsiu
+  Based on Jesse Leite's Atom syntax theme 'An Old Hope'
+    https://github.com/JesseLeite/an-old-hope-syntax-atom
+*/.hljs{background:#1c1d21;color:#c0c5ce}.hljs-comment,.hljs-quote{color:#b6b18b}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#eb3c54}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#e7ce56}.hljs-attribute{color:#ee7c2b}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#4fb4d7}.hljs-section,.hljs-title{color:#78bb65}.hljs-keyword,.hljs-selector-tag{color:#b45ea4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/androidstudio.css b/apps/documentation/lib/highlight.js/styles/androidstudio.css
new file mode 100644
index 00000000..979dad2f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/androidstudio.css
@@ -0,0 +1,60 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Date: 24 Fev 2015
+Author: Pedro Oliveira <kanytu@gmail . com>
+*/
+.hljs {
+  color: #a9b7c6;
+  background: #282b2e
+}
+.hljs-number,
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet {
+  color: #6897BB
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-deletion {
+  color: #cc7832
+}
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link {
+  color: #629755
+}
+.hljs-comment,
+.hljs-quote {
+  color: #808080
+}
+.hljs-meta {
+  color: #bbb529
+}
+.hljs-string,
+.hljs-attribute,
+.hljs-addition {
+  color: #6A8759
+}
+.hljs-section,
+.hljs-title,
+.hljs-type {
+  color: #ffc66d
+}
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #e8bf6a
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/androidstudio.min.css b/apps/documentation/lib/highlight.js/styles/androidstudio.min.css
new file mode 100644
index 00000000..7fbe7836
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/androidstudio.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a9b7c6;background:#282b2e}.hljs-bullet,.hljs-literal,.hljs-number,.hljs-symbol{color:#6897bb}.hljs-deletion,.hljs-keyword,.hljs-selector-tag{color:#cc7832}.hljs-link,.hljs-template-variable,.hljs-variable{color:#629755}.hljs-comment,.hljs-quote{color:grey}.hljs-meta{color:#bbb529}.hljs-addition,.hljs-attribute,.hljs-string{color:#6a8759}.hljs-section,.hljs-title,.hljs-type{color:#ffc66d}.hljs-name,.hljs-selector-class,.hljs-selector-id{color:#e8bf6a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/arduino-light.css b/apps/documentation/lib/highlight.js/styles/arduino-light.css
new file mode 100644
index 00000000..743ce349
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/arduino-light.css
@@ -0,0 +1,78 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Arduino® Light Theme - Stefania Mellai <s.mellai@arduino.cc>
+
+*/
+.hljs {
+  background: white;
+  color: #434f54
+}
+.hljs-subst {
+  color: #434f54
+}
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-doctag,
+.hljs-name {
+  color: #00979D
+}
+.hljs-built_in,
+.hljs-literal,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #D35400
+}
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #00979D
+}
+.hljs-type,
+.hljs-string,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #005C5F
+}
+.hljs-comment {
+  color: rgba(149,165,166,.8)
+}
+.hljs-meta .hljs-keyword {
+  color: #728E00
+}
+.hljs-meta {
+  color: #434f54
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-function {
+  color: #728E00
+}
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold
+}
+.hljs-number {
+  color: #8A7B52
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/arduino-light.min.css b/apps/documentation/lib/highlight.js/styles/arduino-light.min.css
new file mode 100644
index 00000000..cadb1305
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/arduino-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#434f54}.hljs-subst{color:#434f54}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#00979d}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code,.hljs-literal{color:#d35400}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#00979d}.hljs-deletion,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#005c5f}.hljs-comment{color:rgba(149,165,166,.8)}.hljs-meta .hljs-keyword{color:#728e00}.hljs-meta{color:#434f54}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-function{color:#728e00}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-number{color:#8a7b52}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/arta.css b/apps/documentation/lib/highlight.js/styles/arta.css
new file mode 100644
index 00000000..98a5b2b6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/arta.css
@@ -0,0 +1,66 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Date: 17.V.2011
+Author: pumbur <pumbur@pumbur.net>
+*/
+.hljs {
+  background: #222;
+  color: #aaa
+}
+.hljs-subst {
+  color: #aaa
+}
+.hljs-section {
+  color: #fff
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-meta {
+  color: #444
+}
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-regexp {
+  color: #ffcc33
+}
+.hljs-number,
+.hljs-addition {
+  color: #00cc66
+}
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-template-variable,
+.hljs-attribute,
+.hljs-link {
+  color: #32aaee
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #6644aa
+}
+.hljs-title,
+.hljs-variable,
+.hljs-deletion,
+.hljs-template-tag {
+  color: #bb1166
+}
+.hljs-section,
+.hljs-doctag,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/arta.min.css b/apps/documentation/lib/highlight.js/styles/arta.min.css
new file mode 100644
index 00000000..8dcdc74b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/arta.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#222;color:#aaa}.hljs-subst{color:#aaa}.hljs-section{color:#fff}.hljs-comment,.hljs-meta,.hljs-quote{color:#444}.hljs-bullet,.hljs-regexp,.hljs-string,.hljs-symbol{color:#fc3}.hljs-addition,.hljs-number{color:#0c6}.hljs-attribute,.hljs-built_in,.hljs-link,.hljs-literal,.hljs-template-variable,.hljs-type{color:#32aaee}.hljs-keyword,.hljs-name,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag{color:#64a}.hljs-deletion,.hljs-template-tag,.hljs-title,.hljs-variable{color:#b16}.hljs-doctag,.hljs-section,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/ascetic.css b/apps/documentation/lib/highlight.js/styles/ascetic.css
new file mode 100644
index 00000000..27a4dbe7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/ascetic.css
@@ -0,0 +1,45 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
+
+*/
+.hljs {
+  background: white;
+  color: black
+}
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-section,
+.hljs-addition,
+.hljs-attribute,
+.hljs-link {
+  color: #888
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-meta,
+.hljs-deletion {
+  color: #ccc
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-section,
+.hljs-name,
+.hljs-type,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/ascetic.min.css b/apps/documentation/lib/highlight.js/styles/ascetic.min.css
new file mode 100644
index 00000000..3c9fe03c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/ascetic.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.hljs-addition,.hljs-attribute,.hljs-bullet,.hljs-link,.hljs-section,.hljs-string,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#888}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#ccc}.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-type{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/atom-one-dark-reasonable.css b/apps/documentation/lib/highlight.js/styles/atom-one-dark-reasonable.css
new file mode 100644
index 00000000..ccfab911
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/atom-one-dark-reasonable.css
@@ -0,0 +1,105 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Atom One Dark With support for ReasonML by Gidi Morris, based off work by Daniel Gamage
+
+Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
+
+*/
+.hljs {
+  color: #abb2bf;
+  background: #282c34
+}
+.hljs-keyword,
+.hljs-operator {
+  color: #F92672
+}
+.hljs-pattern-match {
+  color: #F92672
+}
+.hljs-pattern-match .hljs-constructor {
+  color: #61aeee
+}
+.hljs-function {
+  color: #61aeee
+}
+.hljs-function .hljs-params {
+  color: #A6E22E
+}
+.hljs-function .hljs-params .hljs-typing {
+  color: #FD971F
+}
+.hljs-module-access .hljs-module {
+  color: #7e57c2
+}
+.hljs-constructor {
+  color: #e2b93d
+}
+.hljs-constructor .hljs-string {
+  color: #9CCC65
+}
+.hljs-comment,
+.hljs-quote {
+  color: #b18eb1;
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-formula {
+  color: #c678dd
+}
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #e06c75
+}
+.hljs-literal {
+  color: #56b6c2
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta .hljs-string {
+  color: #98c379
+}
+.hljs-built_in,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #e6c07b
+}
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #d19a66
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+  color: #61aeee
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/atom-one-dark-reasonable.min.css b/apps/documentation/lib/highlight.js/styles/atom-one-dark-reasonable.min.css
new file mode 100644
index 00000000..9296216e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/atom-one-dark-reasonable.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-keyword,.hljs-operator,.hljs-pattern-match{color:#f92672}.hljs-function,.hljs-pattern-match .hljs-constructor{color:#61aeee}.hljs-function .hljs-params{color:#a6e22e}.hljs-function .hljs-params .hljs-typing{color:#fd971f}.hljs-module-access .hljs-module{color:#7e57c2}.hljs-constructor{color:#e2b93d}.hljs-constructor .hljs-string{color:#9ccc65}.hljs-comment,.hljs-quote{color:#b18eb1;font-style:italic}.hljs-doctag,.hljs-formula{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/atom-one-dark.css b/apps/documentation/lib/highlight.js/styles/atom-one-dark.css
new file mode 100644
index 00000000..3c51ce68
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/atom-one-dark.css
@@ -0,0 +1,90 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Atom One Dark by Daniel Gamage
+Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
+
+base:    #282c34
+mono-1:  #abb2bf
+mono-2:  #818896
+mono-3:  #5c6370
+hue-1:   #56b6c2
+hue-2:   #61aeee
+hue-3:   #c678dd
+hue-4:   #98c379
+hue-5:   #e06c75
+hue-5-2: #be5046
+hue-6:   #d19a66
+hue-6-2: #e6c07b
+
+*/
+.hljs {
+  color: #abb2bf;
+  background: #282c34
+}
+.hljs-comment,
+.hljs-quote {
+  color: #5c6370;
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+  color: #c678dd
+}
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #e06c75
+}
+.hljs-literal {
+  color: #56b6c2
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta .hljs-string {
+  color: #98c379
+}
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #d19a66
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+  color: #61aeee
+}
+.hljs-built_in,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #e6c07b
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/atom-one-dark.min.css b/apps/documentation/lib/highlight.js/styles/atom-one-dark.min.css
new file mode 100644
index 00000000..5344ee38
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/atom-one-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/atom-one-light.css b/apps/documentation/lib/highlight.js/styles/atom-one-light.css
new file mode 100644
index 00000000..26dd7ec0
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/atom-one-light.css
@@ -0,0 +1,90 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Atom One Light by Daniel Gamage
+Original One Light Syntax theme from https://github.com/atom/one-light-syntax
+
+base:    #fafafa
+mono-1:  #383a42
+mono-2:  #686b77
+mono-3:  #a0a1a7
+hue-1:   #0184bb
+hue-2:   #4078f2
+hue-3:   #a626a4
+hue-4:   #50a14f
+hue-5:   #e45649
+hue-5-2: #c91243
+hue-6:   #986801
+hue-6-2: #c18401
+
+*/
+.hljs {
+  color: #383a42;
+  background: #fafafa
+}
+.hljs-comment,
+.hljs-quote {
+  color: #a0a1a7;
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+  color: #a626a4
+}
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #e45649
+}
+.hljs-literal {
+  color: #0184bb
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta .hljs-string {
+  color: #50a14f
+}
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #986801
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+  color: #4078f2
+}
+.hljs-built_in,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #c18401
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/atom-one-light.min.css b/apps/documentation/lib/highlight.js/styles/atom-one-light.min.css
new file mode 100644
index 00000000..df0268a9
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/atom-one-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/3024.css b/apps/documentation/lib/highlight.js/styles/base16/3024.css
new file mode 100644
index 00000000..b7f4ea3c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/3024.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: 3024
+  Author: Jan T. Sott (http://github.com/idleberg)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme 3024
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #090300  Default Background
+base01  #3a3432  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4a4543  Selection Background
+base03  #5c5855  Comments, Invisibles, Line Highlighting
+base04  #807d7c  Dark Foreground (Used for status bars)
+base05  #a5a2a2  Default Foreground, Caret, Delimiters, Operators
+base06  #d6d5d4  Light Foreground (Not often used)
+base07  #f7f7f7  Light Background (Not often used)
+base08  #db2d20  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #e8bbd0  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fded02  Classes, Markup Bold, Search Text Background
+base0B  #01a252  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #b5e4f4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #01a0e4  Functions, Methods, Attribute IDs, Headings
+base0E  #a16a94  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #cdab53  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a5a2a2;
+  background: #090300
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4a4543;
+  color: #a5a2a2
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5c5855 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5c5855
+}
+/* base04 - #807d7c -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #807d7c
+}
+/* base05 - #a5a2a2 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a5a2a2
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #db2d20
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #e8bbd0
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fded02
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fded02
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #01a252
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #b5e4f4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #01a0e4
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a16a94
+}
+.hljs-emphasis {
+  color: #a16a94;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #cdab53
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/3024.min.css b/apps/documentation/lib/highlight.js/styles/base16/3024.min.css
new file mode 100644
index 00000000..55cff403
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/3024.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: 3024
+  Author: Jan T. Sott (http://github.com/idleberg)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a5a2a2;background:#090300}.hljs ::selection,.hljs::selection{background-color:#4a4543;color:#a5a2a2}.hljs-comment{color:#5c5855}.hljs-tag{color:#807d7c}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a5a2a2}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#db2d20}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e8bbd0}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fded02}.hljs-strong{font-weight:700;color:#fded02}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#01a252}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#b5e4f4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#01a0e4}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a16a94}.hljs-emphasis{color:#a16a94;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#cdab53}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/apathy.css b/apps/documentation/lib/highlight.js/styles/base16/apathy.css
new file mode 100644
index 00000000..7aa2b7bd
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/apathy.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Apathy
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme apathy
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #031A16  Default Background
+base01  #0B342D  Lighter Background (Used for status bars, line number and folding marks)
+base02  #184E45  Selection Background
+base03  #2B685E  Comments, Invisibles, Line Highlighting
+base04  #5F9C92  Dark Foreground (Used for status bars)
+base05  #81B5AC  Default Foreground, Caret, Delimiters, Operators
+base06  #A7CEC8  Light Foreground (Not often used)
+base07  #D2E7E4  Light Background (Not often used)
+base08  #3E9688  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #3E7996  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #3E4C96  Classes, Markup Bold, Search Text Background
+base0B  #883E96  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #963E4C  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #96883E  Functions, Methods, Attribute IDs, Headings
+base0E  #4C963E  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #3E965B  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #81B5AC;
+  background: #031A16
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #184E45;
+  color: #81B5AC
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #2B685E -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #2B685E
+}
+/* base04 - #5F9C92 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5F9C92
+}
+/* base05 - #81B5AC -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #81B5AC
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #3E9688
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #3E7996
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #3E4C96
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #3E4C96
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #883E96
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #963E4C
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #96883E
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #4C963E
+}
+.hljs-emphasis {
+  color: #4C963E;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #3E965B
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/apathy.min.css b/apps/documentation/lib/highlight.js/styles/base16/apathy.min.css
new file mode 100644
index 00000000..44368e64
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/apathy.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Apathy
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#81b5ac;background:#031a16}.hljs ::selection,.hljs::selection{background-color:#184e45;color:#81b5ac}.hljs-comment{color:#2b685e}.hljs-tag{color:#5f9c92}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#81b5ac}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#3e9688}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#3e7996}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#3e4c96}.hljs-strong{font-weight:700;color:#3e4c96}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#883e96}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#963e4c}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#96883e}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#4c963e}.hljs-emphasis{color:#4c963e;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#3e965b}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/apprentice.css b/apps/documentation/lib/highlight.js/styles/base16/apprentice.css
new file mode 100644
index 00000000..6f92cfd4
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/apprentice.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Apprentice
+  Author: romainl
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme apprentice
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #262626  Default Background
+base01  #303030  Lighter Background (Used for status bars, line number and folding marks)
+base02  #333333  Selection Background
+base03  #6C6C6C  Comments, Invisibles, Line Highlighting
+base04  #787878  Dark Foreground (Used for status bars)
+base05  #BCBCBC  Default Foreground, Caret, Delimiters, Operators
+base06  #C9C9C9  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #5F8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #FF8700  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #5F8787  Classes, Markup Bold, Search Text Background
+base0B  #87AF87  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5F875F  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #FFFFAF  Functions, Methods, Attribute IDs, Headings
+base0E  #87AFD7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #5F87AF  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #BCBCBC;
+  background: #262626
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #333333;
+  color: #BCBCBC
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6C6C6C -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6C6C6C
+}
+/* base04 - #787878 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #787878
+}
+/* base05 - #BCBCBC -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #BCBCBC
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5F8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #FF8700
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #5F8787
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #5F8787
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #87AF87
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5F875F
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #FFFFAF
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #87AFD7
+}
+.hljs-emphasis {
+  color: #87AFD7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #5F87AF
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/apprentice.min.css b/apps/documentation/lib/highlight.js/styles/base16/apprentice.min.css
new file mode 100644
index 00000000..00dc982b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/apprentice.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Apprentice
+  Author: romainl
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#bcbcbc;background:#262626}.hljs ::selection,.hljs::selection{background-color:#333;color:#bcbcbc}.hljs-comment{color:#6c6c6c}.hljs-tag{color:#787878}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#bcbcbc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff8700}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#5f8787}.hljs-strong{font-weight:700;color:#5f8787}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#87af87}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5f875f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#ffffaf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#87afd7}.hljs-emphasis{color:#87afd7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5f87af}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ashes.css b/apps/documentation/lib/highlight.js/styles/base16/ashes.css
new file mode 100644
index 00000000..84a6ab4b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ashes.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Ashes
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ashes
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1C2023  Default Background
+base01  #393F45  Lighter Background (Used for status bars, line number and folding marks)
+base02  #565E65  Selection Background
+base03  #747C84  Comments, Invisibles, Line Highlighting
+base04  #ADB3BA  Dark Foreground (Used for status bars)
+base05  #C7CCD1  Default Foreground, Caret, Delimiters, Operators
+base06  #DFE2E5  Light Foreground (Not often used)
+base07  #F3F4F5  Light Background (Not often used)
+base08  #C7AE95  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #C7C795  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #AEC795  Classes, Markup Bold, Search Text Background
+base0B  #95C7AE  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #95AEC7  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #AE95C7  Functions, Methods, Attribute IDs, Headings
+base0E  #C795AE  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #C79595  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #C7CCD1;
+  background: #1C2023
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #565E65;
+  color: #C7CCD1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #747C84 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #747C84
+}
+/* base04 - #ADB3BA -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #ADB3BA
+}
+/* base05 - #C7CCD1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #C7CCD1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #C7AE95
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #C7C795
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #AEC795
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #AEC795
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #95C7AE
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #95AEC7
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #AE95C7
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #C795AE
+}
+.hljs-emphasis {
+  color: #C795AE;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #C79595
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ashes.min.css b/apps/documentation/lib/highlight.js/styles/base16/ashes.min.css
new file mode 100644
index 00000000..4403f21a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ashes.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Ashes
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c7ccd1;background:#1c2023}.hljs ::selection,.hljs::selection{background-color:#565e65;color:#c7ccd1}.hljs-comment{color:#747c84}.hljs-tag{color:#adb3ba}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c7ccd1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c7ae95}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#c7c795}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#aec795}.hljs-strong{font-weight:700;color:#aec795}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#95c7ae}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#95aec7}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#ae95c7}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c795ae}.hljs-emphasis{color:#c795ae;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c79595}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-cave-light.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-cave-light.css
new file mode 100644
index 00000000..d38a6797
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-cave-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Cave Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-cave-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #efecf4  Default Background
+base01  #e2dfe7  Lighter Background (Used for status bars, line number and folding marks)
+base02  #8b8792  Selection Background
+base03  #7e7887  Comments, Invisibles, Line Highlighting
+base04  #655f6d  Dark Foreground (Used for status bars)
+base05  #585260  Default Foreground, Caret, Delimiters, Operators
+base06  #26232a  Light Foreground (Not often used)
+base07  #19171c  Light Background (Not often used)
+base08  #be4678  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aa573c  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a06e3b  Classes, Markup Bold, Search Text Background
+base0B  #2a9292  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #398bc6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #576ddb  Functions, Methods, Attribute IDs, Headings
+base0E  #955ae7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bf40bf  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #585260;
+  background: #efecf4
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #8b8792;
+  color: #585260
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7e7887 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7e7887
+}
+/* base04 - #655f6d -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #655f6d
+}
+/* base05 - #585260 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #585260
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #be4678
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aa573c
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a06e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a06e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #2a9292
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #398bc6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #576ddb
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #955ae7
+}
+.hljs-emphasis {
+  color: #955ae7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bf40bf
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-cave-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-cave-light.min.css
new file mode 100644
index 00000000..25fcdf47
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-cave-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Cave Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#585260;background:#efecf4}.hljs ::selection,.hljs::selection{background-color:#8b8792;color:#585260}.hljs-comment{color:#7e7887}.hljs-tag{color:#655f6d}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#585260}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#be4678}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aa573c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a06e3b}.hljs-strong{font-weight:700;color:#a06e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#2a9292}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#398bc6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#576ddb}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#955ae7}.hljs-emphasis{color:#955ae7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bf40bf}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-cave.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-cave.css
new file mode 100644
index 00000000..74374e32
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-cave.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Cave
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-cave
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #19171c  Default Background
+base01  #26232a  Lighter Background (Used for status bars, line number and folding marks)
+base02  #585260  Selection Background
+base03  #655f6d  Comments, Invisibles, Line Highlighting
+base04  #7e7887  Dark Foreground (Used for status bars)
+base05  #8b8792  Default Foreground, Caret, Delimiters, Operators
+base06  #e2dfe7  Light Foreground (Not often used)
+base07  #efecf4  Light Background (Not often used)
+base08  #be4678  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aa573c  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a06e3b  Classes, Markup Bold, Search Text Background
+base0B  #2a9292  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #398bc6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #576ddb  Functions, Methods, Attribute IDs, Headings
+base0E  #955ae7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bf40bf  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #8b8792;
+  background: #19171c
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #585260;
+  color: #8b8792
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #655f6d -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #655f6d
+}
+/* base04 - #7e7887 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e7887
+}
+/* base05 - #8b8792 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #8b8792
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #be4678
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aa573c
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a06e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a06e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #2a9292
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #398bc6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #576ddb
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #955ae7
+}
+.hljs-emphasis {
+  color: #955ae7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bf40bf
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-cave.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-cave.min.css
new file mode 100644
index 00000000..e51fe0ad
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-cave.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Cave
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#8b8792;background:#19171c}.hljs ::selection,.hljs::selection{background-color:#585260;color:#8b8792}.hljs-comment{color:#655f6d}.hljs-tag{color:#7e7887}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#8b8792}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#be4678}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aa573c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a06e3b}.hljs-strong{font-weight:700;color:#a06e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#2a9292}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#398bc6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#576ddb}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#955ae7}.hljs-emphasis{color:#955ae7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bf40bf}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-dune-light.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-dune-light.css
new file mode 100644
index 00000000..7a1123e0
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-dune-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Dune Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-dune-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fefbec  Default Background
+base01  #e8e4cf  Lighter Background (Used for status bars, line number and folding marks)
+base02  #a6a28c  Selection Background
+base03  #999580  Comments, Invisibles, Line Highlighting
+base04  #7d7a68  Dark Foreground (Used for status bars)
+base05  #6e6b5e  Default Foreground, Caret, Delimiters, Operators
+base06  #292824  Light Foreground (Not often used)
+base07  #20201d  Light Background (Not often used)
+base08  #d73737  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b65611  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ae9513  Classes, Markup Bold, Search Text Background
+base0B  #60ac39  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1fad83  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6684e1  Functions, Methods, Attribute IDs, Headings
+base0E  #b854d4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d43552  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #6e6b5e;
+  background: #fefbec
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #a6a28c;
+  color: #6e6b5e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #999580 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #999580
+}
+/* base04 - #7d7a68 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7d7a68
+}
+/* base05 - #6e6b5e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #6e6b5e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d73737
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b65611
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ae9513
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ae9513
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #60ac39
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1fad83
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6684e1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b854d4
+}
+.hljs-emphasis {
+  color: #b854d4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d43552
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-dune-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-dune-light.min.css
new file mode 100644
index 00000000..f310ce1e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-dune-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Dune Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#6e6b5e;background:#fefbec}.hljs ::selection,.hljs::selection{background-color:#a6a28c;color:#6e6b5e}.hljs-comment{color:#999580}.hljs-tag{color:#7d7a68}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#6e6b5e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d73737}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b65611}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ae9513}.hljs-strong{font-weight:700;color:#ae9513}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#60ac39}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1fad83}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6684e1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b854d4}.hljs-emphasis{color:#b854d4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d43552}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-dune.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-dune.css
new file mode 100644
index 00000000..d3b33882
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-dune.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Dune
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-dune
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #20201d  Default Background
+base01  #292824  Lighter Background (Used for status bars, line number and folding marks)
+base02  #6e6b5e  Selection Background
+base03  #7d7a68  Comments, Invisibles, Line Highlighting
+base04  #999580  Dark Foreground (Used for status bars)
+base05  #a6a28c  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e4cf  Light Foreground (Not often used)
+base07  #fefbec  Light Background (Not often used)
+base08  #d73737  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b65611  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ae9513  Classes, Markup Bold, Search Text Background
+base0B  #60ac39  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1fad83  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6684e1  Functions, Methods, Attribute IDs, Headings
+base0E  #b854d4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d43552  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a6a28c;
+  background: #20201d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #6e6b5e;
+  color: #a6a28c
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7d7a68 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7d7a68
+}
+/* base04 - #999580 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999580
+}
+/* base05 - #a6a28c -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a6a28c
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d73737
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b65611
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ae9513
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ae9513
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #60ac39
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1fad83
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6684e1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b854d4
+}
+.hljs-emphasis {
+  color: #b854d4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d43552
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-dune.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-dune.min.css
new file mode 100644
index 00000000..05b260cc
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-dune.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Dune
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a6a28c;background:#20201d}.hljs ::selection,.hljs::selection{background-color:#6e6b5e;color:#a6a28c}.hljs-comment{color:#7d7a68}.hljs-tag{color:#999580}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a6a28c}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d73737}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b65611}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ae9513}.hljs-strong{font-weight:700;color:#ae9513}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#60ac39}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1fad83}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6684e1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b854d4}.hljs-emphasis{color:#b854d4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d43552}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-estuary-light.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-estuary-light.css
new file mode 100644
index 00000000..02128ac7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-estuary-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Estuary Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-estuary-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f4f3ec  Default Background
+base01  #e7e6df  Lighter Background (Used for status bars, line number and folding marks)
+base02  #929181  Selection Background
+base03  #878573  Comments, Invisibles, Line Highlighting
+base04  #6c6b5a  Dark Foreground (Used for status bars)
+base05  #5f5e4e  Default Foreground, Caret, Delimiters, Operators
+base06  #302f27  Light Foreground (Not often used)
+base07  #22221b  Light Background (Not often used)
+base08  #ba6236  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ae7313  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a5980d  Classes, Markup Bold, Search Text Background
+base0B  #7d9726  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5b9d48  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #36a166  Functions, Methods, Attribute IDs, Headings
+base0E  #5f9182  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #9d6c7c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5f5e4e;
+  background: #f4f3ec
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #929181;
+  color: #5f5e4e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #878573 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #878573
+}
+/* base04 - #6c6b5a -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #6c6b5a
+}
+/* base05 - #5f5e4e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5f5e4e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ba6236
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ae7313
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a5980d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a5980d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7d9726
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5b9d48
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #36a166
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #5f9182
+}
+.hljs-emphasis {
+  color: #5f9182;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #9d6c7c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-estuary-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-estuary-light.min.css
new file mode 100644
index 00000000..90f8be40
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-estuary-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Estuary Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5f5e4e;background:#f4f3ec}.hljs ::selection,.hljs::selection{background-color:#929181;color:#5f5e4e}.hljs-comment{color:#878573}.hljs-tag{color:#6c6b5a}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5f5e4e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ba6236}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ae7313}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a5980d}.hljs-strong{font-weight:700;color:#a5980d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7d9726}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5b9d48}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#36a166}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#5f9182}.hljs-emphasis{color:#5f9182;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#9d6c7c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-estuary.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-estuary.css
new file mode 100644
index 00000000..07e1506b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-estuary.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Estuary
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-estuary
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #22221b  Default Background
+base01  #302f27  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5f5e4e  Selection Background
+base03  #6c6b5a  Comments, Invisibles, Line Highlighting
+base04  #878573  Dark Foreground (Used for status bars)
+base05  #929181  Default Foreground, Caret, Delimiters, Operators
+base06  #e7e6df  Light Foreground (Not often used)
+base07  #f4f3ec  Light Background (Not often used)
+base08  #ba6236  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ae7313  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a5980d  Classes, Markup Bold, Search Text Background
+base0B  #7d9726  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5b9d48  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #36a166  Functions, Methods, Attribute IDs, Headings
+base0E  #5f9182  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #9d6c7c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #929181;
+  background: #22221b
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5f5e4e;
+  color: #929181
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6c6b5a -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6c6b5a
+}
+/* base04 - #878573 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #878573
+}
+/* base05 - #929181 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #929181
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ba6236
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ae7313
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a5980d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a5980d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7d9726
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5b9d48
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #36a166
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #5f9182
+}
+.hljs-emphasis {
+  color: #5f9182;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #9d6c7c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-estuary.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-estuary.min.css
new file mode 100644
index 00000000..b088f77c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-estuary.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Estuary
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#929181;background:#22221b}.hljs ::selection,.hljs::selection{background-color:#5f5e4e;color:#929181}.hljs-comment{color:#6c6b5a}.hljs-tag{color:#878573}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#929181}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ba6236}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ae7313}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a5980d}.hljs-strong{font-weight:700;color:#a5980d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7d9726}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5b9d48}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#36a166}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#5f9182}.hljs-emphasis{color:#5f9182;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#9d6c7c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-forest-light.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-forest-light.css
new file mode 100644
index 00000000..ecff4512
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-forest-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Forest Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-forest-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f1efee  Default Background
+base01  #e6e2e0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #a8a19f  Selection Background
+base03  #9c9491  Comments, Invisibles, Line Highlighting
+base04  #766e6b  Dark Foreground (Used for status bars)
+base05  #68615e  Default Foreground, Caret, Delimiters, Operators
+base06  #2c2421  Light Foreground (Not often used)
+base07  #1b1918  Light Background (Not often used)
+base08  #f22c40  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #df5320  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c38418  Classes, Markup Bold, Search Text Background
+base0B  #7b9726  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3d97b8  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #407ee7  Functions, Methods, Attribute IDs, Headings
+base0E  #6666ea  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c33ff3  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #68615e;
+  background: #f1efee
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #a8a19f;
+  color: #68615e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #9c9491 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #9c9491
+}
+/* base04 - #766e6b -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #766e6b
+}
+/* base05 - #68615e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #68615e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f22c40
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #df5320
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c38418
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c38418
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7b9726
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3d97b8
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #407ee7
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6666ea
+}
+.hljs-emphasis {
+  color: #6666ea;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c33ff3
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-forest-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-forest-light.min.css
new file mode 100644
index 00000000..a54242da
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-forest-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Forest Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#68615e;background:#f1efee}.hljs ::selection,.hljs::selection{background-color:#a8a19f;color:#68615e}.hljs-comment{color:#9c9491}.hljs-tag{color:#766e6b}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#68615e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f22c40}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#df5320}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c38418}.hljs-strong{font-weight:700;color:#c38418}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7b9726}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#3d97b8}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#407ee7}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6666ea}.hljs-emphasis{color:#6666ea;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c33ff3}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-forest.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-forest.css
new file mode 100644
index 00000000..3ab07bee
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-forest.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Forest
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-forest
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1b1918  Default Background
+base01  #2c2421  Lighter Background (Used for status bars, line number and folding marks)
+base02  #68615e  Selection Background
+base03  #766e6b  Comments, Invisibles, Line Highlighting
+base04  #9c9491  Dark Foreground (Used for status bars)
+base05  #a8a19f  Default Foreground, Caret, Delimiters, Operators
+base06  #e6e2e0  Light Foreground (Not often used)
+base07  #f1efee  Light Background (Not often used)
+base08  #f22c40  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #df5320  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c38418  Classes, Markup Bold, Search Text Background
+base0B  #7b9726  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3d97b8  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #407ee7  Functions, Methods, Attribute IDs, Headings
+base0E  #6666ea  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c33ff3  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a8a19f;
+  background: #1b1918
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #68615e;
+  color: #a8a19f
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #766e6b -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #766e6b
+}
+/* base04 - #9c9491 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9c9491
+}
+/* base05 - #a8a19f -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a8a19f
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f22c40
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #df5320
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c38418
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c38418
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7b9726
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3d97b8
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #407ee7
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6666ea
+}
+.hljs-emphasis {
+  color: #6666ea;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c33ff3
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-forest.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-forest.min.css
new file mode 100644
index 00000000..e6ca2d55
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-forest.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Forest
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a8a19f;background:#1b1918}.hljs ::selection,.hljs::selection{background-color:#68615e;color:#a8a19f}.hljs-comment{color:#766e6b}.hljs-tag{color:#9c9491}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a8a19f}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f22c40}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#df5320}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c38418}.hljs-strong{font-weight:700;color:#c38418}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7b9726}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#3d97b8}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#407ee7}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6666ea}.hljs-emphasis{color:#6666ea;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c33ff3}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-heath-light.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-heath-light.css
new file mode 100644
index 00000000..4add1084
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-heath-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Heath Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-heath-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f7f3f7  Default Background
+base01  #d8cad8  Lighter Background (Used for status bars, line number and folding marks)
+base02  #ab9bab  Selection Background
+base03  #9e8f9e  Comments, Invisibles, Line Highlighting
+base04  #776977  Dark Foreground (Used for status bars)
+base05  #695d69  Default Foreground, Caret, Delimiters, Operators
+base06  #292329  Light Foreground (Not often used)
+base07  #1b181b  Light Background (Not often used)
+base08  #ca402b  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #a65926  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #bb8a35  Classes, Markup Bold, Search Text Background
+base0B  #918b3b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #159393  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #516aec  Functions, Methods, Attribute IDs, Headings
+base0E  #7b59c0  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #cc33cc  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #695d69;
+  background: #f7f3f7
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #ab9bab;
+  color: #695d69
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #9e8f9e -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #9e8f9e
+}
+/* base04 - #776977 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #776977
+}
+/* base05 - #695d69 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #695d69
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ca402b
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #a65926
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #bb8a35
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #bb8a35
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #918b3b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #159393
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #516aec
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #7b59c0
+}
+.hljs-emphasis {
+  color: #7b59c0;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #cc33cc
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-heath-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-heath-light.min.css
new file mode 100644
index 00000000..dc38ca0c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-heath-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Heath Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#695d69;background:#f7f3f7}.hljs ::selection,.hljs::selection{background-color:#ab9bab;color:#695d69}.hljs-comment{color:#9e8f9e}.hljs-tag{color:#776977}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#695d69}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ca402b}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#a65926}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#bb8a35}.hljs-strong{font-weight:700;color:#bb8a35}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#918b3b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#159393}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#516aec}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#7b59c0}.hljs-emphasis{color:#7b59c0;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c3c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-heath.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-heath.css
new file mode 100644
index 00000000..a95e42aa
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-heath.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Heath
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-heath
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1b181b  Default Background
+base01  #292329  Lighter Background (Used for status bars, line number and folding marks)
+base02  #695d69  Selection Background
+base03  #776977  Comments, Invisibles, Line Highlighting
+base04  #9e8f9e  Dark Foreground (Used for status bars)
+base05  #ab9bab  Default Foreground, Caret, Delimiters, Operators
+base06  #d8cad8  Light Foreground (Not often used)
+base07  #f7f3f7  Light Background (Not often used)
+base08  #ca402b  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #a65926  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #bb8a35  Classes, Markup Bold, Search Text Background
+base0B  #918b3b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #159393  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #516aec  Functions, Methods, Attribute IDs, Headings
+base0E  #7b59c0  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #cc33cc  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #ab9bab;
+  background: #1b181b
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #695d69;
+  color: #ab9bab
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #776977 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #776977
+}
+/* base04 - #9e8f9e -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9e8f9e
+}
+/* base05 - #ab9bab -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #ab9bab
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ca402b
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #a65926
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #bb8a35
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #bb8a35
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #918b3b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #159393
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #516aec
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #7b59c0
+}
+.hljs-emphasis {
+  color: #7b59c0;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #cc33cc
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-heath.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-heath.min.css
new file mode 100644
index 00000000..4656ef6b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-heath.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Heath
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ab9bab;background:#1b181b}.hljs ::selection,.hljs::selection{background-color:#695d69;color:#ab9bab}.hljs-comment{color:#776977}.hljs-tag{color:#9e8f9e}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ab9bab}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ca402b}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#a65926}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#bb8a35}.hljs-strong{font-weight:700;color:#bb8a35}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#918b3b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#159393}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#516aec}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#7b59c0}.hljs-emphasis{color:#7b59c0;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c3c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-lakeside-light.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-lakeside-light.css
new file mode 100644
index 00000000..8355cbe1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-lakeside-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Lakeside Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-lakeside-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ebf8ff  Default Background
+base01  #c1e4f6  Lighter Background (Used for status bars, line number and folding marks)
+base02  #7ea2b4  Selection Background
+base03  #7195a8  Comments, Invisibles, Line Highlighting
+base04  #5a7b8c  Dark Foreground (Used for status bars)
+base05  #516d7b  Default Foreground, Caret, Delimiters, Operators
+base06  #1f292e  Light Foreground (Not often used)
+base07  #161b1d  Light Background (Not often used)
+base08  #d22d72  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #935c25  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #8a8a0f  Classes, Markup Bold, Search Text Background
+base0B  #568c3b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #2d8f6f  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #257fad  Functions, Methods, Attribute IDs, Headings
+base0E  #6b6bb8  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b72dd2  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #516d7b;
+  background: #ebf8ff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #7ea2b4;
+  color: #516d7b
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7195a8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7195a8
+}
+/* base04 - #5a7b8c -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5a7b8c
+}
+/* base05 - #516d7b -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #516d7b
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d22d72
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #935c25
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #8a8a0f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #8a8a0f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #568c3b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #2d8f6f
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #257fad
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6b6bb8
+}
+.hljs-emphasis {
+  color: #6b6bb8;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b72dd2
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-lakeside-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-lakeside-light.min.css
new file mode 100644
index 00000000..c1252e3f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-lakeside-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Lakeside Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#516d7b;background:#ebf8ff}.hljs ::selection,.hljs::selection{background-color:#7ea2b4;color:#516d7b}.hljs-comment{color:#7195a8}.hljs-tag{color:#5a7b8c}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#516d7b}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d22d72}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#935c25}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#8a8a0f}.hljs-strong{font-weight:700;color:#8a8a0f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#568c3b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#2d8f6f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#257fad}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6b6bb8}.hljs-emphasis{color:#6b6bb8;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b72dd2}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-lakeside.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-lakeside.css
new file mode 100644
index 00000000..b25999c6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-lakeside.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Lakeside
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-lakeside
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #161b1d  Default Background
+base01  #1f292e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #516d7b  Selection Background
+base03  #5a7b8c  Comments, Invisibles, Line Highlighting
+base04  #7195a8  Dark Foreground (Used for status bars)
+base05  #7ea2b4  Default Foreground, Caret, Delimiters, Operators
+base06  #c1e4f6  Light Foreground (Not often used)
+base07  #ebf8ff  Light Background (Not often used)
+base08  #d22d72  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #935c25  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #8a8a0f  Classes, Markup Bold, Search Text Background
+base0B  #568c3b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #2d8f6f  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #257fad  Functions, Methods, Attribute IDs, Headings
+base0E  #6b6bb8  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b72dd2  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #7ea2b4;
+  background: #161b1d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #516d7b;
+  color: #7ea2b4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5a7b8c -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5a7b8c
+}
+/* base04 - #7195a8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7195a8
+}
+/* base05 - #7ea2b4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #7ea2b4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d22d72
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #935c25
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #8a8a0f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #8a8a0f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #568c3b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #2d8f6f
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #257fad
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6b6bb8
+}
+.hljs-emphasis {
+  color: #6b6bb8;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b72dd2
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-lakeside.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-lakeside.min.css
new file mode 100644
index 00000000..efcb9812
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-lakeside.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Lakeside
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#7ea2b4;background:#161b1d}.hljs ::selection,.hljs::selection{background-color:#516d7b;color:#7ea2b4}.hljs-comment{color:#5a7b8c}.hljs-tag{color:#7195a8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#7ea2b4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d22d72}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#935c25}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#8a8a0f}.hljs-strong{font-weight:700;color:#8a8a0f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#568c3b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#2d8f6f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#257fad}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6b6bb8}.hljs-emphasis{color:#6b6bb8;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b72dd2}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-plateau-light.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-plateau-light.css
new file mode 100644
index 00000000..307bfa70
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-plateau-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Plateau Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-plateau-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f4ecec  Default Background
+base01  #e7dfdf  Lighter Background (Used for status bars, line number and folding marks)
+base02  #8a8585  Selection Background
+base03  #7e7777  Comments, Invisibles, Line Highlighting
+base04  #655d5d  Dark Foreground (Used for status bars)
+base05  #585050  Default Foreground, Caret, Delimiters, Operators
+base06  #292424  Light Foreground (Not often used)
+base07  #1b1818  Light Background (Not often used)
+base08  #ca4949  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b45a3c  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a06e3b  Classes, Markup Bold, Search Text Background
+base0B  #4b8b8b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5485b6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7272ca  Functions, Methods, Attribute IDs, Headings
+base0E  #8464c4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bd5187  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #585050;
+  background: #f4ecec
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #8a8585;
+  color: #585050
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7e7777 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7e7777
+}
+/* base04 - #655d5d -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #655d5d
+}
+/* base05 - #585050 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #585050
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ca4949
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b45a3c
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a06e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a06e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #4b8b8b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5485b6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7272ca
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8464c4
+}
+.hljs-emphasis {
+  color: #8464c4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bd5187
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-plateau-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-plateau-light.min.css
new file mode 100644
index 00000000..44362dec
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-plateau-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Plateau Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#585050;background:#f4ecec}.hljs ::selection,.hljs::selection{background-color:#8a8585;color:#585050}.hljs-comment{color:#7e7777}.hljs-tag{color:#655d5d}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#585050}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ca4949}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b45a3c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a06e3b}.hljs-strong{font-weight:700;color:#a06e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#4b8b8b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5485b6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7272ca}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8464c4}.hljs-emphasis{color:#8464c4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bd5187}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-plateau.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-plateau.css
new file mode 100644
index 00000000..53aeebdb
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-plateau.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Plateau
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-plateau
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1b1818  Default Background
+base01  #292424  Lighter Background (Used for status bars, line number and folding marks)
+base02  #585050  Selection Background
+base03  #655d5d  Comments, Invisibles, Line Highlighting
+base04  #7e7777  Dark Foreground (Used for status bars)
+base05  #8a8585  Default Foreground, Caret, Delimiters, Operators
+base06  #e7dfdf  Light Foreground (Not often used)
+base07  #f4ecec  Light Background (Not often used)
+base08  #ca4949  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b45a3c  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a06e3b  Classes, Markup Bold, Search Text Background
+base0B  #4b8b8b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5485b6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7272ca  Functions, Methods, Attribute IDs, Headings
+base0E  #8464c4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bd5187  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #8a8585;
+  background: #1b1818
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #585050;
+  color: #8a8585
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #655d5d -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #655d5d
+}
+/* base04 - #7e7777 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e7777
+}
+/* base05 - #8a8585 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #8a8585
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ca4949
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b45a3c
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a06e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a06e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #4b8b8b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5485b6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7272ca
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8464c4
+}
+.hljs-emphasis {
+  color: #8464c4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bd5187
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-plateau.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-plateau.min.css
new file mode 100644
index 00000000..7051d010
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-plateau.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Plateau
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#8a8585;background:#1b1818}.hljs ::selection,.hljs::selection{background-color:#585050;color:#8a8585}.hljs-comment{color:#655d5d}.hljs-tag{color:#7e7777}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#8a8585}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ca4949}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b45a3c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a06e3b}.hljs-strong{font-weight:700;color:#a06e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#4b8b8b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5485b6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7272ca}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8464c4}.hljs-emphasis{color:#8464c4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bd5187}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-savanna-light.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-savanna-light.css
new file mode 100644
index 00000000..b26d6f76
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-savanna-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Savanna Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-savanna-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ecf4ee  Default Background
+base01  #dfe7e2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #87928a  Selection Background
+base03  #78877d  Comments, Invisibles, Line Highlighting
+base04  #5f6d64  Dark Foreground (Used for status bars)
+base05  #526057  Default Foreground, Caret, Delimiters, Operators
+base06  #232a25  Light Foreground (Not often used)
+base07  #171c19  Light Background (Not often used)
+base08  #b16139  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #9f713c  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a07e3b  Classes, Markup Bold, Search Text Background
+base0B  #489963  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1c9aa0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #478c90  Functions, Methods, Attribute IDs, Headings
+base0E  #55859b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #867469  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #526057;
+  background: #ecf4ee
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #87928a;
+  color: #526057
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #78877d -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #78877d
+}
+/* base04 - #5f6d64 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5f6d64
+}
+/* base05 - #526057 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #526057
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b16139
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #9f713c
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a07e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a07e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #489963
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1c9aa0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #478c90
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #55859b
+}
+.hljs-emphasis {
+  color: #55859b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #867469
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-savanna-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-savanna-light.min.css
new file mode 100644
index 00000000..4d636506
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-savanna-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Savanna Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#526057;background:#ecf4ee}.hljs ::selection,.hljs::selection{background-color:#87928a;color:#526057}.hljs-comment{color:#78877d}.hljs-tag{color:#5f6d64}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#526057}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b16139}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#9f713c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a07e3b}.hljs-strong{font-weight:700;color:#a07e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#489963}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1c9aa0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#478c90}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#55859b}.hljs-emphasis{color:#55859b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#867469}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-savanna.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-savanna.css
new file mode 100644
index 00000000..47998dac
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-savanna.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Savanna
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-savanna
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #171c19  Default Background
+base01  #232a25  Lighter Background (Used for status bars, line number and folding marks)
+base02  #526057  Selection Background
+base03  #5f6d64  Comments, Invisibles, Line Highlighting
+base04  #78877d  Dark Foreground (Used for status bars)
+base05  #87928a  Default Foreground, Caret, Delimiters, Operators
+base06  #dfe7e2  Light Foreground (Not often used)
+base07  #ecf4ee  Light Background (Not often used)
+base08  #b16139  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #9f713c  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a07e3b  Classes, Markup Bold, Search Text Background
+base0B  #489963  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1c9aa0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #478c90  Functions, Methods, Attribute IDs, Headings
+base0E  #55859b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #867469  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #87928a;
+  background: #171c19
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #526057;
+  color: #87928a
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5f6d64 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5f6d64
+}
+/* base04 - #78877d -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #78877d
+}
+/* base05 - #87928a -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #87928a
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b16139
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #9f713c
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a07e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a07e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #489963
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1c9aa0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #478c90
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #55859b
+}
+.hljs-emphasis {
+  color: #55859b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #867469
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-savanna.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-savanna.min.css
new file mode 100644
index 00000000..286c1d96
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-savanna.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Savanna
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#87928a;background:#171c19}.hljs ::selection,.hljs::selection{background-color:#526057;color:#87928a}.hljs-comment{color:#5f6d64}.hljs-tag{color:#78877d}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#87928a}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b16139}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#9f713c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a07e3b}.hljs-strong{font-weight:700;color:#a07e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#489963}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1c9aa0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#478c90}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#55859b}.hljs-emphasis{color:#55859b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#867469}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-seaside-light.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-seaside-light.css
new file mode 100644
index 00000000..c95fffbd
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-seaside-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Seaside Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-seaside-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f4fbf4  Default Background
+base01  #cfe8cf  Lighter Background (Used for status bars, line number and folding marks)
+base02  #8ca68c  Selection Background
+base03  #809980  Comments, Invisibles, Line Highlighting
+base04  #687d68  Dark Foreground (Used for status bars)
+base05  #5e6e5e  Default Foreground, Caret, Delimiters, Operators
+base06  #242924  Light Foreground (Not often used)
+base07  #131513  Light Background (Not often used)
+base08  #e6193c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #87711d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #98981b  Classes, Markup Bold, Search Text Background
+base0B  #29a329  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1999b3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3d62f5  Functions, Methods, Attribute IDs, Headings
+base0E  #ad2bee  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e619c3  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5e6e5e;
+  background: #f4fbf4
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #8ca68c;
+  color: #5e6e5e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #809980 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #809980
+}
+/* base04 - #687d68 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #687d68
+}
+/* base05 - #5e6e5e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5e6e5e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e6193c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #87711d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #98981b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #98981b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #29a329
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1999b3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3d62f5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ad2bee
+}
+.hljs-emphasis {
+  color: #ad2bee;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e619c3
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-seaside-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-seaside-light.min.css
new file mode 100644
index 00000000..524a9514
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-seaside-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Seaside Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5e6e5e;background:#f4fbf4}.hljs ::selection,.hljs::selection{background-color:#8ca68c;color:#5e6e5e}.hljs-comment{color:#809980}.hljs-tag{color:#687d68}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5e6e5e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e6193c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#87711d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#98981b}.hljs-strong{font-weight:700;color:#98981b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#29a329}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1999b3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3d62f5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ad2bee}.hljs-emphasis{color:#ad2bee;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e619c3}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-seaside.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-seaside.css
new file mode 100644
index 00000000..7144e8b6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-seaside.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Seaside
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-seaside
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #131513  Default Background
+base01  #242924  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5e6e5e  Selection Background
+base03  #687d68  Comments, Invisibles, Line Highlighting
+base04  #809980  Dark Foreground (Used for status bars)
+base05  #8ca68c  Default Foreground, Caret, Delimiters, Operators
+base06  #cfe8cf  Light Foreground (Not often used)
+base07  #f4fbf4  Light Background (Not often used)
+base08  #e6193c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #87711d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #98981b  Classes, Markup Bold, Search Text Background
+base0B  #29a329  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1999b3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3d62f5  Functions, Methods, Attribute IDs, Headings
+base0E  #ad2bee  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e619c3  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #8ca68c;
+  background: #131513
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5e6e5e;
+  color: #8ca68c
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #687d68 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #687d68
+}
+/* base04 - #809980 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #809980
+}
+/* base05 - #8ca68c -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #8ca68c
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e6193c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #87711d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #98981b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #98981b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #29a329
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1999b3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3d62f5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ad2bee
+}
+.hljs-emphasis {
+  color: #ad2bee;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e619c3
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-seaside.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-seaside.min.css
new file mode 100644
index 00000000..f1b2fe0a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-seaside.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Seaside
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#8ca68c;background:#131513}.hljs ::selection,.hljs::selection{background-color:#5e6e5e;color:#8ca68c}.hljs-comment{color:#687d68}.hljs-tag{color:#809980}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#8ca68c}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e6193c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#87711d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#98981b}.hljs-strong{font-weight:700;color:#98981b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#29a329}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1999b3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3d62f5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ad2bee}.hljs-emphasis{color:#ad2bee;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e619c3}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-sulphurpool-light.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-sulphurpool-light.css
new file mode 100644
index 00000000..77e78476
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-sulphurpool-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Sulphurpool Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-sulphurpool-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f5f7ff  Default Background
+base01  #dfe2f1  Lighter Background (Used for status bars, line number and folding marks)
+base02  #979db4  Selection Background
+base03  #898ea4  Comments, Invisibles, Line Highlighting
+base04  #6b7394  Dark Foreground (Used for status bars)
+base05  #5e6687  Default Foreground, Caret, Delimiters, Operators
+base06  #293256  Light Foreground (Not often used)
+base07  #202746  Light Background (Not often used)
+base08  #c94922  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #c76b29  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c08b30  Classes, Markup Bold, Search Text Background
+base0B  #ac9739  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #22a2c9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3d8fd1  Functions, Methods, Attribute IDs, Headings
+base0E  #6679cc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #9c637a  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5e6687;
+  background: #f5f7ff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #979db4;
+  color: #5e6687
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #898ea4 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #898ea4
+}
+/* base04 - #6b7394 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #6b7394
+}
+/* base05 - #5e6687 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5e6687
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c94922
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #c76b29
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c08b30
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c08b30
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #ac9739
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #22a2c9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3d8fd1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6679cc
+}
+.hljs-emphasis {
+  color: #6679cc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #9c637a
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-sulphurpool-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-sulphurpool-light.min.css
new file mode 100644
index 00000000..8e038f50
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-sulphurpool-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Sulphurpool Light
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5e6687;background:#f5f7ff}.hljs ::selection,.hljs::selection{background-color:#979db4;color:#5e6687}.hljs-comment{color:#898ea4}.hljs-tag{color:#6b7394}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5e6687}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c94922}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#c76b29}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c08b30}.hljs-strong{font-weight:700;color:#c08b30}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#ac9739}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#22a2c9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3d8fd1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6679cc}.hljs-emphasis{color:#6679cc;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#9c637a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-sulphurpool.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-sulphurpool.css
new file mode 100644
index 00000000..fb95c328
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-sulphurpool.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atelier Sulphurpool
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atelier-sulphurpool
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #202746  Default Background
+base01  #293256  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5e6687  Selection Background
+base03  #6b7394  Comments, Invisibles, Line Highlighting
+base04  #898ea4  Dark Foreground (Used for status bars)
+base05  #979db4  Default Foreground, Caret, Delimiters, Operators
+base06  #dfe2f1  Light Foreground (Not often used)
+base07  #f5f7ff  Light Background (Not often used)
+base08  #c94922  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #c76b29  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c08b30  Classes, Markup Bold, Search Text Background
+base0B  #ac9739  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #22a2c9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3d8fd1  Functions, Methods, Attribute IDs, Headings
+base0E  #6679cc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #9c637a  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #979db4;
+  background: #202746
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5e6687;
+  color: #979db4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6b7394 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6b7394
+}
+/* base04 - #898ea4 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #898ea4
+}
+/* base05 - #979db4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #979db4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c94922
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #c76b29
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c08b30
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c08b30
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #ac9739
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #22a2c9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3d8fd1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6679cc
+}
+.hljs-emphasis {
+  color: #6679cc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #9c637a
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atelier-sulphurpool.min.css b/apps/documentation/lib/highlight.js/styles/base16/atelier-sulphurpool.min.css
new file mode 100644
index 00000000..519aa38f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atelier-sulphurpool.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atelier Sulphurpool
+  Author: Bram de Haan (http://atelierbramdehaan.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#979db4;background:#202746}.hljs ::selection,.hljs::selection{background-color:#5e6687;color:#979db4}.hljs-comment{color:#6b7394}.hljs-tag{color:#898ea4}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#979db4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c94922}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#c76b29}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c08b30}.hljs-strong{font-weight:700;color:#c08b30}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#ac9739}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#22a2c9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3d8fd1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6679cc}.hljs-emphasis{color:#6679cc;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#9c637a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atlas.css b/apps/documentation/lib/highlight.js/styles/base16/atlas.css
new file mode 100644
index 00000000..e0c83aa3
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atlas.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Atlas
+  Author: Alex Lende (https://ajlende.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme atlas
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #002635  Default Background
+base01  #00384d  Lighter Background (Used for status bars, line number and folding marks)
+base02  #517F8D  Selection Background
+base03  #6C8B91  Comments, Invisibles, Line Highlighting
+base04  #869696  Dark Foreground (Used for status bars)
+base05  #a1a19a  Default Foreground, Caret, Delimiters, Operators
+base06  #e6e6dc  Light Foreground (Not often used)
+base07  #fafaf8  Light Background (Not often used)
+base08  #ff5a67  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f08e48  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffcc1b  Classes, Markup Bold, Search Text Background
+base0B  #7fc06e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #14747e  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #5dd7b9  Functions, Methods, Attribute IDs, Headings
+base0E  #9a70a4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c43060  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a1a19a;
+  background: #002635
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #517F8D;
+  color: #a1a19a
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6C8B91 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6C8B91
+}
+/* base04 - #869696 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #869696
+}
+/* base05 - #a1a19a -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a1a19a
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff5a67
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f08e48
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffcc1b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffcc1b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7fc06e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #14747e
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #5dd7b9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9a70a4
+}
+.hljs-emphasis {
+  color: #9a70a4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c43060
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/atlas.min.css b/apps/documentation/lib/highlight.js/styles/base16/atlas.min.css
new file mode 100644
index 00000000..62a8848b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/atlas.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Atlas
+  Author: Alex Lende (https://ajlende.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a1a19a;background:#002635}.hljs ::selection,.hljs::selection{background-color:#517f8d;color:#a1a19a}.hljs-comment{color:#6c8b91}.hljs-tag{color:#869696}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a1a19a}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff5a67}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f08e48}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffcc1b}.hljs-strong{font-weight:700;color:#ffcc1b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7fc06e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#14747e}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#5dd7b9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9a70a4}.hljs-emphasis{color:#9a70a4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c43060}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/bespin.css b/apps/documentation/lib/highlight.js/styles/base16/bespin.css
new file mode 100644
index 00000000..02c08ccd
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/bespin.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Bespin
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme bespin
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #28211c  Default Background
+base01  #36312e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5e5d5c  Selection Background
+base03  #666666  Comments, Invisibles, Line Highlighting
+base04  #797977  Dark Foreground (Used for status bars)
+base05  #8a8986  Default Foreground, Caret, Delimiters, Operators
+base06  #9d9b97  Light Foreground (Not often used)
+base07  #baae9e  Light Background (Not often used)
+base08  #cf6a4c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #cf7d34  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f9ee98  Classes, Markup Bold, Search Text Background
+base0B  #54be0d  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #afc4db  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #5ea6ea  Functions, Methods, Attribute IDs, Headings
+base0E  #9b859d  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #937121  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #8a8986;
+  background: #28211c
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5e5d5c;
+  color: #8a8986
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #666666 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #666666
+}
+/* base04 - #797977 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #797977
+}
+/* base05 - #8a8986 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #8a8986
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #cf6a4c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #cf7d34
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f9ee98
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f9ee98
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #54be0d
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #afc4db
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #5ea6ea
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9b859d
+}
+.hljs-emphasis {
+  color: #9b859d;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #937121
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/bespin.min.css b/apps/documentation/lib/highlight.js/styles/base16/bespin.min.css
new file mode 100644
index 00000000..234cb643
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/bespin.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Bespin
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#8a8986;background:#28211c}.hljs ::selection,.hljs::selection{background-color:#5e5d5c;color:#8a8986}.hljs-comment{color:#666}.hljs-tag{color:#797977}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#8a8986}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cf6a4c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#cf7d34}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f9ee98}.hljs-strong{font-weight:700;color:#f9ee98}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#54be0d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#afc4db}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#5ea6ea}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9b859d}.hljs-emphasis{color:#9b859d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#937121}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-bathory.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-bathory.css
new file mode 100644
index 00000000..05265a65
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-bathory.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Bathory)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-bathory
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #e78a53  Classes, Markup Bold, Search Text Background
+base0B  #fbcb97  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #e78a53
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #e78a53
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #fbcb97
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-bathory.min.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-bathory.min.css
new file mode 100644
index 00000000..b315d96a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-bathory.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Bathory)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e78a53}.hljs-strong{font-weight:700;color:#e78a53}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#fbcb97}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-burzum.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-burzum.css
new file mode 100644
index 00000000..1ec27ec4
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-burzum.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Burzum)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-burzum
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #99bbaa  Classes, Markup Bold, Search Text Background
+base0B  #ddeecc  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #99bbaa
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #99bbaa
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #ddeecc
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-burzum.min.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-burzum.min.css
new file mode 100644
index 00000000..7729779b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-burzum.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Burzum)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#9ba}.hljs-strong{font-weight:700;color:#9ba}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#dec}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-dark-funeral.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-dark-funeral.css
new file mode 100644
index 00000000..97d59f3d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-dark-funeral.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Dark Funeral)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-dark-funeral
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #5f81a5  Classes, Markup Bold, Search Text Background
+base0B  #d0dfee  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #5f81a5
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #5f81a5
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #d0dfee
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-dark-funeral.min.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-dark-funeral.min.css
new file mode 100644
index 00000000..7bffc28b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-dark-funeral.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Dark Funeral)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#5f81a5}.hljs-strong{font-weight:700;color:#5f81a5}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#d0dfee}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-gorgoroth.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-gorgoroth.css
new file mode 100644
index 00000000..a819c584
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-gorgoroth.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Gorgoroth)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-gorgoroth
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #8c7f70  Classes, Markup Bold, Search Text Background
+base0B  #9b8d7f  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #8c7f70
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #8c7f70
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #9b8d7f
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-gorgoroth.min.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-gorgoroth.min.css
new file mode 100644
index 00000000..0fbfafe1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-gorgoroth.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Gorgoroth)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#8c7f70}.hljs-strong{font-weight:700;color:#8c7f70}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#9b8d7f}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-immortal.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-immortal.css
new file mode 100644
index 00000000..b6ed9713
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-immortal.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Immortal)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-immortal
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #556677  Classes, Markup Bold, Search Text Background
+base0B  #7799bb  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #556677
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #556677
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7799bb
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-immortal.min.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-immortal.min.css
new file mode 100644
index 00000000..1cbd00a5
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-immortal.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Immortal)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#567}.hljs-strong{font-weight:700;color:#567}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#79b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-khold.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-khold.css
new file mode 100644
index 00000000..645949a9
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-khold.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Khold)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-khold
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #974b46  Classes, Markup Bold, Search Text Background
+base0B  #eceee3  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #974b46
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #974b46
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #eceee3
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-khold.min.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-khold.min.css
new file mode 100644
index 00000000..1ca9cebb
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-khold.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Khold)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#974b46}.hljs-strong{font-weight:700;color:#974b46}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#eceee3}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-marduk.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-marduk.css
new file mode 100644
index 00000000..23bd5636
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-marduk.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Marduk)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-marduk
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #626b67  Classes, Markup Bold, Search Text Background
+base0B  #a5aaa7  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #626b67
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #626b67
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a5aaa7
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-marduk.min.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-marduk.min.css
new file mode 100644
index 00000000..1ecf5966
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-marduk.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Marduk)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#626b67}.hljs-strong{font-weight:700;color:#626b67}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a5aaa7}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-mayhem.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-mayhem.css
new file mode 100644
index 00000000..29537c99
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-mayhem.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Mayhem)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-mayhem
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #eecc6c  Classes, Markup Bold, Search Text Background
+base0B  #f3ecd4  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #eecc6c
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #eecc6c
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #f3ecd4
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-mayhem.min.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-mayhem.min.css
new file mode 100644
index 00000000..d031b528
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-mayhem.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Mayhem)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#eecc6c}.hljs-strong{font-weight:700;color:#eecc6c}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#f3ecd4}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-nile.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-nile.css
new file mode 100644
index 00000000..25cd2a7f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-nile.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Nile)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-nile
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #777755  Classes, Markup Bold, Search Text Background
+base0B  #aa9988  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #777755
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #777755
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #aa9988
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-nile.min.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-nile.min.css
new file mode 100644
index 00000000..9b991b6b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-nile.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Nile)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#775}.hljs-strong{font-weight:700;color:#775}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a98}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-venom.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-venom.css
new file mode 100644
index 00000000..9148f3e2
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-venom.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal (Venom)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal-venom
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #79241f  Classes, Markup Bold, Search Text Background
+base0B  #f8f7f2  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #79241f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #79241f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #f8f7f2
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal-venom.min.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal-venom.min.css
new file mode 100644
index 00000000..17e9ccb7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal-venom.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal (Venom)
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#79241f}.hljs-strong{font-weight:700;color:#79241f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#f8f7f2}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal.css
new file mode 100644
index 00000000..cf86944d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Black Metal
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme black-metal
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #121212  Lighter Background (Used for status bars, line number and folding marks)
+base02  #222222  Selection Background
+base03  #333333  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #c1c1c1  Default Foreground, Caret, Delimiters, Operators
+base06  #999999  Light Foreground (Not often used)
+base07  #c1c1c1  Light Background (Not often used)
+base08  #5f8787  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aaaaaa  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a06666  Classes, Markup Bold, Search Text Background
+base0B  #dd9999  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #aaaaaa  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #888888  Functions, Methods, Attribute IDs, Headings
+base0E  #999999  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #444444  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c1c1;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #222222;
+  color: #c1c1c1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #333333 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #333333
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #c1c1c1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c1c1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #5f8787
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aaaaaa
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a06666
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a06666
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #dd9999
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #aaaaaa
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #888888
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #999999
+}
+.hljs-emphasis {
+  color: #999999;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #444444
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/black-metal.min.css b/apps/documentation/lib/highlight.js/styles/base16/black-metal.min.css
new file mode 100644
index 00000000..b44199d0
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/black-metal.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Black Metal
+  Author: metalelf0 (https://github.com/metalelf0)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c1c1;background:#000}.hljs ::selection,.hljs::selection{background-color:#222;color:#c1c1c1}.hljs-comment{color:#333}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c1c1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#5f8787}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aaa}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a06666}.hljs-strong{font-weight:700;color:#a06666}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#d99}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#aaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#888}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#999}.hljs-emphasis{color:#999;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#444}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/brewer.css b/apps/documentation/lib/highlight.js/styles/base16/brewer.css
new file mode 100644
index 00000000..900e867b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/brewer.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Brewer
+  Author: Timothée Poisot (http://github.com/tpoisot)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme brewer
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #0c0d0e  Default Background
+base01  #2e2f30  Lighter Background (Used for status bars, line number and folding marks)
+base02  #515253  Selection Background
+base03  #737475  Comments, Invisibles, Line Highlighting
+base04  #959697  Dark Foreground (Used for status bars)
+base05  #b7b8b9  Default Foreground, Caret, Delimiters, Operators
+base06  #dadbdc  Light Foreground (Not often used)
+base07  #fcfdfe  Light Background (Not often used)
+base08  #e31a1c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #e6550d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #dca060  Classes, Markup Bold, Search Text Background
+base0B  #31a354  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #80b1d3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3182bd  Functions, Methods, Attribute IDs, Headings
+base0E  #756bb1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b15928  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b7b8b9;
+  background: #0c0d0e
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #515253;
+  color: #b7b8b9
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #737475 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #737475
+}
+/* base04 - #959697 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #959697
+}
+/* base05 - #b7b8b9 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b7b8b9
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e31a1c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #e6550d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #dca060
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #dca060
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #31a354
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #80b1d3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3182bd
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #756bb1
+}
+.hljs-emphasis {
+  color: #756bb1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b15928
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/brewer.min.css b/apps/documentation/lib/highlight.js/styles/base16/brewer.min.css
new file mode 100644
index 00000000..cf2257dc
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/brewer.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Brewer
+  Author: Timothée Poisot (http://github.com/tpoisot)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b7b8b9;background:#0c0d0e}.hljs ::selection,.hljs::selection{background-color:#515253;color:#b7b8b9}.hljs-comment{color:#737475}.hljs-tag{color:#959697}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b7b8b9}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e31a1c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e6550d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#dca060}.hljs-strong{font-weight:700;color:#dca060}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#31a354}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#80b1d3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3182bd}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#756bb1}.hljs-emphasis{color:#756bb1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b15928}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/bright.css b/apps/documentation/lib/highlight.js/styles/base16/bright.css
new file mode 100644
index 00000000..a320ce80
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/bright.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Bright
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme bright
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #303030  Lighter Background (Used for status bars, line number and folding marks)
+base02  #505050  Selection Background
+base03  #b0b0b0  Comments, Invisibles, Line Highlighting
+base04  #d0d0d0  Dark Foreground (Used for status bars)
+base05  #e0e0e0  Default Foreground, Caret, Delimiters, Operators
+base06  #f5f5f5  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #fb0120  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fc6d24  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fda331  Classes, Markup Bold, Search Text Background
+base0B  #a1c659  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #76c7b7  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6fb3d2  Functions, Methods, Attribute IDs, Headings
+base0E  #d381c3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #be643c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e0e0e0;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #505050;
+  color: #e0e0e0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #b0b0b0 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #b0b0b0
+}
+/* base04 - #d0d0d0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #d0d0d0
+}
+/* base05 - #e0e0e0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e0e0e0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fb0120
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fc6d24
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fda331
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fda331
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a1c659
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #76c7b7
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6fb3d2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d381c3
+}
+.hljs-emphasis {
+  color: #d381c3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #be643c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/bright.min.css b/apps/documentation/lib/highlight.js/styles/base16/bright.min.css
new file mode 100644
index 00000000..0e104ef8
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/bright.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Bright
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e0e0e0;background:#000}.hljs ::selection,.hljs::selection{background-color:#505050;color:#e0e0e0}.hljs-comment{color:#b0b0b0}.hljs-tag{color:#d0d0d0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e0e0e0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb0120}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fc6d24}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fda331}.hljs-strong{font-weight:700;color:#fda331}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a1c659}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#76c7b7}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6fb3d2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d381c3}.hljs-emphasis{color:#d381c3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#be643c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/brogrammer.css b/apps/documentation/lib/highlight.js/styles/base16/brogrammer.css
new file mode 100644
index 00000000..ee6cc74b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/brogrammer.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Brogrammer
+  Author: Vik Ramanujam (http://github.com/piggyslasher)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme brogrammer
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1f1f1f  Default Background
+base01  #f81118  Lighter Background (Used for status bars, line number and folding marks)
+base02  #2dc55e  Selection Background
+base03  #ecba0f  Comments, Invisibles, Line Highlighting
+base04  #2a84d2  Dark Foreground (Used for status bars)
+base05  #4e5ab7  Default Foreground, Caret, Delimiters, Operators
+base06  #1081d6  Light Foreground (Not often used)
+base07  #d6dbe5  Light Background (Not often used)
+base08  #d6dbe5  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #de352e  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #1dd361  Classes, Markup Bold, Search Text Background
+base0B  #f3bd09  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1081d6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #5350b9  Functions, Methods, Attribute IDs, Headings
+base0E  #0f7ddb  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #ffffff  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #4e5ab7;
+  background: #1f1f1f
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #2dc55e;
+  color: #4e5ab7
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #ecba0f -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #ecba0f
+}
+/* base04 - #2a84d2 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #2a84d2
+}
+/* base05 - #4e5ab7 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #4e5ab7
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d6dbe5
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #de352e
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #1dd361
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #1dd361
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #f3bd09
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1081d6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #5350b9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #0f7ddb
+}
+.hljs-emphasis {
+  color: #0f7ddb;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #ffffff
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/brogrammer.min.css b/apps/documentation/lib/highlight.js/styles/base16/brogrammer.min.css
new file mode 100644
index 00000000..2a1a8e84
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/brogrammer.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Brogrammer
+  Author: Vik Ramanujam (http://github.com/piggyslasher)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#4e5ab7;background:#1f1f1f}.hljs ::selection,.hljs::selection{background-color:#2dc55e;color:#4e5ab7}.hljs-comment{color:#ecba0f}.hljs-tag{color:#2a84d2}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#4e5ab7}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d6dbe5}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#de352e}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#1dd361}.hljs-strong{font-weight:700;color:#1dd361}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#f3bd09}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1081d6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#5350b9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#0f7ddb}.hljs-emphasis{color:#0f7ddb;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#fff}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/brush-trees-dark.css b/apps/documentation/lib/highlight.js/styles/base16/brush-trees-dark.css
new file mode 100644
index 00000000..d3e310ec
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/brush-trees-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Brush Trees Dark
+  Author: Abraham White <abelincoln.white@gmail.com>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme brush-trees-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #485867  Default Background
+base01  #5A6D7A  Lighter Background (Used for status bars, line number and folding marks)
+base02  #6D828E  Selection Background
+base03  #8299A1  Comments, Invisibles, Line Highlighting
+base04  #98AFB5  Dark Foreground (Used for status bars)
+base05  #B0C5C8  Default Foreground, Caret, Delimiters, Operators
+base06  #C9DBDC  Light Foreground (Not often used)
+base07  #E3EFEF  Light Background (Not often used)
+base08  #b38686  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d8bba2  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #aab386  Classes, Markup Bold, Search Text Background
+base0B  #87b386  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #86b3b3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #868cb3  Functions, Methods, Attribute IDs, Headings
+base0E  #b386b2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b39f9f  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #B0C5C8;
+  background: #485867
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #6D828E;
+  color: #B0C5C8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #8299A1 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #8299A1
+}
+/* base04 - #98AFB5 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #98AFB5
+}
+/* base05 - #B0C5C8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #B0C5C8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b38686
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d8bba2
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #aab386
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #aab386
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #87b386
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #86b3b3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #868cb3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b386b2
+}
+.hljs-emphasis {
+  color: #b386b2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b39f9f
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/brush-trees-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/brush-trees-dark.min.css
new file mode 100644
index 00000000..18e798db
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/brush-trees-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Brush Trees Dark
+  Author: Abraham White <abelincoln.white@gmail.com>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b0c5c8;background:#485867}.hljs ::selection,.hljs::selection{background-color:#6d828e;color:#b0c5c8}.hljs-comment{color:#8299a1}.hljs-tag{color:#98afb5}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b0c5c8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b38686}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d8bba2}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#aab386}.hljs-strong{font-weight:700;color:#aab386}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#87b386}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#86b3b3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#868cb3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b386b2}.hljs-emphasis{color:#b386b2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b39f9f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/brush-trees.css b/apps/documentation/lib/highlight.js/styles/base16/brush-trees.css
new file mode 100644
index 00000000..15ecfc5b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/brush-trees.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Brush Trees
+  Author: Abraham White <abelincoln.white@gmail.com>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme brush-trees
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #E3EFEF  Default Background
+base01  #C9DBDC  Lighter Background (Used for status bars, line number and folding marks)
+base02  #B0C5C8  Selection Background
+base03  #98AFB5  Comments, Invisibles, Line Highlighting
+base04  #8299A1  Dark Foreground (Used for status bars)
+base05  #6D828E  Default Foreground, Caret, Delimiters, Operators
+base06  #5A6D7A  Light Foreground (Not often used)
+base07  #485867  Light Background (Not often used)
+base08  #b38686  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d8bba2  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #aab386  Classes, Markup Bold, Search Text Background
+base0B  #87b386  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #86b3b3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #868cb3  Functions, Methods, Attribute IDs, Headings
+base0E  #b386b2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b39f9f  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #6D828E;
+  background: #E3EFEF
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #B0C5C8;
+  color: #6D828E
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #98AFB5 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #98AFB5
+}
+/* base04 - #8299A1 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #8299A1
+}
+/* base05 - #6D828E -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #6D828E
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b38686
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d8bba2
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #aab386
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #aab386
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #87b386
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #86b3b3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #868cb3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b386b2
+}
+.hljs-emphasis {
+  color: #b386b2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b39f9f
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/brush-trees.min.css b/apps/documentation/lib/highlight.js/styles/base16/brush-trees.min.css
new file mode 100644
index 00000000..ebc2b58d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/brush-trees.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Brush Trees
+  Author: Abraham White <abelincoln.white@gmail.com>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#6d828e;background:#e3efef}.hljs ::selection,.hljs::selection{background-color:#b0c5c8;color:#6d828e}.hljs-comment{color:#98afb5}.hljs-tag{color:#8299a1}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#6d828e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b38686}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d8bba2}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#aab386}.hljs-strong{font-weight:700;color:#aab386}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#87b386}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#86b3b3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#868cb3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b386b2}.hljs-emphasis{color:#b386b2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b39f9f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/chalk.css b/apps/documentation/lib/highlight.js/styles/base16/chalk.css
new file mode 100644
index 00000000..c0dfadd1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/chalk.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Chalk
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme chalk
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #151515  Default Background
+base01  #202020  Lighter Background (Used for status bars, line number and folding marks)
+base02  #303030  Selection Background
+base03  #505050  Comments, Invisibles, Line Highlighting
+base04  #b0b0b0  Dark Foreground (Used for status bars)
+base05  #d0d0d0  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #f5f5f5  Light Background (Not often used)
+base08  #fb9fb1  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #eda987  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ddb26f  Classes, Markup Bold, Search Text Background
+base0B  #acc267  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #12cfc0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6fc2ef  Functions, Methods, Attribute IDs, Headings
+base0E  #e1a3ee  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #deaf8f  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d0d0d0;
+  background: #151515
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #303030;
+  color: #d0d0d0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #505050 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #505050
+}
+/* base04 - #b0b0b0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b0b0b0
+}
+/* base05 - #d0d0d0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d0d0d0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fb9fb1
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #eda987
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ddb26f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ddb26f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #acc267
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #12cfc0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6fc2ef
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #e1a3ee
+}
+.hljs-emphasis {
+  color: #e1a3ee;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #deaf8f
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/chalk.min.css b/apps/documentation/lib/highlight.js/styles/base16/chalk.min.css
new file mode 100644
index 00000000..a7bbe071
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/chalk.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Chalk
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0d0;background:#151515}.hljs ::selection,.hljs::selection{background-color:#303030;color:#d0d0d0}.hljs-comment{color:#505050}.hljs-tag{color:#b0b0b0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0d0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb9fb1}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#eda987}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ddb26f}.hljs-strong{font-weight:700;color:#ddb26f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#acc267}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#12cfc0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6fc2ef}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#e1a3ee}.hljs-emphasis{color:#e1a3ee;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#deaf8f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/circus.css b/apps/documentation/lib/highlight.js/styles/base16/circus.css
new file mode 100644
index 00000000..25efd46c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/circus.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Circus
+  Author: Stephan Boyer (https://github.com/stepchowfun) and Esther Wang (https://github.com/ewang12)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme circus
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #191919  Default Background
+base01  #202020  Lighter Background (Used for status bars, line number and folding marks)
+base02  #303030  Selection Background
+base03  #5f5a60  Comments, Invisibles, Line Highlighting
+base04  #505050  Dark Foreground (Used for status bars)
+base05  #a7a7a7  Default Foreground, Caret, Delimiters, Operators
+base06  #808080  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #dc657d  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #4bb1a7  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c3ba63  Classes, Markup Bold, Search Text Background
+base0B  #84b97c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #4bb1a7  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #639ee4  Functions, Methods, Attribute IDs, Headings
+base0E  #b888e2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b888e2  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a7a7a7;
+  background: #191919
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #303030;
+  color: #a7a7a7
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5f5a60 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5f5a60
+}
+/* base04 - #505050 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #505050
+}
+/* base05 - #a7a7a7 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a7a7a7
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #dc657d
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #4bb1a7
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c3ba63
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c3ba63
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #84b97c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #4bb1a7
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #639ee4
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b888e2
+}
+.hljs-emphasis {
+  color: #b888e2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b888e2
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/circus.min.css b/apps/documentation/lib/highlight.js/styles/base16/circus.min.css
new file mode 100644
index 00000000..e34e78b1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/circus.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Circus
+  Author: Stephan Boyer (https://github.com/stepchowfun) and Esther Wang (https://github.com/ewang12)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a7a7a7;background:#191919}.hljs ::selection,.hljs::selection{background-color:#303030;color:#a7a7a7}.hljs-comment{color:#5f5a60}.hljs-tag{color:#505050}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a7a7a7}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#dc657d}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#4bb1a7}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c3ba63}.hljs-strong{font-weight:700;color:#c3ba63}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#84b97c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#4bb1a7}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#639ee4}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b888e2}.hljs-emphasis{color:#b888e2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b888e2}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/classic-dark.css b/apps/documentation/lib/highlight.js/styles/base16/classic-dark.css
new file mode 100644
index 00000000..ca1ea2d3
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/classic-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Classic Dark
+  Author: Jason Heeris (http://heeris.id.au)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme classic-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #151515  Default Background
+base01  #202020  Lighter Background (Used for status bars, line number and folding marks)
+base02  #303030  Selection Background
+base03  #505050  Comments, Invisibles, Line Highlighting
+base04  #B0B0B0  Dark Foreground (Used for status bars)
+base05  #D0D0D0  Default Foreground, Caret, Delimiters, Operators
+base06  #E0E0E0  Light Foreground (Not often used)
+base07  #F5F5F5  Light Background (Not often used)
+base08  #AC4142  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #D28445  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #F4BF75  Classes, Markup Bold, Search Text Background
+base0B  #90A959  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #75B5AA  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6A9FB5  Functions, Methods, Attribute IDs, Headings
+base0E  #AA759F  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8F5536  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #D0D0D0;
+  background: #151515
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #303030;
+  color: #D0D0D0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #505050 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #505050
+}
+/* base04 - #B0B0B0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #B0B0B0
+}
+/* base05 - #D0D0D0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #D0D0D0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #AC4142
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #D28445
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #F4BF75
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #F4BF75
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #90A959
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #75B5AA
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6A9FB5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #AA759F
+}
+.hljs-emphasis {
+  color: #AA759F;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8F5536
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/classic-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/classic-dark.min.css
new file mode 100644
index 00000000..c9b4c40f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/classic-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Classic Dark
+  Author: Jason Heeris (http://heeris.id.au)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0d0;background:#151515}.hljs ::selection,.hljs::selection{background-color:#303030;color:#d0d0d0}.hljs-comment{color:#505050}.hljs-tag{color:#b0b0b0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0d0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ac4142}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d28445}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f4bf75}.hljs-strong{font-weight:700;color:#f4bf75}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#90a959}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#75b5aa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6a9fb5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#aa759f}.hljs-emphasis{color:#aa759f;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8f5536}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/classic-light.css b/apps/documentation/lib/highlight.js/styles/base16/classic-light.css
new file mode 100644
index 00000000..3e9a6272
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/classic-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Classic Light
+  Author: Jason Heeris (http://heeris.id.au)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme classic-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #F5F5F5  Default Background
+base01  #E0E0E0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #D0D0D0  Selection Background
+base03  #B0B0B0  Comments, Invisibles, Line Highlighting
+base04  #505050  Dark Foreground (Used for status bars)
+base05  #303030  Default Foreground, Caret, Delimiters, Operators
+base06  #202020  Light Foreground (Not often used)
+base07  #151515  Light Background (Not often used)
+base08  #AC4142  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #D28445  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #F4BF75  Classes, Markup Bold, Search Text Background
+base0B  #90A959  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #75B5AA  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6A9FB5  Functions, Methods, Attribute IDs, Headings
+base0E  #AA759F  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8F5536  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #303030;
+  background: #F5F5F5
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #D0D0D0;
+  color: #303030
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #B0B0B0 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #B0B0B0
+}
+/* base04 - #505050 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #505050
+}
+/* base05 - #303030 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #303030
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #AC4142
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #D28445
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #F4BF75
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #F4BF75
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #90A959
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #75B5AA
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6A9FB5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #AA759F
+}
+.hljs-emphasis {
+  color: #AA759F;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8F5536
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/classic-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/classic-light.min.css
new file mode 100644
index 00000000..67f392ff
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/classic-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Classic Light
+  Author: Jason Heeris (http://heeris.id.au)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#303030;background:#f5f5f5}.hljs ::selection,.hljs::selection{background-color:#d0d0d0;color:#303030}.hljs-comment{color:#b0b0b0}.hljs-tag{color:#505050}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#303030}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ac4142}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d28445}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f4bf75}.hljs-strong{font-weight:700;color:#f4bf75}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#90a959}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#75b5aa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6a9fb5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#aa759f}.hljs-emphasis{color:#aa759f;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8f5536}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/codeschool.css b/apps/documentation/lib/highlight.js/styles/base16/codeschool.css
new file mode 100644
index 00000000..1ae0db7e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/codeschool.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Codeschool
+  Author: blockloop
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme codeschool
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #232c31  Default Background
+base01  #1c3657  Lighter Background (Used for status bars, line number and folding marks)
+base02  #2a343a  Selection Background
+base03  #3f4944  Comments, Invisibles, Line Highlighting
+base04  #84898c  Dark Foreground (Used for status bars)
+base05  #9ea7a6  Default Foreground, Caret, Delimiters, Operators
+base06  #a7cfa3  Light Foreground (Not often used)
+base07  #b5d8f6  Light Background (Not often used)
+base08  #2a5491  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #43820d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a03b1e  Classes, Markup Bold, Search Text Background
+base0B  #237986  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #b02f30  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #484d79  Functions, Methods, Attribute IDs, Headings
+base0E  #c59820  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c98344  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #9ea7a6;
+  background: #232c31
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #2a343a;
+  color: #9ea7a6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #3f4944 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #3f4944
+}
+/* base04 - #84898c -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #84898c
+}
+/* base05 - #9ea7a6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #9ea7a6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #2a5491
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #43820d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a03b1e
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a03b1e
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #237986
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #b02f30
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #484d79
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #c59820
+}
+.hljs-emphasis {
+  color: #c59820;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c98344
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/codeschool.min.css b/apps/documentation/lib/highlight.js/styles/base16/codeschool.min.css
new file mode 100644
index 00000000..db20ed44
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/codeschool.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Codeschool
+  Author: blockloop
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#9ea7a6;background:#232c31}.hljs ::selection,.hljs::selection{background-color:#2a343a;color:#9ea7a6}.hljs-comment{color:#3f4944}.hljs-tag{color:#84898c}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#9ea7a6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#2a5491}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#43820d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a03b1e}.hljs-strong{font-weight:700;color:#a03b1e}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#237986}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#b02f30}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#484d79}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c59820}.hljs-emphasis{color:#c59820;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c98344}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/colors.css b/apps/documentation/lib/highlight.js/styles/base16/colors.css
new file mode 100644
index 00000000..12bf4332
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/colors.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Colors
+  Author: mrmrs (http://clrs.cc)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme colors
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #111111  Default Background
+base01  #333333  Lighter Background (Used for status bars, line number and folding marks)
+base02  #555555  Selection Background
+base03  #777777  Comments, Invisibles, Line Highlighting
+base04  #999999  Dark Foreground (Used for status bars)
+base05  #bbbbbb  Default Foreground, Caret, Delimiters, Operators
+base06  #dddddd  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #ff4136  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff851b  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffdc00  Classes, Markup Bold, Search Text Background
+base0B  #2ecc40  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #7fdbff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0074d9  Functions, Methods, Attribute IDs, Headings
+base0E  #b10dc9  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #85144b  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #bbbbbb;
+  background: #111111
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #555555;
+  color: #bbbbbb
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #777777 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #777777
+}
+/* base04 - #999999 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #999999
+}
+/* base05 - #bbbbbb -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #bbbbbb
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff4136
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff851b
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffdc00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffdc00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #2ecc40
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #7fdbff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0074d9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b10dc9
+}
+.hljs-emphasis {
+  color: #b10dc9;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #85144b
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/colors.min.css b/apps/documentation/lib/highlight.js/styles/base16/colors.min.css
new file mode 100644
index 00000000..742aeeb9
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/colors.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Colors
+  Author: mrmrs (http://clrs.cc)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#bbb;background:#111}.hljs ::selection,.hljs::selection{background-color:#555;color:#bbb}.hljs-comment{color:#777}.hljs-tag{color:#999}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#bbb}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff4136}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff851b}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffdc00}.hljs-strong{font-weight:700;color:#ffdc00}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#2ecc40}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#7fdbff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0074d9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b10dc9}.hljs-emphasis{color:#b10dc9;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#85144b}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/cupcake.css b/apps/documentation/lib/highlight.js/styles/base16/cupcake.css
new file mode 100644
index 00000000..a292e278
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/cupcake.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Cupcake
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme cupcake
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fbf1f2  Default Background
+base01  #f2f1f4  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d8d5dd  Selection Background
+base03  #bfb9c6  Comments, Invisibles, Line Highlighting
+base04  #a59daf  Dark Foreground (Used for status bars)
+base05  #8b8198  Default Foreground, Caret, Delimiters, Operators
+base06  #72677E  Light Foreground (Not often used)
+base07  #585062  Light Background (Not often used)
+base08  #D57E85  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #EBB790  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #DCB16C  Classes, Markup Bold, Search Text Background
+base0B  #A3B367  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #69A9A7  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7297B9  Functions, Methods, Attribute IDs, Headings
+base0E  #BB99B4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #BAA58C  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #8b8198;
+  background: #fbf1f2
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d8d5dd;
+  color: #8b8198
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #bfb9c6 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #bfb9c6
+}
+/* base04 - #a59daf -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a59daf
+}
+/* base05 - #8b8198 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #8b8198
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #D57E85
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #EBB790
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #DCB16C
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #DCB16C
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #A3B367
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #69A9A7
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7297B9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #BB99B4
+}
+.hljs-emphasis {
+  color: #BB99B4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #BAA58C
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/cupcake.min.css b/apps/documentation/lib/highlight.js/styles/base16/cupcake.min.css
new file mode 100644
index 00000000..b3bffc36
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/cupcake.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Cupcake
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#8b8198;background:#fbf1f2}.hljs ::selection,.hljs::selection{background-color:#d8d5dd;color:#8b8198}.hljs-comment{color:#bfb9c6}.hljs-tag{color:#a59daf}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#8b8198}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d57e85}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ebb790}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#dcb16c}.hljs-strong{font-weight:700;color:#dcb16c}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a3b367}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#69a9a7}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7297b9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#bb99b4}.hljs-emphasis{color:#bb99b4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#baa58c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/cupertino.css b/apps/documentation/lib/highlight.js/styles/base16/cupertino.css
new file mode 100644
index 00000000..53e947c7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/cupertino.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Cupertino
+  Author: Defman21
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme cupertino
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ffffff  Default Background
+base01  #c0c0c0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #c0c0c0  Selection Background
+base03  #808080  Comments, Invisibles, Line Highlighting
+base04  #808080  Dark Foreground (Used for status bars)
+base05  #404040  Default Foreground, Caret, Delimiters, Operators
+base06  #404040  Light Foreground (Not often used)
+base07  #5e5e5e  Light Background (Not often used)
+base08  #c41a15  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #eb8500  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #826b28  Classes, Markup Bold, Search Text Background
+base0B  #007400  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #318495  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0000ff  Functions, Methods, Attribute IDs, Headings
+base0E  #a90d91  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #826b28  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #404040;
+  background: #ffffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #c0c0c0;
+  color: #404040
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #808080 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #808080
+}
+/* base04 - #808080 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #808080
+}
+/* base05 - #404040 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #404040
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c41a15
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #eb8500
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #826b28
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #826b28
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #007400
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #318495
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0000ff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a90d91
+}
+.hljs-emphasis {
+  color: #a90d91;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #826b28
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/cupertino.min.css b/apps/documentation/lib/highlight.js/styles/base16/cupertino.min.css
new file mode 100644
index 00000000..abec520f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/cupertino.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Cupertino
+  Author: Defman21
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#404040;background:#fff}.hljs ::selection,.hljs::selection{background-color:silver;color:#404040}.hljs-comment,.hljs-tag{color:grey}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#404040}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c41a15}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#eb8500}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#826b28}.hljs-strong{font-weight:700;color:#826b28}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#007400}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#318495}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#00f}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a90d91}.hljs-emphasis{color:#a90d91;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#826b28}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/danqing.css b/apps/documentation/lib/highlight.js/styles/base16/danqing.css
new file mode 100644
index 00000000..aa8cd176
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/danqing.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: DanQing
+  Author: Wenhan Zhu (Cosmos) (zhuwenhan950913@gmail.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme danqing
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2d302f  Default Background
+base01  #434846  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5a605d  Selection Background
+base03  #9da8a3  Comments, Invisibles, Line Highlighting
+base04  #cad8d2  Dark Foreground (Used for status bars)
+base05  #e0f0eF  Default Foreground, Caret, Delimiters, Operators
+base06  #ecf6f2  Light Foreground (Not often used)
+base07  #fcfefd  Light Background (Not often used)
+base08  #F9906F  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #B38A61  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #F0C239  Classes, Markup Bold, Search Text Background
+base0B  #8AB361  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #30DFF3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #B0A4E3  Functions, Methods, Attribute IDs, Headings
+base0E  #CCA4E3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #CA6924  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e0f0eF;
+  background: #2d302f
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5a605d;
+  color: #e0f0eF
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #9da8a3 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #9da8a3
+}
+/* base04 - #cad8d2 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #cad8d2
+}
+/* base05 - #e0f0eF -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e0f0eF
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #F9906F
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #B38A61
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #F0C239
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #F0C239
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8AB361
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #30DFF3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #B0A4E3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #CCA4E3
+}
+.hljs-emphasis {
+  color: #CCA4E3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #CA6924
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/danqing.min.css b/apps/documentation/lib/highlight.js/styles/base16/danqing.min.css
new file mode 100644
index 00000000..d9bf65d3
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/danqing.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: DanQing
+  Author: Wenhan Zhu (Cosmos) (zhuwenhan950913@gmail.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e0f0ef;background:#2d302f}.hljs ::selection,.hljs::selection{background-color:#5a605d;color:#e0f0ef}.hljs-comment{color:#9da8a3}.hljs-tag{color:#cad8d2}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e0f0ef}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f9906f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b38a61}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f0c239}.hljs-strong{font-weight:700;color:#f0c239}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8ab361}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#30dff3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#b0a4e3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#cca4e3}.hljs-emphasis{color:#cca4e3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ca6924}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/darcula.css b/apps/documentation/lib/highlight.js/styles/base16/darcula.css
new file mode 100644
index 00000000..e9fa32de
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/darcula.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Darcula
+  Author: jetbrains
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme darcula
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2b2b2b  Default Background
+base01  #323232  Lighter Background (Used for status bars, line number and folding marks)
+base02  #323232  Selection Background
+base03  #606366  Comments, Invisibles, Line Highlighting
+base04  #a4a3a3  Dark Foreground (Used for status bars)
+base05  #a9b7c6  Default Foreground, Caret, Delimiters, Operators
+base06  #ffc66d  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #4eade5  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #689757  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #bbb529  Classes, Markup Bold, Search Text Background
+base0B  #6a8759  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #629755  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #9876aa  Functions, Methods, Attribute IDs, Headings
+base0E  #cc7832  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #808080  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a9b7c6;
+  background: #2b2b2b
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #323232;
+  color: #a9b7c6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #606366 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #606366
+}
+/* base04 - #a4a3a3 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a4a3a3
+}
+/* base05 - #a9b7c6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a9b7c6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #4eade5
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #689757
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #bbb529
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #bbb529
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #6a8759
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #629755
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #9876aa
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #cc7832
+}
+.hljs-emphasis {
+  color: #cc7832;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #808080
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/darcula.min.css b/apps/documentation/lib/highlight.js/styles/base16/darcula.min.css
new file mode 100644
index 00000000..7824e83a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/darcula.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Darcula
+  Author: jetbrains
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a9b7c6;background:#2b2b2b}.hljs ::selection,.hljs::selection{background-color:#323232;color:#a9b7c6}.hljs-comment{color:#606366}.hljs-tag{color:#a4a3a3}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a9b7c6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#4eade5}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#689757}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#bbb529}.hljs-strong{font-weight:700;color:#bbb529}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#6a8759}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#629755}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#9876aa}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#cc7832}.hljs-emphasis{color:#cc7832;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:grey}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/dark-violet.css b/apps/documentation/lib/highlight.js/styles/base16/dark-violet.css
new file mode 100644
index 00000000..8f6e6cf2
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/dark-violet.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Dark Violet
+  Author: ruler501 (https://github.com/ruler501/base16-darkviolet)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme dark-violet
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #231a40  Lighter Background (Used for status bars, line number and folding marks)
+base02  #432d59  Selection Background
+base03  #593380  Comments, Invisibles, Line Highlighting
+base04  #00ff00  Dark Foreground (Used for status bars)
+base05  #b08ae6  Default Foreground, Caret, Delimiters, Operators
+base06  #9045e6  Light Foreground (Not often used)
+base07  #a366ff  Light Background (Not often used)
+base08  #a82ee6  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #bb66cc  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f29df2  Classes, Markup Bold, Search Text Background
+base0B  #4595e6  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #40dfff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #4136d9  Functions, Methods, Attribute IDs, Headings
+base0E  #7e5ce6  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a886bf  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b08ae6;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #432d59;
+  color: #b08ae6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #593380 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #593380
+}
+/* base04 - #00ff00 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #00ff00
+}
+/* base05 - #b08ae6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b08ae6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #a82ee6
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #bb66cc
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f29df2
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f29df2
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #4595e6
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #40dfff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #4136d9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #7e5ce6
+}
+.hljs-emphasis {
+  color: #7e5ce6;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a886bf
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/dark-violet.min.css b/apps/documentation/lib/highlight.js/styles/base16/dark-violet.min.css
new file mode 100644
index 00000000..de19c81f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/dark-violet.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Dark Violet
+  Author: ruler501 (https://github.com/ruler501/base16-darkviolet)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b08ae6;background:#000}.hljs ::selection,.hljs::selection{background-color:#432d59;color:#b08ae6}.hljs-comment{color:#593380}.hljs-tag{color:#0f0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b08ae6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#a82ee6}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b6c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f29df2}.hljs-strong{font-weight:700;color:#f29df2}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#4595e6}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#40dfff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#4136d9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#7e5ce6}.hljs-emphasis{color:#7e5ce6;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a886bf}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/darkmoss.css b/apps/documentation/lib/highlight.js/styles/base16/darkmoss.css
new file mode 100644
index 00000000..5a619dfe
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/darkmoss.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: darkmoss
+  Author: Gabriel Avanzi (https://github.com/avanzzzi)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme darkmoss
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #171e1f  Default Background
+base01  #252c2d  Lighter Background (Used for status bars, line number and folding marks)
+base02  #373c3d  Selection Background
+base03  #555e5f  Comments, Invisibles, Line Highlighting
+base04  #818f80  Dark Foreground (Used for status bars)
+base05  #c7c7a5  Default Foreground, Caret, Delimiters, Operators
+base06  #e3e3c8  Light Foreground (Not often used)
+base07  #e1eaef  Light Background (Not often used)
+base08  #ff4658  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #e6db74  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fdb11f  Classes, Markup Bold, Search Text Background
+base0B  #499180  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #66d9ef  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #498091  Functions, Methods, Attribute IDs, Headings
+base0E  #9bc0c8  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d27b53  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c7c7a5;
+  background: #171e1f
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #373c3d;
+  color: #c7c7a5
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #555e5f -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #555e5f
+}
+/* base04 - #818f80 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #818f80
+}
+/* base05 - #c7c7a5 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c7c7a5
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff4658
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #e6db74
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fdb11f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fdb11f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #499180
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #66d9ef
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #498091
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9bc0c8
+}
+.hljs-emphasis {
+  color: #9bc0c8;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d27b53
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/darkmoss.min.css b/apps/documentation/lib/highlight.js/styles/base16/darkmoss.min.css
new file mode 100644
index 00000000..86c7f427
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/darkmoss.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: darkmoss
+  Author: Gabriel Avanzi (https://github.com/avanzzzi)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c7c7a5;background:#171e1f}.hljs ::selection,.hljs::selection{background-color:#373c3d;color:#c7c7a5}.hljs-comment{color:#555e5f}.hljs-tag{color:#818f80}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c7c7a5}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff4658}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e6db74}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fdb11f}.hljs-strong{font-weight:700;color:#fdb11f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#499180}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#66d9ef}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#498091}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9bc0c8}.hljs-emphasis{color:#9bc0c8;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d27b53}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/darktooth.css b/apps/documentation/lib/highlight.js/styles/base16/darktooth.css
new file mode 100644
index 00000000..bffff9cd
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/darktooth.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Darktooth
+  Author: Jason Milkins (https://github.com/jasonm23)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme darktooth
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1D2021  Default Background
+base01  #32302F  Lighter Background (Used for status bars, line number and folding marks)
+base02  #504945  Selection Background
+base03  #665C54  Comments, Invisibles, Line Highlighting
+base04  #928374  Dark Foreground (Used for status bars)
+base05  #A89984  Default Foreground, Caret, Delimiters, Operators
+base06  #D5C4A1  Light Foreground (Not often used)
+base07  #FDF4C1  Light Background (Not often used)
+base08  #FB543F  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #FE8625  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FAC03B  Classes, Markup Bold, Search Text Background
+base0B  #95C085  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #8BA59B  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0D6678  Functions, Methods, Attribute IDs, Headings
+base0E  #8F4673  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #A87322  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #A89984;
+  background: #1D2021
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #504945;
+  color: #A89984
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #665C54 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #665C54
+}
+/* base04 - #928374 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #928374
+}
+/* base05 - #A89984 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #A89984
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #FB543F
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #FE8625
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FAC03B
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FAC03B
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #95C085
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #8BA59B
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0D6678
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8F4673
+}
+.hljs-emphasis {
+  color: #8F4673;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #A87322
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/darktooth.min.css b/apps/documentation/lib/highlight.js/styles/base16/darktooth.min.css
new file mode 100644
index 00000000..b95a507f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/darktooth.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Darktooth
+  Author: Jason Milkins (https://github.com/jasonm23)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a89984;background:#1d2021}.hljs ::selection,.hljs::selection{background-color:#504945;color:#a89984}.hljs-comment{color:#665c54}.hljs-tag{color:#928374}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a89984}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb543f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fe8625}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fac03b}.hljs-strong{font-weight:700;color:#fac03b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#95c085}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#8ba59b}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0d6678}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8f4673}.hljs-emphasis{color:#8f4673;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a87322}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/decaf.css b/apps/documentation/lib/highlight.js/styles/base16/decaf.css
new file mode 100644
index 00000000..bccfa1c7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/decaf.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Decaf
+  Author: Alex Mirrington (https://github.com/alexmirrington)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme decaf
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2d2d2d  Default Background
+base01  #393939  Lighter Background (Used for status bars, line number and folding marks)
+base02  #515151  Selection Background
+base03  #777777  Comments, Invisibles, Line Highlighting
+base04  #b4b7b4  Dark Foreground (Used for status bars)
+base05  #cccccc  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #ff7f7b  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ffbf70  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffd67c  Classes, Markup Bold, Search Text Background
+base0B  #beda78  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #bed6ff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #90bee1  Functions, Methods, Attribute IDs, Headings
+base0E  #efb3f7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #ff93b3  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cccccc;
+  background: #2d2d2d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #515151;
+  color: #cccccc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #777777 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #777777
+}
+/* base04 - #b4b7b4 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b4b7b4
+}
+/* base05 - #cccccc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cccccc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff7f7b
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ffbf70
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffd67c
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffd67c
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #beda78
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #bed6ff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #90bee1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #efb3f7
+}
+.hljs-emphasis {
+  color: #efb3f7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #ff93b3
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/decaf.min.css b/apps/documentation/lib/highlight.js/styles/base16/decaf.min.css
new file mode 100644
index 00000000..82057b66
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/decaf.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Decaf
+  Author: Alex Mirrington (https://github.com/alexmirrington)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ccc;background:#2d2d2d}.hljs ::selection,.hljs::selection{background-color:#515151;color:#ccc}.hljs-comment{color:#777}.hljs-tag{color:#b4b7b4}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff7f7b}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ffbf70}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffd67c}.hljs-strong{font-weight:700;color:#ffd67c}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#beda78}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#bed6ff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#90bee1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#efb3f7}.hljs-emphasis{color:#efb3f7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ff93b3}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/default-dark.css b/apps/documentation/lib/highlight.js/styles/base16/default-dark.css
new file mode 100644
index 00000000..0b7cb99b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/default-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Default Dark
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme default-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #181818  Default Background
+base01  #282828  Lighter Background (Used for status bars, line number and folding marks)
+base02  #383838  Selection Background
+base03  #585858  Comments, Invisibles, Line Highlighting
+base04  #b8b8b8  Dark Foreground (Used for status bars)
+base05  #d8d8d8  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e8e8  Light Foreground (Not often used)
+base07  #f8f8f8  Light Background (Not often used)
+base08  #ab4642  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #dc9656  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f7ca88  Classes, Markup Bold, Search Text Background
+base0B  #a1b56c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #86c1b9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7cafc2  Functions, Methods, Attribute IDs, Headings
+base0E  #ba8baf  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a16946  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d8d8d8;
+  background: #181818
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #383838;
+  color: #d8d8d8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #585858 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #585858
+}
+/* base04 - #b8b8b8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b8b8b8
+}
+/* base05 - #d8d8d8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d8d8d8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ab4642
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #dc9656
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f7ca88
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f7ca88
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a1b56c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #86c1b9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7cafc2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ba8baf
+}
+.hljs-emphasis {
+  color: #ba8baf;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a16946
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/default-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/default-dark.min.css
new file mode 100644
index 00000000..eee7cd6c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/default-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Default Dark
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d8d8d8;background:#181818}.hljs ::selection,.hljs::selection{background-color:#383838;color:#d8d8d8}.hljs-comment{color:#585858}.hljs-tag{color:#b8b8b8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d8d8d8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ab4642}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#dc9656}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f7ca88}.hljs-strong{font-weight:700;color:#f7ca88}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a1b56c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#86c1b9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7cafc2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ba8baf}.hljs-emphasis{color:#ba8baf;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a16946}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/default-light.css b/apps/documentation/lib/highlight.js/styles/base16/default-light.css
new file mode 100644
index 00000000..16d5e9eb
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/default-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Default Light
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme default-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f8f8f8  Default Background
+base01  #e8e8e8  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d8d8d8  Selection Background
+base03  #b8b8b8  Comments, Invisibles, Line Highlighting
+base04  #585858  Dark Foreground (Used for status bars)
+base05  #383838  Default Foreground, Caret, Delimiters, Operators
+base06  #282828  Light Foreground (Not often used)
+base07  #181818  Light Background (Not often used)
+base08  #ab4642  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #dc9656  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f7ca88  Classes, Markup Bold, Search Text Background
+base0B  #a1b56c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #86c1b9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7cafc2  Functions, Methods, Attribute IDs, Headings
+base0E  #ba8baf  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a16946  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #383838;
+  background: #f8f8f8
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d8d8d8;
+  color: #383838
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #b8b8b8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #b8b8b8
+}
+/* base04 - #585858 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #585858
+}
+/* base05 - #383838 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #383838
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ab4642
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #dc9656
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f7ca88
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f7ca88
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a1b56c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #86c1b9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7cafc2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ba8baf
+}
+.hljs-emphasis {
+  color: #ba8baf;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a16946
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/default-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/default-light.min.css
new file mode 100644
index 00000000..2b85d9c9
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/default-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Default Light
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383838;background:#f8f8f8}.hljs ::selection,.hljs::selection{background-color:#d8d8d8;color:#383838}.hljs-comment{color:#b8b8b8}.hljs-tag{color:#585858}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#383838}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ab4642}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#dc9656}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f7ca88}.hljs-strong{font-weight:700;color:#f7ca88}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a1b56c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#86c1b9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7cafc2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ba8baf}.hljs-emphasis{color:#ba8baf;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a16946}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/dirtysea.css b/apps/documentation/lib/highlight.js/styles/base16/dirtysea.css
new file mode 100644
index 00000000..6011c9e8
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/dirtysea.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: dirtysea
+  Author: Kahlil (Kal) Hodgson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme dirtysea
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #e0e0e0  Default Background
+base01  #d0dad0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d0d0d0  Selection Background
+base03  #707070  Comments, Invisibles, Line Highlighting
+base04  #202020  Dark Foreground (Used for status bars)
+base05  #000000  Default Foreground, Caret, Delimiters, Operators
+base06  #f8f8f8  Light Foreground (Not often used)
+base07  #c4d9c4  Light Background (Not often used)
+base08  #840000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #006565  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #755B00  Classes, Markup Bold, Search Text Background
+base0B  #730073  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #755B00  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #007300  Functions, Methods, Attribute IDs, Headings
+base0E  #000090  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #755B00  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #000000;
+  background: #e0e0e0
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d0d0d0;
+  color: #000000
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #707070 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #707070
+}
+/* base04 - #202020 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #202020
+}
+/* base05 - #000000 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #000000
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #840000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #006565
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #755B00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #755B00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #730073
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #755B00
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #007300
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #000090
+}
+.hljs-emphasis {
+  color: #000090;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #755B00
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/dirtysea.min.css b/apps/documentation/lib/highlight.js/styles/base16/dirtysea.min.css
new file mode 100644
index 00000000..801a545a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/dirtysea.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: dirtysea
+  Author: Kahlil (Kal) Hodgson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#000;background:#e0e0e0}.hljs ::selection,.hljs::selection{background-color:#d0d0d0;color:#000}.hljs-comment{color:#707070}.hljs-tag{color:#202020}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#000}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#840000}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#006565}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#755b00}.hljs-strong{font-weight:700;color:#755b00}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#730073}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#755b00}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#007300}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#000090}.hljs-emphasis{color:#000090;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#755b00}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/dracula.css b/apps/documentation/lib/highlight.js/styles/base16/dracula.css
new file mode 100644
index 00000000..d29e4b30
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/dracula.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Dracula
+  Author: Mike Barkmin (http://github.com/mikebarkmin) based on Dracula Theme (http://github.com/dracula)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme dracula
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282936  Default Background
+base01  #3a3c4e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4d4f68  Selection Background
+base03  #626483  Comments, Invisibles, Line Highlighting
+base04  #62d6e8  Dark Foreground (Used for status bars)
+base05  #e9e9f4  Default Foreground, Caret, Delimiters, Operators
+base06  #f1f2f8  Light Foreground (Not often used)
+base07  #f7f7fb  Light Background (Not often used)
+base08  #ea51b2  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b45bcf  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #00f769  Classes, Markup Bold, Search Text Background
+base0B  #ebff87  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #a1efe4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #62d6e8  Functions, Methods, Attribute IDs, Headings
+base0E  #b45bcf  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #00f769  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e9e9f4;
+  background: #282936
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4d4f68;
+  color: #e9e9f4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #626483 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #626483
+}
+/* base04 - #62d6e8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #62d6e8
+}
+/* base05 - #e9e9f4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e9e9f4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ea51b2
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b45bcf
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #00f769
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #00f769
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #ebff87
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #a1efe4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #62d6e8
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b45bcf
+}
+.hljs-emphasis {
+  color: #b45bcf;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #00f769
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/dracula.min.css b/apps/documentation/lib/highlight.js/styles/base16/dracula.min.css
new file mode 100644
index 00000000..729bbbfb
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/dracula.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Dracula
+  Author: Mike Barkmin (http://github.com/mikebarkmin) based on Dracula Theme (http://github.com/dracula)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e9e9f4;background:#282936}.hljs ::selection,.hljs::selection{background-color:#4d4f68;color:#e9e9f4}.hljs-comment{color:#626483}.hljs-tag{color:#62d6e8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e9e9f4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ea51b2}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b45bcf}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#00f769}.hljs-strong{font-weight:700;color:#00f769}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#ebff87}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#a1efe4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#62d6e8}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b45bcf}.hljs-emphasis{color:#b45bcf;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#00f769}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/edge-dark.css b/apps/documentation/lib/highlight.js/styles/base16/edge-dark.css
new file mode 100644
index 00000000..76b650b7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/edge-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Edge Dark
+  Author: cjayross (https://github.com/cjayross)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme edge-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #262729  Default Background
+base01  #88909f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #b7bec9  Selection Background
+base03  #3e4249  Comments, Invisibles, Line Highlighting
+base04  #73b3e7  Dark Foreground (Used for status bars)
+base05  #b7bec9  Default Foreground, Caret, Delimiters, Operators
+base06  #d390e7  Light Foreground (Not often used)
+base07  #3e4249  Light Background (Not often used)
+base08  #e77171  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #e77171  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #dbb774  Classes, Markup Bold, Search Text Background
+base0B  #a1bf78  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5ebaa5  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #73b3e7  Functions, Methods, Attribute IDs, Headings
+base0E  #d390e7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #5ebaa5  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b7bec9;
+  background: #262729
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #b7bec9;
+  color: #b7bec9
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #3e4249 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #3e4249
+}
+/* base04 - #73b3e7 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #73b3e7
+}
+/* base05 - #b7bec9 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b7bec9
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e77171
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #e77171
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #dbb774
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #dbb774
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a1bf78
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5ebaa5
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #73b3e7
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d390e7
+}
+.hljs-emphasis {
+  color: #d390e7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #5ebaa5
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/edge-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/edge-dark.min.css
new file mode 100644
index 00000000..9e2ddb2f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/edge-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Edge Dark
+  Author: cjayross (https://github.com/cjayross)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b7bec9;background:#262729}.hljs ::selection,.hljs::selection{background-color:#b7bec9;color:#b7bec9}.hljs-comment{color:#3e4249}.hljs-tag{color:#73b3e7}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b7bec9}.hljs-operator{opacity:.7}.hljs-attr,.hljs-bullet,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-name,.hljs-number,.hljs-selector-tag,.hljs-symbol,.hljs-template-variable,.hljs-variable,.hljs-variable.constant_{color:#e77171}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#dbb774}.hljs-strong{font-weight:700;color:#dbb774}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a1bf78}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5ebaa5}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#73b3e7}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d390e7}.hljs-emphasis{color:#d390e7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5ebaa5}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/edge-light.css b/apps/documentation/lib/highlight.js/styles/base16/edge-light.css
new file mode 100644
index 00000000..1f85ab22
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/edge-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Edge Light
+  Author: cjayross (https://github.com/cjayross)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme edge-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fafafa  Default Background
+base01  #7c9f4b  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d69822  Selection Background
+base03  #5e646f  Comments, Invisibles, Line Highlighting
+base04  #6587bf  Dark Foreground (Used for status bars)
+base05  #5e646f  Default Foreground, Caret, Delimiters, Operators
+base06  #b870ce  Light Foreground (Not often used)
+base07  #5e646f  Light Background (Not often used)
+base08  #db7070  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #db7070  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #d69822  Classes, Markup Bold, Search Text Background
+base0B  #7c9f4b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #509c93  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6587bf  Functions, Methods, Attribute IDs, Headings
+base0E  #b870ce  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #509c93  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5e646f;
+  background: #fafafa
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d69822;
+  color: #5e646f
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5e646f -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5e646f
+}
+/* base04 - #6587bf -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #6587bf
+}
+/* base05 - #5e646f -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5e646f
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #db7070
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #db7070
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #d69822
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #d69822
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7c9f4b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #509c93
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6587bf
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b870ce
+}
+.hljs-emphasis {
+  color: #b870ce;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #509c93
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/edge-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/edge-light.min.css
new file mode 100644
index 00000000..940401f7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/edge-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Edge Light
+  Author: cjayross (https://github.com/cjayross)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5e646f;background:#fafafa}.hljs ::selection,.hljs::selection{background-color:#d69822;color:#5e646f}.hljs-comment{color:#5e646f}.hljs-tag{color:#6587bf}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5e646f}.hljs-operator{opacity:.7}.hljs-attr,.hljs-bullet,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-name,.hljs-number,.hljs-selector-tag,.hljs-symbol,.hljs-template-variable,.hljs-variable,.hljs-variable.constant_{color:#db7070}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#d69822}.hljs-strong{font-weight:700;color:#d69822}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7c9f4b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#509c93}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6587bf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b870ce}.hljs-emphasis{color:#b870ce;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#509c93}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/eighties.css b/apps/documentation/lib/highlight.js/styles/base16/eighties.css
new file mode 100644
index 00000000..149acef1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/eighties.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Eighties
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme eighties
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2d2d2d  Default Background
+base01  #393939  Lighter Background (Used for status bars, line number and folding marks)
+base02  #515151  Selection Background
+base03  #747369  Comments, Invisibles, Line Highlighting
+base04  #a09f93  Dark Foreground (Used for status bars)
+base05  #d3d0c8  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e6df  Light Foreground (Not often used)
+base07  #f2f0ec  Light Background (Not often used)
+base08  #f2777a  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f99157  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffcc66  Classes, Markup Bold, Search Text Background
+base0B  #99cc99  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #66cccc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6699cc  Functions, Methods, Attribute IDs, Headings
+base0E  #cc99cc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d27b53  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d3d0c8;
+  background: #2d2d2d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #515151;
+  color: #d3d0c8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #747369 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #747369
+}
+/* base04 - #a09f93 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a09f93
+}
+/* base05 - #d3d0c8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d3d0c8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f2777a
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f99157
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffcc66
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffcc66
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #99cc99
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #66cccc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6699cc
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #cc99cc
+}
+.hljs-emphasis {
+  color: #cc99cc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d27b53
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/eighties.min.css b/apps/documentation/lib/highlight.js/styles/base16/eighties.min.css
new file mode 100644
index 00000000..0ef9e1e6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/eighties.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Eighties
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d3d0c8;background:#2d2d2d}.hljs ::selection,.hljs::selection{background-color:#515151;color:#d3d0c8}.hljs-comment{color:#747369}.hljs-tag{color:#a09f93}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d3d0c8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f2777a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f99157}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fc6}.hljs-strong{font-weight:700;color:#fc6}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#9c9}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#6cc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#69c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c9c}.hljs-emphasis{color:#c9c;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d27b53}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/embers.css b/apps/documentation/lib/highlight.js/styles/base16/embers.css
new file mode 100644
index 00000000..4172ef63
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/embers.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Embers
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme embers
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #16130F  Default Background
+base01  #2C2620  Lighter Background (Used for status bars, line number and folding marks)
+base02  #433B32  Selection Background
+base03  #5A5047  Comments, Invisibles, Line Highlighting
+base04  #8A8075  Dark Foreground (Used for status bars)
+base05  #A39A90  Default Foreground, Caret, Delimiters, Operators
+base06  #BEB6AE  Light Foreground (Not often used)
+base07  #DBD6D1  Light Background (Not often used)
+base08  #826D57  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #828257  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #6D8257  Classes, Markup Bold, Search Text Background
+base0B  #57826D  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #576D82  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6D5782  Functions, Methods, Attribute IDs, Headings
+base0E  #82576D  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #825757  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #A39A90;
+  background: #16130F
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #433B32;
+  color: #A39A90
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5A5047 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5A5047
+}
+/* base04 - #8A8075 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #8A8075
+}
+/* base05 - #A39A90 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #A39A90
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #826D57
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #828257
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #6D8257
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #6D8257
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #57826D
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #576D82
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6D5782
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #82576D
+}
+.hljs-emphasis {
+  color: #82576D;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #825757
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/embers.min.css b/apps/documentation/lib/highlight.js/styles/base16/embers.min.css
new file mode 100644
index 00000000..eb5426cc
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/embers.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Embers
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a39a90;background:#16130f}.hljs ::selection,.hljs::selection{background-color:#433b32;color:#a39a90}.hljs-comment{color:#5a5047}.hljs-tag{color:#8a8075}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a39a90}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#826d57}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#828257}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#6d8257}.hljs-strong{font-weight:700;color:#6d8257}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#57826d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#576d82}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6d5782}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#82576d}.hljs-emphasis{color:#82576d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#825757}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/equilibrium-dark.css b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-dark.css
new file mode 100644
index 00000000..608a02ee
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Equilibrium Dark
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme equilibrium-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #0c1118  Default Background
+base01  #181c22  Lighter Background (Used for status bars, line number and folding marks)
+base02  #22262d  Selection Background
+base03  #7b776e  Comments, Invisibles, Line Highlighting
+base04  #949088  Dark Foreground (Used for status bars)
+base05  #afaba2  Default Foreground, Caret, Delimiters, Operators
+base06  #cac6bd  Light Foreground (Not often used)
+base07  #e7e2d9  Light Background (Not often used)
+base08  #f04339  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #df5923  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #bb8801  Classes, Markup Bold, Search Text Background
+base0B  #7f8b00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00948b  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #008dd1  Functions, Methods, Attribute IDs, Headings
+base0E  #6a7fd2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e3488e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #afaba2;
+  background: #0c1118
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #22262d;
+  color: #afaba2
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7b776e -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7b776e
+}
+/* base04 - #949088 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #949088
+}
+/* base05 - #afaba2 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #afaba2
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f04339
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #df5923
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #bb8801
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #bb8801
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7f8b00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00948b
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #008dd1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6a7fd2
+}
+.hljs-emphasis {
+  color: #6a7fd2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e3488e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/equilibrium-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-dark.min.css
new file mode 100644
index 00000000..e3fe3ae0
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Equilibrium Dark
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#afaba2;background:#0c1118}.hljs ::selection,.hljs::selection{background-color:#22262d;color:#afaba2}.hljs-comment{color:#7b776e}.hljs-tag{color:#949088}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#afaba2}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f04339}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#df5923}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#bb8801}.hljs-strong{font-weight:700;color:#bb8801}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7f8b00}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#00948b}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#008dd1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6a7fd2}.hljs-emphasis{color:#6a7fd2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e3488e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/equilibrium-gray-dark.css b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-gray-dark.css
new file mode 100644
index 00000000..5e4b619c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-gray-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Equilibrium Gray Dark
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme equilibrium-gray-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #111111  Default Background
+base01  #1b1b1b  Lighter Background (Used for status bars, line number and folding marks)
+base02  #262626  Selection Background
+base03  #777777  Comments, Invisibles, Line Highlighting
+base04  #919191  Dark Foreground (Used for status bars)
+base05  #ababab  Default Foreground, Caret, Delimiters, Operators
+base06  #c6c6c6  Light Foreground (Not often used)
+base07  #e2e2e2  Light Background (Not often used)
+base08  #f04339  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #df5923  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #bb8801  Classes, Markup Bold, Search Text Background
+base0B  #7f8b00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00948b  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #008dd1  Functions, Methods, Attribute IDs, Headings
+base0E  #6a7fd2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e3488e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #ababab;
+  background: #111111
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #262626;
+  color: #ababab
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #777777 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #777777
+}
+/* base04 - #919191 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #919191
+}
+/* base05 - #ababab -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #ababab
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f04339
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #df5923
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #bb8801
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #bb8801
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7f8b00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00948b
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #008dd1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6a7fd2
+}
+.hljs-emphasis {
+  color: #6a7fd2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e3488e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/equilibrium-gray-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-gray-dark.min.css
new file mode 100644
index 00000000..d3c2ff18
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-gray-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Equilibrium Gray Dark
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ababab;background:#111}.hljs ::selection,.hljs::selection{background-color:#262626;color:#ababab}.hljs-comment{color:#777}.hljs-tag{color:#919191}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ababab}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f04339}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#df5923}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#bb8801}.hljs-strong{font-weight:700;color:#bb8801}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7f8b00}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#00948b}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#008dd1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6a7fd2}.hljs-emphasis{color:#6a7fd2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e3488e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/equilibrium-gray-light.css b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-gray-light.css
new file mode 100644
index 00000000..6f50e3da
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-gray-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Equilibrium Gray Light
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme equilibrium-gray-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f1f1f1  Default Background
+base01  #e2e2e2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d4d4d4  Selection Background
+base03  #777777  Comments, Invisibles, Line Highlighting
+base04  #5e5e5e  Dark Foreground (Used for status bars)
+base05  #474747  Default Foreground, Caret, Delimiters, Operators
+base06  #303030  Light Foreground (Not often used)
+base07  #1b1b1b  Light Background (Not often used)
+base08  #d02023  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #bf3e05  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #9d6f00  Classes, Markup Bold, Search Text Background
+base0B  #637200  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #007a72  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0073b5  Functions, Methods, Attribute IDs, Headings
+base0E  #4e66b6  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c42775  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #474747;
+  background: #f1f1f1
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d4d4d4;
+  color: #474747
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #777777 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #777777
+}
+/* base04 - #5e5e5e -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5e5e5e
+}
+/* base05 - #474747 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #474747
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d02023
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #bf3e05
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #9d6f00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #9d6f00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #637200
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #007a72
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0073b5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #4e66b6
+}
+.hljs-emphasis {
+  color: #4e66b6;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c42775
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/equilibrium-gray-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-gray-light.min.css
new file mode 100644
index 00000000..817269f2
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-gray-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Equilibrium Gray Light
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#474747;background:#f1f1f1}.hljs ::selection,.hljs::selection{background-color:#d4d4d4;color:#474747}.hljs-comment{color:#777}.hljs-tag{color:#5e5e5e}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#474747}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d02023}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#bf3e05}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#9d6f00}.hljs-strong{font-weight:700;color:#9d6f00}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#637200}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#007a72}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0073b5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#4e66b6}.hljs-emphasis{color:#4e66b6;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c42775}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/equilibrium-light.css b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-light.css
new file mode 100644
index 00000000..23341cb0
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Equilibrium Light
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme equilibrium-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f5f0e7  Default Background
+base01  #e7e2d9  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d8d4cb  Selection Background
+base03  #73777f  Comments, Invisibles, Line Highlighting
+base04  #5a5f66  Dark Foreground (Used for status bars)
+base05  #43474e  Default Foreground, Caret, Delimiters, Operators
+base06  #2c3138  Light Foreground (Not often used)
+base07  #181c22  Light Background (Not often used)
+base08  #d02023  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #bf3e05  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #9d6f00  Classes, Markup Bold, Search Text Background
+base0B  #637200  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #007a72  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0073b5  Functions, Methods, Attribute IDs, Headings
+base0E  #4e66b6  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c42775  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #43474e;
+  background: #f5f0e7
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d8d4cb;
+  color: #43474e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #73777f -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #73777f
+}
+/* base04 - #5a5f66 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5a5f66
+}
+/* base05 - #43474e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #43474e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d02023
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #bf3e05
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #9d6f00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #9d6f00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #637200
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #007a72
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0073b5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #4e66b6
+}
+.hljs-emphasis {
+  color: #4e66b6;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c42775
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/equilibrium-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-light.min.css
new file mode 100644
index 00000000..38564e9b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/equilibrium-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Equilibrium Light
+  Author: Carlo Abelli
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#43474e;background:#f5f0e7}.hljs ::selection,.hljs::selection{background-color:#d8d4cb;color:#43474e}.hljs-comment{color:#73777f}.hljs-tag{color:#5a5f66}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#43474e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d02023}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#bf3e05}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#9d6f00}.hljs-strong{font-weight:700;color:#9d6f00}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#637200}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#007a72}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0073b5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#4e66b6}.hljs-emphasis{color:#4e66b6;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c42775}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/espresso.css b/apps/documentation/lib/highlight.js/styles/base16/espresso.css
new file mode 100644
index 00000000..ca25f04e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/espresso.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Espresso
+  Author: Unknown. Maintained by Alex Mirrington (https://github.com/alexmirrington)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme espresso
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2d2d2d  Default Background
+base01  #393939  Lighter Background (Used for status bars, line number and folding marks)
+base02  #515151  Selection Background
+base03  #777777  Comments, Invisibles, Line Highlighting
+base04  #b4b7b4  Dark Foreground (Used for status bars)
+base05  #cccccc  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #d25252  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f9a959  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffc66d  Classes, Markup Bold, Search Text Background
+base0B  #a5c261  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #bed6ff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6c99bb  Functions, Methods, Attribute IDs, Headings
+base0E  #d197d9  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #f97394  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cccccc;
+  background: #2d2d2d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #515151;
+  color: #cccccc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #777777 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #777777
+}
+/* base04 - #b4b7b4 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b4b7b4
+}
+/* base05 - #cccccc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cccccc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d25252
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f9a959
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffc66d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffc66d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a5c261
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #bed6ff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6c99bb
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d197d9
+}
+.hljs-emphasis {
+  color: #d197d9;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #f97394
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/espresso.min.css b/apps/documentation/lib/highlight.js/styles/base16/espresso.min.css
new file mode 100644
index 00000000..9d9a0aec
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/espresso.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Espresso
+  Author: Unknown. Maintained by Alex Mirrington (https://github.com/alexmirrington)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ccc;background:#2d2d2d}.hljs ::selection,.hljs::selection{background-color:#515151;color:#ccc}.hljs-comment{color:#777}.hljs-tag{color:#b4b7b4}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d25252}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f9a959}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffc66d}.hljs-strong{font-weight:700;color:#ffc66d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a5c261}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#bed6ff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6c99bb}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d197d9}.hljs-emphasis{color:#d197d9;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#f97394}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/eva-dim.css b/apps/documentation/lib/highlight.js/styles/base16/eva-dim.css
new file mode 100644
index 00000000..fca06f44
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/eva-dim.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Eva Dim
+  Author: kjakapat (https://github.com/kjakapat)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme eva-dim
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2a3b4d  Default Background
+base01  #3d566f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4b6988  Selection Background
+base03  #55799c  Comments, Invisibles, Line Highlighting
+base04  #7e90a3  Dark Foreground (Used for status bars)
+base05  #9fa2a6  Default Foreground, Caret, Delimiters, Operators
+base06  #d6d7d9  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #c4676c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff9966  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #cfd05d  Classes, Markup Bold, Search Text Background
+base0B  #5de561  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #4b8f77  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #1ae1dc  Functions, Methods, Attribute IDs, Headings
+base0E  #9c6cd3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bb64a9  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #9fa2a6;
+  background: #2a3b4d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4b6988;
+  color: #9fa2a6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #55799c -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #55799c
+}
+/* base04 - #7e90a3 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e90a3
+}
+/* base05 - #9fa2a6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #9fa2a6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c4676c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff9966
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #cfd05d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #cfd05d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #5de561
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #4b8f77
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #1ae1dc
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9c6cd3
+}
+.hljs-emphasis {
+  color: #9c6cd3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bb64a9
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/eva-dim.min.css b/apps/documentation/lib/highlight.js/styles/base16/eva-dim.min.css
new file mode 100644
index 00000000..ab371581
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/eva-dim.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Eva Dim
+  Author: kjakapat (https://github.com/kjakapat)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#9fa2a6;background:#2a3b4d}.hljs ::selection,.hljs::selection{background-color:#4b6988;color:#9fa2a6}.hljs-comment{color:#55799c}.hljs-tag{color:#7e90a3}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#9fa2a6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c4676c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f96}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#cfd05d}.hljs-strong{font-weight:700;color:#cfd05d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#5de561}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#4b8f77}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#1ae1dc}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9c6cd3}.hljs-emphasis{color:#9c6cd3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bb64a9}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/eva.css b/apps/documentation/lib/highlight.js/styles/base16/eva.css
new file mode 100644
index 00000000..46f19556
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/eva.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Eva
+  Author: kjakapat (https://github.com/kjakapat)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme eva
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2a3b4d  Default Background
+base01  #3d566f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4b6988  Selection Background
+base03  #55799c  Comments, Invisibles, Line Highlighting
+base04  #7e90a3  Dark Foreground (Used for status bars)
+base05  #9fa2a6  Default Foreground, Caret, Delimiters, Operators
+base06  #d6d7d9  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #c4676c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff9966  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffff66  Classes, Markup Bold, Search Text Background
+base0B  #66ff66  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #4b8f77  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #15f4ee  Functions, Methods, Attribute IDs, Headings
+base0E  #9c6cd3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bb64a9  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #9fa2a6;
+  background: #2a3b4d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4b6988;
+  color: #9fa2a6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #55799c -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #55799c
+}
+/* base04 - #7e90a3 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e90a3
+}
+/* base05 - #9fa2a6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #9fa2a6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c4676c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff9966
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffff66
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffff66
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #66ff66
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #4b8f77
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #15f4ee
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9c6cd3
+}
+.hljs-emphasis {
+  color: #9c6cd3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bb64a9
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/eva.min.css b/apps/documentation/lib/highlight.js/styles/base16/eva.min.css
new file mode 100644
index 00000000..c4fb9ccd
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/eva.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Eva
+  Author: kjakapat (https://github.com/kjakapat)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#9fa2a6;background:#2a3b4d}.hljs ::selection,.hljs::selection{background-color:#4b6988;color:#9fa2a6}.hljs-comment{color:#55799c}.hljs-tag{color:#7e90a3}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#9fa2a6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c4676c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f96}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ff6}.hljs-strong{font-weight:700;color:#ff6}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#6f6}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#4b8f77}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#15f4ee}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9c6cd3}.hljs-emphasis{color:#9c6cd3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bb64a9}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/flat.css b/apps/documentation/lib/highlight.js/styles/base16/flat.css
new file mode 100644
index 00000000..0859bad6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/flat.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Flat
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme flat
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2C3E50  Default Background
+base01  #34495E  Lighter Background (Used for status bars, line number and folding marks)
+base02  #7F8C8D  Selection Background
+base03  #95A5A6  Comments, Invisibles, Line Highlighting
+base04  #BDC3C7  Dark Foreground (Used for status bars)
+base05  #e0e0e0  Default Foreground, Caret, Delimiters, Operators
+base06  #f5f5f5  Light Foreground (Not often used)
+base07  #ECF0F1  Light Background (Not often used)
+base08  #E74C3C  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #E67E22  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #F1C40F  Classes, Markup Bold, Search Text Background
+base0B  #2ECC71  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1ABC9C  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3498DB  Functions, Methods, Attribute IDs, Headings
+base0E  #9B59B6  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #be643c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e0e0e0;
+  background: #2C3E50
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #7F8C8D;
+  color: #e0e0e0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #95A5A6 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #95A5A6
+}
+/* base04 - #BDC3C7 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #BDC3C7
+}
+/* base05 - #e0e0e0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e0e0e0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #E74C3C
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #E67E22
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #F1C40F
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #F1C40F
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #2ECC71
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1ABC9C
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3498DB
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9B59B6
+}
+.hljs-emphasis {
+  color: #9B59B6;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #be643c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/flat.min.css b/apps/documentation/lib/highlight.js/styles/base16/flat.min.css
new file mode 100644
index 00000000..7e6ece52
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/flat.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Flat
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e0e0e0;background:#2c3e50}.hljs ::selection,.hljs::selection{background-color:#7f8c8d;color:#e0e0e0}.hljs-comment{color:#95a5a6}.hljs-tag{color:#bdc3c7}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e0e0e0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e74c3c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e67e22}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f1c40f}.hljs-strong{font-weight:700;color:#f1c40f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#2ecc71}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1abc9c}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3498db}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9b59b6}.hljs-emphasis{color:#9b59b6;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#be643c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/framer.css b/apps/documentation/lib/highlight.js/styles/base16/framer.css
new file mode 100644
index 00000000..3c90bf92
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/framer.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Framer
+  Author: Framer (Maintained by Jesse Hoyos)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme framer
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #181818  Default Background
+base01  #151515  Lighter Background (Used for status bars, line number and folding marks)
+base02  #464646  Selection Background
+base03  #747474  Comments, Invisibles, Line Highlighting
+base04  #B9B9B9  Dark Foreground (Used for status bars)
+base05  #D0D0D0  Default Foreground, Caret, Delimiters, Operators
+base06  #E8E8E8  Light Foreground (Not often used)
+base07  #EEEEEE  Light Background (Not often used)
+base08  #FD886B  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #FC4769  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FECB6E  Classes, Markup Bold, Search Text Background
+base0B  #32CCDC  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #ACDDFD  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #20BCFC  Functions, Methods, Attribute IDs, Headings
+base0E  #BA8CFC  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #B15F4A  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #D0D0D0;
+  background: #181818
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #464646;
+  color: #D0D0D0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #747474 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #747474
+}
+/* base04 - #B9B9B9 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #B9B9B9
+}
+/* base05 - #D0D0D0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #D0D0D0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #FD886B
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #FC4769
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FECB6E
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FECB6E
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #32CCDC
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #ACDDFD
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #20BCFC
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #BA8CFC
+}
+.hljs-emphasis {
+  color: #BA8CFC;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #B15F4A
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/framer.min.css b/apps/documentation/lib/highlight.js/styles/base16/framer.min.css
new file mode 100644
index 00000000..3024b544
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/framer.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Framer
+  Author: Framer (Maintained by Jesse Hoyos)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0d0;background:#181818}.hljs ::selection,.hljs::selection{background-color:#464646;color:#d0d0d0}.hljs-comment{color:#747474}.hljs-tag{color:#b9b9b9}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0d0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fd886b}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fc4769}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fecb6e}.hljs-strong{font-weight:700;color:#fecb6e}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#32ccdc}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#acddfd}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#20bcfc}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ba8cfc}.hljs-emphasis{color:#ba8cfc;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b15f4a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/fruit-soda.css b/apps/documentation/lib/highlight.js/styles/base16/fruit-soda.css
new file mode 100644
index 00000000..396faaa7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/fruit-soda.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Fruit Soda
+  Author: jozip
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme fruit-soda
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f1ecf1  Default Background
+base01  #e0dee0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d8d5d5  Selection Background
+base03  #b5b4b6  Comments, Invisibles, Line Highlighting
+base04  #979598  Dark Foreground (Used for status bars)
+base05  #515151  Default Foreground, Caret, Delimiters, Operators
+base06  #474545  Light Foreground (Not often used)
+base07  #2d2c2c  Light Background (Not often used)
+base08  #fe3e31  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fe6d08  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f7e203  Classes, Markup Bold, Search Text Background
+base0B  #47f74c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #0f9cfd  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #2931df  Functions, Methods, Attribute IDs, Headings
+base0E  #611fce  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b16f40  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #515151;
+  background: #f1ecf1
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d8d5d5;
+  color: #515151
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #b5b4b6 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #b5b4b6
+}
+/* base04 - #979598 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #979598
+}
+/* base05 - #515151 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #515151
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fe3e31
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fe6d08
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f7e203
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f7e203
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #47f74c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #0f9cfd
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #2931df
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #611fce
+}
+.hljs-emphasis {
+  color: #611fce;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b16f40
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/fruit-soda.min.css b/apps/documentation/lib/highlight.js/styles/base16/fruit-soda.min.css
new file mode 100644
index 00000000..6e84fd7d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/fruit-soda.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Fruit Soda
+  Author: jozip
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#515151;background:#f1ecf1}.hljs ::selection,.hljs::selection{background-color:#d8d5d5;color:#515151}.hljs-comment{color:#b5b4b6}.hljs-tag{color:#979598}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#515151}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fe3e31}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fe6d08}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f7e203}.hljs-strong{font-weight:700;color:#f7e203}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#47f74c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0f9cfd}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#2931df}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#611fce}.hljs-emphasis{color:#611fce;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b16f40}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gigavolt.css b/apps/documentation/lib/highlight.js/styles/base16/gigavolt.css
new file mode 100644
index 00000000..89de247e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gigavolt.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gigavolt
+  Author: Aidan Swope (http://github.com/Whillikers)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gigavolt
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #202126  Default Background
+base01  #2d303d  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5a576e  Selection Background
+base03  #a1d2e6  Comments, Invisibles, Line Highlighting
+base04  #cad3ff  Dark Foreground (Used for status bars)
+base05  #e9e7e1  Default Foreground, Caret, Delimiters, Operators
+base06  #eff0f9  Light Foreground (Not often used)
+base07  #f2fbff  Light Background (Not often used)
+base08  #ff661a  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #19f988  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffdc2d  Classes, Markup Bold, Search Text Background
+base0B  #f2e6a9  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #fb6acb  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #40bfff  Functions, Methods, Attribute IDs, Headings
+base0E  #ae94f9  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #6187ff  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e9e7e1;
+  background: #202126
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5a576e;
+  color: #e9e7e1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #a1d2e6 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #a1d2e6
+}
+/* base04 - #cad3ff -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #cad3ff
+}
+/* base05 - #e9e7e1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e9e7e1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff661a
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #19f988
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffdc2d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffdc2d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #f2e6a9
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #fb6acb
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #40bfff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ae94f9
+}
+.hljs-emphasis {
+  color: #ae94f9;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #6187ff
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gigavolt.min.css b/apps/documentation/lib/highlight.js/styles/base16/gigavolt.min.css
new file mode 100644
index 00000000..9115b0c9
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gigavolt.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gigavolt
+  Author: Aidan Swope (http://github.com/Whillikers)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e9e7e1;background:#202126}.hljs ::selection,.hljs::selection{background-color:#5a576e;color:#e9e7e1}.hljs-comment{color:#a1d2e6}.hljs-tag{color:#cad3ff}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e9e7e1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff661a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#19f988}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffdc2d}.hljs-strong{font-weight:700;color:#ffdc2d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#f2e6a9}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#fb6acb}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#40bfff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ae94f9}.hljs-emphasis{color:#ae94f9;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#6187ff}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/github.css b/apps/documentation/lib/highlight.js/styles/base16/github.css
new file mode 100644
index 00000000..b3aa5d07
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/github.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Github
+  Author: Defman21
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme github
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ffffff  Default Background
+base01  #f5f5f5  Lighter Background (Used for status bars, line number and folding marks)
+base02  #c8c8fa  Selection Background
+base03  #969896  Comments, Invisibles, Line Highlighting
+base04  #e8e8e8  Dark Foreground (Used for status bars)
+base05  #333333  Default Foreground, Caret, Delimiters, Operators
+base06  #ffffff  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #ed6a43  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #0086b3  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #795da3  Classes, Markup Bold, Search Text Background
+base0B  #183691  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #183691  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #795da3  Functions, Methods, Attribute IDs, Headings
+base0E  #a71d5d  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #333333  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #333333;
+  background: #ffffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #c8c8fa;
+  color: #333333
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #969896 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #969896
+}
+/* base04 - #e8e8e8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #e8e8e8
+}
+/* base05 - #333333 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #333333
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ed6a43
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #0086b3
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #795da3
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #795da3
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #183691
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #183691
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #795da3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a71d5d
+}
+.hljs-emphasis {
+  color: #a71d5d;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #333333
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/github.min.css b/apps/documentation/lib/highlight.js/styles/base16/github.min.css
new file mode 100644
index 00000000..188aaaab
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/github.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Github
+  Author: Defman21
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#333;background:#fff}.hljs ::selection,.hljs::selection{background-color:#c8c8fa;color:#333}.hljs-comment{color:#969896}.hljs-tag{color:#e8e8e8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#333}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ed6a43}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#0086b3}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#795da3}.hljs-strong{font-weight:700;color:#795da3}.hljs-addition,.hljs-built_in,.hljs-code,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp,.hljs-string,.hljs-title.class_.inherited__{color:#183691}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#795da3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a71d5d}.hljs-emphasis{color:#a71d5d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#333}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/google-dark.css b/apps/documentation/lib/highlight.js/styles/base16/google-dark.css
new file mode 100644
index 00000000..e43136f1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/google-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Google Dark
+  Author: Seth Wright (http://sethawright.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme google-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1d1f21  Default Background
+base01  #282a2e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #373b41  Selection Background
+base03  #969896  Comments, Invisibles, Line Highlighting
+base04  #b4b7b4  Dark Foreground (Used for status bars)
+base05  #c5c8c6  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #CC342B  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F96A38  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FBA922  Classes, Markup Bold, Search Text Background
+base0B  #198844  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3971ED  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3971ED  Functions, Methods, Attribute IDs, Headings
+base0E  #A36AC7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #3971ED  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c5c8c6;
+  background: #1d1f21
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #373b41;
+  color: #c5c8c6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #969896 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #969896
+}
+/* base04 - #b4b7b4 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b4b7b4
+}
+/* base05 - #c5c8c6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c5c8c6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #CC342B
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F96A38
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FBA922
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FBA922
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #198844
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3971ED
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3971ED
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #A36AC7
+}
+.hljs-emphasis {
+  color: #A36AC7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #3971ED
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/google-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/google-dark.min.css
new file mode 100644
index 00000000..bd2a2dc2
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/google-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Google Dark
+  Author: Seth Wright (http://sethawright.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c5c8c6;background:#1d1f21}.hljs ::selection,.hljs::selection{background-color:#373b41;color:#c5c8c6}.hljs-comment{color:#969896}.hljs-tag{color:#b4b7b4}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c5c8c6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cc342b}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f96a38}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fba922}.hljs-strong{font-weight:700;color:#fba922}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#198844}.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-function .hljs-title,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3971ed}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a36ac7}.hljs-emphasis{color:#a36ac7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#3971ed}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/google-light.css b/apps/documentation/lib/highlight.js/styles/base16/google-light.css
new file mode 100644
index 00000000..ff941988
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/google-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Google Light
+  Author: Seth Wright (http://sethawright.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme google-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ffffff  Default Background
+base01  #e0e0e0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #c5c8c6  Selection Background
+base03  #b4b7b4  Comments, Invisibles, Line Highlighting
+base04  #969896  Dark Foreground (Used for status bars)
+base05  #373b41  Default Foreground, Caret, Delimiters, Operators
+base06  #282a2e  Light Foreground (Not often used)
+base07  #1d1f21  Light Background (Not often used)
+base08  #CC342B  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F96A38  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FBA922  Classes, Markup Bold, Search Text Background
+base0B  #198844  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3971ED  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3971ED  Functions, Methods, Attribute IDs, Headings
+base0E  #A36AC7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #3971ED  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #373b41;
+  background: #ffffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #c5c8c6;
+  color: #373b41
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #b4b7b4 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #b4b7b4
+}
+/* base04 - #969896 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #969896
+}
+/* base05 - #373b41 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #373b41
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #CC342B
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F96A38
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FBA922
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FBA922
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #198844
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3971ED
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3971ED
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #A36AC7
+}
+.hljs-emphasis {
+  color: #A36AC7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #3971ED
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/google-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/google-light.min.css
new file mode 100644
index 00000000..26e6ffb7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/google-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Google Light
+  Author: Seth Wright (http://sethawright.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#373b41;background:#fff}.hljs ::selection,.hljs::selection{background-color:#c5c8c6;color:#373b41}.hljs-comment{color:#b4b7b4}.hljs-tag{color:#969896}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#373b41}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cc342b}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f96a38}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fba922}.hljs-strong{font-weight:700;color:#fba922}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#198844}.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-function .hljs-title,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3971ed}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a36ac7}.hljs-emphasis{color:#a36ac7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#3971ed}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/grayscale-dark.css b/apps/documentation/lib/highlight.js/styles/base16/grayscale-dark.css
new file mode 100644
index 00000000..c97e81ef
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/grayscale-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Grayscale Dark
+  Author: Alexandre Gavioli (https://github.com/Alexx2/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme grayscale-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #101010  Default Background
+base01  #252525  Lighter Background (Used for status bars, line number and folding marks)
+base02  #464646  Selection Background
+base03  #525252  Comments, Invisibles, Line Highlighting
+base04  #ababab  Dark Foreground (Used for status bars)
+base05  #b9b9b9  Default Foreground, Caret, Delimiters, Operators
+base06  #e3e3e3  Light Foreground (Not often used)
+base07  #f7f7f7  Light Background (Not often used)
+base08  #7c7c7c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #999999  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a0a0a0  Classes, Markup Bold, Search Text Background
+base0B  #8e8e8e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #868686  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #686868  Functions, Methods, Attribute IDs, Headings
+base0E  #747474  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #5e5e5e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b9b9b9;
+  background: #101010
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #464646;
+  color: #b9b9b9
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #525252 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #525252
+}
+/* base04 - #ababab -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #ababab
+}
+/* base05 - #b9b9b9 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b9b9b9
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #7c7c7c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #999999
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a0a0a0
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a0a0a0
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8e8e8e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #868686
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #686868
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #747474
+}
+.hljs-emphasis {
+  color: #747474;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #5e5e5e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/grayscale-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/grayscale-dark.min.css
new file mode 100644
index 00000000..54c9a4c7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/grayscale-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Grayscale Dark
+  Author: Alexandre Gavioli (https://github.com/Alexx2/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b9b9b9;background:#101010}.hljs ::selection,.hljs::selection{background-color:#464646;color:#b9b9b9}.hljs-comment{color:#525252}.hljs-tag{color:#ababab}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b9b9b9}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#7c7c7c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#999}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a0a0a0}.hljs-strong{font-weight:700;color:#a0a0a0}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8e8e8e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#868686}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#686868}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#747474}.hljs-emphasis{color:#747474;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5e5e5e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/grayscale-light.css b/apps/documentation/lib/highlight.js/styles/base16/grayscale-light.css
new file mode 100644
index 00000000..af0c2f50
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/grayscale-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Grayscale Light
+  Author: Alexandre Gavioli (https://github.com/Alexx2/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme grayscale-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f7f7f7  Default Background
+base01  #e3e3e3  Lighter Background (Used for status bars, line number and folding marks)
+base02  #b9b9b9  Selection Background
+base03  #ababab  Comments, Invisibles, Line Highlighting
+base04  #525252  Dark Foreground (Used for status bars)
+base05  #464646  Default Foreground, Caret, Delimiters, Operators
+base06  #252525  Light Foreground (Not often used)
+base07  #101010  Light Background (Not often used)
+base08  #7c7c7c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #999999  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a0a0a0  Classes, Markup Bold, Search Text Background
+base0B  #8e8e8e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #868686  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #686868  Functions, Methods, Attribute IDs, Headings
+base0E  #747474  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #5e5e5e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #464646;
+  background: #f7f7f7
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #b9b9b9;
+  color: #464646
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #ababab -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #ababab
+}
+/* base04 - #525252 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #525252
+}
+/* base05 - #464646 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #464646
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #7c7c7c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #999999
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a0a0a0
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a0a0a0
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8e8e8e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #868686
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #686868
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #747474
+}
+.hljs-emphasis {
+  color: #747474;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #5e5e5e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/grayscale-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/grayscale-light.min.css
new file mode 100644
index 00000000..3d85f2c6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/grayscale-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Grayscale Light
+  Author: Alexandre Gavioli (https://github.com/Alexx2/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#464646;background:#f7f7f7}.hljs ::selection,.hljs::selection{background-color:#b9b9b9;color:#464646}.hljs-comment{color:#ababab}.hljs-tag{color:#525252}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#464646}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#7c7c7c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#999}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a0a0a0}.hljs-strong{font-weight:700;color:#a0a0a0}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8e8e8e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#868686}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#686868}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#747474}.hljs-emphasis{color:#747474;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5e5e5e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/green-screen.css b/apps/documentation/lib/highlight.js/styles/base16/green-screen.css
new file mode 100644
index 00000000..884ee207
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/green-screen.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Green Screen
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme green-screen
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #001100  Default Background
+base01  #003300  Lighter Background (Used for status bars, line number and folding marks)
+base02  #005500  Selection Background
+base03  #007700  Comments, Invisibles, Line Highlighting
+base04  #009900  Dark Foreground (Used for status bars)
+base05  #00bb00  Default Foreground, Caret, Delimiters, Operators
+base06  #00dd00  Light Foreground (Not often used)
+base07  #00ff00  Light Background (Not often used)
+base08  #007700  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #009900  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #007700  Classes, Markup Bold, Search Text Background
+base0B  #00bb00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #005500  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #009900  Functions, Methods, Attribute IDs, Headings
+base0E  #00bb00  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #005500  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #00bb00;
+  background: #001100
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #005500;
+  color: #00bb00
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #007700 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #007700
+}
+/* base04 - #009900 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #009900
+}
+/* base05 - #00bb00 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #00bb00
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #007700
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #009900
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #007700
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #007700
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00bb00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #005500
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #009900
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #00bb00
+}
+.hljs-emphasis {
+  color: #00bb00;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #005500
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/green-screen.min.css b/apps/documentation/lib/highlight.js/styles/base16/green-screen.min.css
new file mode 100644
index 00000000..8f666306
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/green-screen.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Green Screen
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#0b0;background:#010}.hljs ::selection,.hljs::selection{background-color:#050;color:#0b0}.hljs-comment{color:#070}.hljs-tag{color:#090}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#0b0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#070}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#090}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#070}.hljs-strong{font-weight:700;color:#070}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#0b0}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#050}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#090}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#0b0}.hljs-emphasis{color:#0b0;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#050}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-hard.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-hard.css
new file mode 100644
index 00000000..0c3e7e69
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-hard.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox dark, hard
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-dark-hard
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1d2021  Default Background
+base01  #3c3836  Lighter Background (Used for status bars, line number and folding marks)
+base02  #504945  Selection Background
+base03  #665c54  Comments, Invisibles, Line Highlighting
+base04  #bdae93  Dark Foreground (Used for status bars)
+base05  #d5c4a1  Default Foreground, Caret, Delimiters, Operators
+base06  #ebdbb2  Light Foreground (Not often used)
+base07  #fbf1c7  Light Background (Not often used)
+base08  #fb4934  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fe8019  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fabd2f  Classes, Markup Bold, Search Text Background
+base0B  #b8bb26  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #8ec07c  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83a598  Functions, Methods, Attribute IDs, Headings
+base0E  #d3869b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d5c4a1;
+  background: #1d2021
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #504945;
+  color: #d5c4a1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #665c54 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #665c54
+}
+/* base04 - #bdae93 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #bdae93
+}
+/* base05 - #d5c4a1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d5c4a1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fb4934
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fe8019
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fabd2f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fabd2f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #b8bb26
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #8ec07c
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83a598
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d3869b
+}
+.hljs-emphasis {
+  color: #d3869b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-hard.min.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-hard.min.css
new file mode 100644
index 00000000..d82083ec
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-hard.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox dark, hard
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d5c4a1;background:#1d2021}.hljs ::selection,.hljs::selection{background-color:#504945;color:#d5c4a1}.hljs-comment{color:#665c54}.hljs-tag{color:#bdae93}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d5c4a1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb4934}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fe8019}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fabd2f}.hljs-strong{font-weight:700;color:#fabd2f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#b8bb26}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#8ec07c}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83a598}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d3869b}.hljs-emphasis{color:#d3869b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-medium.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-medium.css
new file mode 100644
index 00000000..9e76d5a2
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-medium.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox dark, medium
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-dark-medium
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282828  Default Background
+base01  #3c3836  Lighter Background (Used for status bars, line number and folding marks)
+base02  #504945  Selection Background
+base03  #665c54  Comments, Invisibles, Line Highlighting
+base04  #bdae93  Dark Foreground (Used for status bars)
+base05  #d5c4a1  Default Foreground, Caret, Delimiters, Operators
+base06  #ebdbb2  Light Foreground (Not often used)
+base07  #fbf1c7  Light Background (Not often used)
+base08  #fb4934  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fe8019  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fabd2f  Classes, Markup Bold, Search Text Background
+base0B  #b8bb26  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #8ec07c  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83a598  Functions, Methods, Attribute IDs, Headings
+base0E  #d3869b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d5c4a1;
+  background: #282828
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #504945;
+  color: #d5c4a1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #665c54 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #665c54
+}
+/* base04 - #bdae93 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #bdae93
+}
+/* base05 - #d5c4a1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d5c4a1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fb4934
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fe8019
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fabd2f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fabd2f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #b8bb26
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #8ec07c
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83a598
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d3869b
+}
+.hljs-emphasis {
+  color: #d3869b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-medium.min.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-medium.min.css
new file mode 100644
index 00000000..1fc5e3ad
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-medium.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox dark, medium
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d5c4a1;background:#282828}.hljs ::selection,.hljs::selection{background-color:#504945;color:#d5c4a1}.hljs-comment{color:#665c54}.hljs-tag{color:#bdae93}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d5c4a1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb4934}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fe8019}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fabd2f}.hljs-strong{font-weight:700;color:#fabd2f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#b8bb26}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#8ec07c}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83a598}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d3869b}.hljs-emphasis{color:#d3869b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-pale.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-pale.css
new file mode 100644
index 00000000..4377322e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-pale.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox dark, pale
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-dark-pale
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #262626  Default Background
+base01  #3a3a3a  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4e4e4e  Selection Background
+base03  #8a8a8a  Comments, Invisibles, Line Highlighting
+base04  #949494  Dark Foreground (Used for status bars)
+base05  #dab997  Default Foreground, Caret, Delimiters, Operators
+base06  #d5c4a1  Light Foreground (Not often used)
+base07  #ebdbb2  Light Background (Not often used)
+base08  #d75f5f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff8700  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffaf00  Classes, Markup Bold, Search Text Background
+base0B  #afaf00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #85ad85  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83adad  Functions, Methods, Attribute IDs, Headings
+base0E  #d485ad  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #dab997;
+  background: #262626
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4e4e4e;
+  color: #dab997
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #8a8a8a -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #8a8a8a
+}
+/* base04 - #949494 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #949494
+}
+/* base05 - #dab997 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #dab997
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d75f5f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff8700
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffaf00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffaf00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #afaf00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #85ad85
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83adad
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d485ad
+}
+.hljs-emphasis {
+  color: #d485ad;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-pale.min.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-pale.min.css
new file mode 100644
index 00000000..293b4bc6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-pale.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox dark, pale
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#dab997;background:#262626}.hljs ::selection,.hljs::selection{background-color:#4e4e4e;color:#dab997}.hljs-comment{color:#8a8a8a}.hljs-tag{color:#949494}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#dab997}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d75f5f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff8700}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffaf00}.hljs-strong{font-weight:700;color:#ffaf00}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#afaf00}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#85ad85}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83adad}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d485ad}.hljs-emphasis{color:#d485ad;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-soft.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-soft.css
new file mode 100644
index 00000000..d56d8204
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-soft.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox dark, soft
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-dark-soft
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #32302f  Default Background
+base01  #3c3836  Lighter Background (Used for status bars, line number and folding marks)
+base02  #504945  Selection Background
+base03  #665c54  Comments, Invisibles, Line Highlighting
+base04  #bdae93  Dark Foreground (Used for status bars)
+base05  #d5c4a1  Default Foreground, Caret, Delimiters, Operators
+base06  #ebdbb2  Light Foreground (Not often used)
+base07  #fbf1c7  Light Background (Not often used)
+base08  #fb4934  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fe8019  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fabd2f  Classes, Markup Bold, Search Text Background
+base0B  #b8bb26  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #8ec07c  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83a598  Functions, Methods, Attribute IDs, Headings
+base0E  #d3869b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d5c4a1;
+  background: #32302f
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #504945;
+  color: #d5c4a1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #665c54 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #665c54
+}
+/* base04 - #bdae93 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #bdae93
+}
+/* base05 - #d5c4a1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d5c4a1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fb4934
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fe8019
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fabd2f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fabd2f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #b8bb26
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #8ec07c
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83a598
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d3869b
+}
+.hljs-emphasis {
+  color: #d3869b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-soft.min.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-soft.min.css
new file mode 100644
index 00000000..c327bbc9
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-dark-soft.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox dark, soft
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d5c4a1;background:#32302f}.hljs ::selection,.hljs::selection{background-color:#504945;color:#d5c4a1}.hljs-comment{color:#665c54}.hljs-tag{color:#bdae93}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d5c4a1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb4934}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fe8019}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fabd2f}.hljs-strong{font-weight:700;color:#fabd2f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#b8bb26}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#8ec07c}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83a598}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d3869b}.hljs-emphasis{color:#d3869b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-hard.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-hard.css
new file mode 100644
index 00000000..4bcf0470
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-hard.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox light, hard
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-light-hard
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f9f5d7  Default Background
+base01  #ebdbb2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d5c4a1  Selection Background
+base03  #bdae93  Comments, Invisibles, Line Highlighting
+base04  #665c54  Dark Foreground (Used for status bars)
+base05  #504945  Default Foreground, Caret, Delimiters, Operators
+base06  #3c3836  Light Foreground (Not often used)
+base07  #282828  Light Background (Not often used)
+base08  #9d0006  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #af3a03  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b57614  Classes, Markup Bold, Search Text Background
+base0B  #79740e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #427b58  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #076678  Functions, Methods, Attribute IDs, Headings
+base0E  #8f3f71  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #504945;
+  background: #f9f5d7
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d5c4a1;
+  color: #504945
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #bdae93 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #bdae93
+}
+/* base04 - #665c54 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #665c54
+}
+/* base05 - #504945 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #504945
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #9d0006
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #af3a03
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b57614
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b57614
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #79740e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #427b58
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #076678
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8f3f71
+}
+.hljs-emphasis {
+  color: #8f3f71;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-hard.min.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-hard.min.css
new file mode 100644
index 00000000..34d5cb75
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-hard.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox light, hard
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#504945;background:#f9f5d7}.hljs ::selection,.hljs::selection{background-color:#d5c4a1;color:#504945}.hljs-comment{color:#bdae93}.hljs-tag{color:#665c54}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#504945}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#9d0006}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#af3a03}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b57614}.hljs-strong{font-weight:700;color:#b57614}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#79740e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#427b58}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#076678}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8f3f71}.hljs-emphasis{color:#8f3f71;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-medium.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-medium.css
new file mode 100644
index 00000000..f9ef0b54
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-medium.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox light, medium
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-light-medium
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fbf1c7  Default Background
+base01  #ebdbb2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d5c4a1  Selection Background
+base03  #bdae93  Comments, Invisibles, Line Highlighting
+base04  #665c54  Dark Foreground (Used for status bars)
+base05  #504945  Default Foreground, Caret, Delimiters, Operators
+base06  #3c3836  Light Foreground (Not often used)
+base07  #282828  Light Background (Not often used)
+base08  #9d0006  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #af3a03  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b57614  Classes, Markup Bold, Search Text Background
+base0B  #79740e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #427b58  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #076678  Functions, Methods, Attribute IDs, Headings
+base0E  #8f3f71  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #504945;
+  background: #fbf1c7
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d5c4a1;
+  color: #504945
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #bdae93 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #bdae93
+}
+/* base04 - #665c54 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #665c54
+}
+/* base05 - #504945 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #504945
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #9d0006
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #af3a03
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b57614
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b57614
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #79740e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #427b58
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #076678
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8f3f71
+}
+.hljs-emphasis {
+  color: #8f3f71;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-medium.min.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-medium.min.css
new file mode 100644
index 00000000..e866687d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-medium.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox light, medium
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#504945;background:#fbf1c7}.hljs ::selection,.hljs::selection{background-color:#d5c4a1;color:#504945}.hljs-comment{color:#bdae93}.hljs-tag{color:#665c54}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#504945}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#9d0006}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#af3a03}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b57614}.hljs-strong{font-weight:700;color:#b57614}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#79740e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#427b58}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#076678}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8f3f71}.hljs-emphasis{color:#8f3f71;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-soft.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-soft.css
new file mode 100644
index 00000000..35a6aed0
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-soft.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Gruvbox light, soft
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme gruvbox-light-soft
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f2e5bc  Default Background
+base01  #ebdbb2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d5c4a1  Selection Background
+base03  #bdae93  Comments, Invisibles, Line Highlighting
+base04  #665c54  Dark Foreground (Used for status bars)
+base05  #504945  Default Foreground, Caret, Delimiters, Operators
+base06  #3c3836  Light Foreground (Not often used)
+base07  #282828  Light Background (Not often used)
+base08  #9d0006  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #af3a03  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b57614  Classes, Markup Bold, Search Text Background
+base0B  #79740e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #427b58  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #076678  Functions, Methods, Attribute IDs, Headings
+base0E  #8f3f71  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d65d0e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #504945;
+  background: #f2e5bc
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d5c4a1;
+  color: #504945
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #bdae93 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #bdae93
+}
+/* base04 - #665c54 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #665c54
+}
+/* base05 - #504945 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #504945
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #9d0006
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #af3a03
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b57614
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b57614
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #79740e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #427b58
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #076678
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8f3f71
+}
+.hljs-emphasis {
+  color: #8f3f71;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d65d0e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-soft.min.css b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-soft.min.css
new file mode 100644
index 00000000..32ad2bdc
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/gruvbox-light-soft.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Gruvbox light, soft
+  Author: Dawid Kurek (dawikur@gmail.com), morhetz (https://github.com/morhetz/gruvbox)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#504945;background:#f2e5bc}.hljs ::selection,.hljs::selection{background-color:#d5c4a1;color:#504945}.hljs-comment{color:#bdae93}.hljs-tag{color:#665c54}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#504945}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#9d0006}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#af3a03}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b57614}.hljs-strong{font-weight:700;color:#b57614}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#79740e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#427b58}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#076678}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8f3f71}.hljs-emphasis{color:#8f3f71;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d65d0e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/hardcore.css b/apps/documentation/lib/highlight.js/styles/base16/hardcore.css
new file mode 100644
index 00000000..666d1456
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/hardcore.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Hardcore
+  Author: Chris Caller
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme hardcore
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #212121  Default Background
+base01  #303030  Lighter Background (Used for status bars, line number and folding marks)
+base02  #353535  Selection Background
+base03  #4A4A4A  Comments, Invisibles, Line Highlighting
+base04  #707070  Dark Foreground (Used for status bars)
+base05  #cdcdcd  Default Foreground, Caret, Delimiters, Operators
+base06  #e5e5e5  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #f92672  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fd971f  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #e6db74  Classes, Markup Bold, Search Text Background
+base0B  #a6e22e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #708387  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #66d9ef  Functions, Methods, Attribute IDs, Headings
+base0E  #9e6ffe  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e8b882  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cdcdcd;
+  background: #212121
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #353535;
+  color: #cdcdcd
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #4A4A4A -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #4A4A4A
+}
+/* base04 - #707070 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #707070
+}
+/* base05 - #cdcdcd -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cdcdcd
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f92672
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fd971f
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #e6db74
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #e6db74
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a6e22e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #708387
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #66d9ef
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9e6ffe
+}
+.hljs-emphasis {
+  color: #9e6ffe;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e8b882
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/hardcore.min.css b/apps/documentation/lib/highlight.js/styles/base16/hardcore.min.css
new file mode 100644
index 00000000..ce0a6151
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/hardcore.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Hardcore
+  Author: Chris Caller
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#cdcdcd;background:#212121}.hljs ::selection,.hljs::selection{background-color:#353535;color:#cdcdcd}.hljs-comment{color:#4a4a4a}.hljs-tag{color:#707070}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#cdcdcd}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f92672}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fd971f}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e6db74}.hljs-strong{font-weight:700;color:#e6db74}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a6e22e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#708387}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#66d9ef}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9e6ffe}.hljs-emphasis{color:#9e6ffe;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e8b882}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/harmonic16-dark.css b/apps/documentation/lib/highlight.js/styles/base16/harmonic16-dark.css
new file mode 100644
index 00000000..7f194a0b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/harmonic16-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Harmonic16 Dark
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme harmonic16-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #0b1c2c  Default Background
+base01  #223b54  Lighter Background (Used for status bars, line number and folding marks)
+base02  #405c79  Selection Background
+base03  #627e99  Comments, Invisibles, Line Highlighting
+base04  #aabcce  Dark Foreground (Used for status bars)
+base05  #cbd6e2  Default Foreground, Caret, Delimiters, Operators
+base06  #e5ebf1  Light Foreground (Not often used)
+base07  #f7f9fb  Light Background (Not often used)
+base08  #bf8b56  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #bfbf56  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #8bbf56  Classes, Markup Bold, Search Text Background
+base0B  #56bf8b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #568bbf  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8b56bf  Functions, Methods, Attribute IDs, Headings
+base0E  #bf568b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bf5656  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cbd6e2;
+  background: #0b1c2c
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #405c79;
+  color: #cbd6e2
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #627e99 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #627e99
+}
+/* base04 - #aabcce -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #aabcce
+}
+/* base05 - #cbd6e2 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cbd6e2
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #bf8b56
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #bfbf56
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #8bbf56
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #8bbf56
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #56bf8b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #568bbf
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8b56bf
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #bf568b
+}
+.hljs-emphasis {
+  color: #bf568b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bf5656
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/harmonic16-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/harmonic16-dark.min.css
new file mode 100644
index 00000000..497ad03a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/harmonic16-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Harmonic16 Dark
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#cbd6e2;background:#0b1c2c}.hljs ::selection,.hljs::selection{background-color:#405c79;color:#cbd6e2}.hljs-comment{color:#627e99}.hljs-tag{color:#aabcce}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#cbd6e2}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#bf8b56}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#bfbf56}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#8bbf56}.hljs-strong{font-weight:700;color:#8bbf56}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#56bf8b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#568bbf}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8b56bf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#bf568b}.hljs-emphasis{color:#bf568b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bf5656}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/harmonic16-light.css b/apps/documentation/lib/highlight.js/styles/base16/harmonic16-light.css
new file mode 100644
index 00000000..71bd4b66
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/harmonic16-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Harmonic16 Light
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme harmonic16-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f7f9fb  Default Background
+base01  #e5ebf1  Lighter Background (Used for status bars, line number and folding marks)
+base02  #cbd6e2  Selection Background
+base03  #aabcce  Comments, Invisibles, Line Highlighting
+base04  #627e99  Dark Foreground (Used for status bars)
+base05  #405c79  Default Foreground, Caret, Delimiters, Operators
+base06  #223b54  Light Foreground (Not often used)
+base07  #0b1c2c  Light Background (Not often used)
+base08  #bf8b56  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #bfbf56  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #8bbf56  Classes, Markup Bold, Search Text Background
+base0B  #56bf8b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #568bbf  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8b56bf  Functions, Methods, Attribute IDs, Headings
+base0E  #bf568b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bf5656  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #405c79;
+  background: #f7f9fb
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #cbd6e2;
+  color: #405c79
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #aabcce -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #aabcce
+}
+/* base04 - #627e99 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #627e99
+}
+/* base05 - #405c79 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #405c79
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #bf8b56
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #bfbf56
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #8bbf56
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #8bbf56
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #56bf8b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #568bbf
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8b56bf
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #bf568b
+}
+.hljs-emphasis {
+  color: #bf568b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bf5656
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/harmonic16-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/harmonic16-light.min.css
new file mode 100644
index 00000000..72ab06ae
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/harmonic16-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Harmonic16 Light
+  Author: Jannik Siebert (https://github.com/janniks)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#405c79;background:#f7f9fb}.hljs ::selection,.hljs::selection{background-color:#cbd6e2;color:#405c79}.hljs-comment{color:#aabcce}.hljs-tag{color:#627e99}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#405c79}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#bf8b56}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#bfbf56}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#8bbf56}.hljs-strong{font-weight:700;color:#8bbf56}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#56bf8b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#568bbf}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8b56bf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#bf568b}.hljs-emphasis{color:#bf568b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bf5656}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/heetch-dark.css b/apps/documentation/lib/highlight.js/styles/base16/heetch-dark.css
new file mode 100644
index 00000000..628c66fa
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/heetch-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Heetch Dark
+  Author: Geoffrey Teale (tealeg@gmail.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme heetch-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #190134  Default Background
+base01  #392551  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5A496E  Selection Background
+base03  #7B6D8B  Comments, Invisibles, Line Highlighting
+base04  #9C92A8  Dark Foreground (Used for status bars)
+base05  #BDB6C5  Default Foreground, Caret, Delimiters, Operators
+base06  #DEDAE2  Light Foreground (Not often used)
+base07  #FEFFFF  Light Background (Not often used)
+base08  #27D9D5  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #5BA2B6  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #8F6C97  Classes, Markup Bold, Search Text Background
+base0B  #C33678  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #F80059  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #BD0152  Functions, Methods, Attribute IDs, Headings
+base0E  #82034C  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #470546  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #BDB6C5;
+  background: #190134
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5A496E;
+  color: #BDB6C5
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7B6D8B -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7B6D8B
+}
+/* base04 - #9C92A8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9C92A8
+}
+/* base05 - #BDB6C5 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #BDB6C5
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #27D9D5
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #5BA2B6
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #8F6C97
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #8F6C97
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #C33678
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #F80059
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #BD0152
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #82034C
+}
+.hljs-emphasis {
+  color: #82034C;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #470546
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/heetch-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/heetch-dark.min.css
new file mode 100644
index 00000000..66cb473f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/heetch-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Heetch Dark
+  Author: Geoffrey Teale (tealeg@gmail.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#bdb6c5;background:#190134}.hljs ::selection,.hljs::selection{background-color:#5a496e;color:#bdb6c5}.hljs-comment{color:#7b6d8b}.hljs-tag{color:#9c92a8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#bdb6c5}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#27d9d5}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#5ba2b6}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#8f6c97}.hljs-strong{font-weight:700;color:#8f6c97}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#c33678}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#f80059}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#bd0152}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#82034c}.hljs-emphasis{color:#82034c;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#470546}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/heetch-light.css b/apps/documentation/lib/highlight.js/styles/base16/heetch-light.css
new file mode 100644
index 00000000..b41d5e9a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/heetch-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Heetch Light
+  Author: Geoffrey Teale (tealeg@gmail.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme heetch-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #feffff  Default Background
+base01  #392551  Lighter Background (Used for status bars, line number and folding marks)
+base02  #7b6d8b  Selection Background
+base03  #9c92a8  Comments, Invisibles, Line Highlighting
+base04  #ddd6e5  Dark Foreground (Used for status bars)
+base05  #5a496e  Default Foreground, Caret, Delimiters, Operators
+base06  #470546  Light Foreground (Not often used)
+base07  #190134  Light Background (Not often used)
+base08  #27d9d5  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #bdb6c5  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #5ba2b6  Classes, Markup Bold, Search Text Background
+base0B  #f80059  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #c33678  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #47f9f5  Functions, Methods, Attribute IDs, Headings
+base0E  #bd0152  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #dedae2  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5a496e;
+  background: #feffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #7b6d8b;
+  color: #5a496e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #9c92a8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #9c92a8
+}
+/* base04 - #ddd6e5 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #ddd6e5
+}
+/* base05 - #5a496e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5a496e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #27d9d5
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #bdb6c5
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #5ba2b6
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #5ba2b6
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #f80059
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #c33678
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #47f9f5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #bd0152
+}
+.hljs-emphasis {
+  color: #bd0152;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #dedae2
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/heetch-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/heetch-light.min.css
new file mode 100644
index 00000000..576538f7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/heetch-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Heetch Light
+  Author: Geoffrey Teale (tealeg@gmail.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5a496e;background:#feffff}.hljs ::selection,.hljs::selection{background-color:#7b6d8b;color:#5a496e}.hljs-comment{color:#9c92a8}.hljs-tag{color:#ddd6e5}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5a496e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#27d9d5}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#bdb6c5}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#5ba2b6}.hljs-strong{font-weight:700;color:#5ba2b6}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#f80059}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#c33678}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#47f9f5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#bd0152}.hljs-emphasis{color:#bd0152;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#dedae2}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/helios.css b/apps/documentation/lib/highlight.js/styles/base16/helios.css
new file mode 100644
index 00000000..572dc41c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/helios.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Helios
+  Author: Alex Meyer (https://github.com/reyemxela)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme helios
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1d2021  Default Background
+base01  #383c3e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #53585b  Selection Background
+base03  #6f7579  Comments, Invisibles, Line Highlighting
+base04  #cdcdcd  Dark Foreground (Used for status bars)
+base05  #d5d5d5  Default Foreground, Caret, Delimiters, Operators
+base06  #dddddd  Light Foreground (Not often used)
+base07  #e5e5e5  Light Background (Not often used)
+base08  #d72638  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #eb8413  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f19d1a  Classes, Markup Bold, Search Text Background
+base0B  #88b92d  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1ba595  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #1e8bac  Functions, Methods, Attribute IDs, Headings
+base0E  #be4264  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c85e0d  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d5d5d5;
+  background: #1d2021
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #53585b;
+  color: #d5d5d5
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6f7579 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6f7579
+}
+/* base04 - #cdcdcd -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #cdcdcd
+}
+/* base05 - #d5d5d5 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d5d5d5
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d72638
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #eb8413
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f19d1a
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f19d1a
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #88b92d
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1ba595
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #1e8bac
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #be4264
+}
+.hljs-emphasis {
+  color: #be4264;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c85e0d
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/helios.min.css b/apps/documentation/lib/highlight.js/styles/base16/helios.min.css
new file mode 100644
index 00000000..fe2574a8
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/helios.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Helios
+  Author: Alex Meyer (https://github.com/reyemxela)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d5d5d5;background:#1d2021}.hljs ::selection,.hljs::selection{background-color:#53585b;color:#d5d5d5}.hljs-comment{color:#6f7579}.hljs-tag{color:#cdcdcd}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d5d5d5}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d72638}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#eb8413}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f19d1a}.hljs-strong{font-weight:700;color:#f19d1a}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#88b92d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1ba595}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#1e8bac}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#be4264}.hljs-emphasis{color:#be4264;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c85e0d}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/hopscotch.css b/apps/documentation/lib/highlight.js/styles/base16/hopscotch.css
new file mode 100644
index 00000000..6742d896
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/hopscotch.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Hopscotch
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme hopscotch
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #322931  Default Background
+base01  #433b42  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5c545b  Selection Background
+base03  #797379  Comments, Invisibles, Line Highlighting
+base04  #989498  Dark Foreground (Used for status bars)
+base05  #b9b5b8  Default Foreground, Caret, Delimiters, Operators
+base06  #d5d3d5  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #dd464c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fd8b19  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fdcc59  Classes, Markup Bold, Search Text Background
+base0B  #8fc13e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #149b93  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #1290bf  Functions, Methods, Attribute IDs, Headings
+base0E  #c85e7c  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b33508  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b9b5b8;
+  background: #322931
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5c545b;
+  color: #b9b5b8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #797379 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #797379
+}
+/* base04 - #989498 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #989498
+}
+/* base05 - #b9b5b8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b9b5b8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #dd464c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fd8b19
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fdcc59
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fdcc59
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8fc13e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #149b93
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #1290bf
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #c85e7c
+}
+.hljs-emphasis {
+  color: #c85e7c;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b33508
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/hopscotch.min.css b/apps/documentation/lib/highlight.js/styles/base16/hopscotch.min.css
new file mode 100644
index 00000000..908ae4c6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/hopscotch.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Hopscotch
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b9b5b8;background:#322931}.hljs ::selection,.hljs::selection{background-color:#5c545b;color:#b9b5b8}.hljs-comment{color:#797379}.hljs-tag{color:#989498}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b9b5b8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#dd464c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fd8b19}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fdcc59}.hljs-strong{font-weight:700;color:#fdcc59}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8fc13e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#149b93}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#1290bf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c85e7c}.hljs-emphasis{color:#c85e7c;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b33508}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/horizon-dark.css b/apps/documentation/lib/highlight.js/styles/base16/horizon-dark.css
new file mode 100644
index 00000000..c4c77f75
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/horizon-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Horizon Dark
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme horizon-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1C1E26  Default Background
+base01  #232530  Lighter Background (Used for status bars, line number and folding marks)
+base02  #2E303E  Selection Background
+base03  #6F6F70  Comments, Invisibles, Line Highlighting
+base04  #9DA0A2  Dark Foreground (Used for status bars)
+base05  #CBCED0  Default Foreground, Caret, Delimiters, Operators
+base06  #DCDFE4  Light Foreground (Not often used)
+base07  #E3E6EE  Light Background (Not often used)
+base08  #E93C58  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #E58D7D  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #EFB993  Classes, Markup Bold, Search Text Background
+base0B  #EFAF8E  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #24A8B4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #DF5273  Functions, Methods, Attribute IDs, Headings
+base0E  #B072D1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #E4A382  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #CBCED0;
+  background: #1C1E26
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #2E303E;
+  color: #CBCED0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6F6F70 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6F6F70
+}
+/* base04 - #9DA0A2 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9DA0A2
+}
+/* base05 - #CBCED0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #CBCED0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #E93C58
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #E58D7D
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #EFB993
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #EFB993
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #EFAF8E
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #24A8B4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #DF5273
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #B072D1
+}
+.hljs-emphasis {
+  color: #B072D1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #E4A382
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/horizon-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/horizon-dark.min.css
new file mode 100644
index 00000000..a6fad3e6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/horizon-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Horizon Dark
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#cbced0;background:#1c1e26}.hljs ::selection,.hljs::selection{background-color:#2e303e;color:#cbced0}.hljs-comment{color:#6f6f70}.hljs-tag{color:#9da0a2}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#cbced0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e93c58}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e58d7d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#efb993}.hljs-strong{font-weight:700;color:#efb993}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#efaf8e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#24a8b4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#df5273}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b072d1}.hljs-emphasis{color:#b072d1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e4a382}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/horizon-light.css b/apps/documentation/lib/highlight.js/styles/base16/horizon-light.css
new file mode 100644
index 00000000..91b6c4a7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/horizon-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Horizon Light
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme horizon-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #FDF0ED  Default Background
+base01  #FADAD1  Lighter Background (Used for status bars, line number and folding marks)
+base02  #F9CBBE  Selection Background
+base03  #BDB3B1  Comments, Invisibles, Line Highlighting
+base04  #948C8A  Dark Foreground (Used for status bars)
+base05  #403C3D  Default Foreground, Caret, Delimiters, Operators
+base06  #302C2D  Light Foreground (Not often used)
+base07  #201C1D  Light Background (Not often used)
+base08  #E95678  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F9CEC3  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FADAD1  Classes, Markup Bold, Search Text Background
+base0B  #29D398  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #59E1E3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #26BBD9  Functions, Methods, Attribute IDs, Headings
+base0E  #EE64AC  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #F9CBBE  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #403C3D;
+  background: #FDF0ED
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #F9CBBE;
+  color: #403C3D
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #BDB3B1 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #BDB3B1
+}
+/* base04 - #948C8A -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #948C8A
+}
+/* base05 - #403C3D -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #403C3D
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #E95678
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F9CEC3
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FADAD1
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FADAD1
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #29D398
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #59E1E3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #26BBD9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #EE64AC
+}
+.hljs-emphasis {
+  color: #EE64AC;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #F9CBBE
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/horizon-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/horizon-light.min.css
new file mode 100644
index 00000000..ae33a6ea
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/horizon-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Horizon Light
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#403c3d;background:#fdf0ed}.hljs ::selection,.hljs::selection{background-color:#f9cbbe;color:#403c3d}.hljs-comment{color:#bdb3b1}.hljs-tag{color:#948c8a}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#403c3d}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e95678}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f9cec3}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fadad1}.hljs-strong{font-weight:700;color:#fadad1}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#29d398}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#59e1e3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#26bbd9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ee64ac}.hljs-emphasis{color:#ee64ac;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#f9cbbe}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/humanoid-dark.css b/apps/documentation/lib/highlight.js/styles/base16/humanoid-dark.css
new file mode 100644
index 00000000..6fc6bcf1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/humanoid-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Humanoid dark
+  Author: Thomas (tasmo) Friese
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme humanoid-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #232629  Default Background
+base01  #333b3d  Lighter Background (Used for status bars, line number and folding marks)
+base02  #484e54  Selection Background
+base03  #60615d  Comments, Invisibles, Line Highlighting
+base04  #c0c0bd  Dark Foreground (Used for status bars)
+base05  #f8f8f2  Default Foreground, Caret, Delimiters, Operators
+base06  #fcfcf6  Light Foreground (Not often used)
+base07  #fcfcfc  Light Background (Not often used)
+base08  #f11235  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff9505  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffb627  Classes, Markup Bold, Search Text Background
+base0B  #02d849  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #0dd9d6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #00a6fb  Functions, Methods, Attribute IDs, Headings
+base0E  #f15ee3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b27701  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #f8f8f2;
+  background: #232629
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #484e54;
+  color: #f8f8f2
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #60615d -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #60615d
+}
+/* base04 - #c0c0bd -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #c0c0bd
+}
+/* base05 - #f8f8f2 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #f8f8f2
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f11235
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff9505
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffb627
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffb627
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #02d849
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #0dd9d6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #00a6fb
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #f15ee3
+}
+.hljs-emphasis {
+  color: #f15ee3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b27701
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/humanoid-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/humanoid-dark.min.css
new file mode 100644
index 00000000..a87c1473
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/humanoid-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Humanoid dark
+  Author: Thomas (tasmo) Friese
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#f8f8f2;background:#232629}.hljs ::selection,.hljs::selection{background-color:#484e54;color:#f8f8f2}.hljs-comment{color:#60615d}.hljs-tag{color:#c0c0bd}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#f8f8f2}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f11235}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff9505}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffb627}.hljs-strong{font-weight:700;color:#ffb627}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#02d849}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0dd9d6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#00a6fb}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#f15ee3}.hljs-emphasis{color:#f15ee3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b27701}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/humanoid-light.css b/apps/documentation/lib/highlight.js/styles/base16/humanoid-light.css
new file mode 100644
index 00000000..c702d22d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/humanoid-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Humanoid light
+  Author: Thomas (tasmo) Friese
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme humanoid-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f8f8f2  Default Background
+base01  #efefe9  Lighter Background (Used for status bars, line number and folding marks)
+base02  #deded8  Selection Background
+base03  #c0c0bd  Comments, Invisibles, Line Highlighting
+base04  #60615d  Dark Foreground (Used for status bars)
+base05  #232629  Default Foreground, Caret, Delimiters, Operators
+base06  #2f3337  Light Foreground (Not often used)
+base07  #070708  Light Background (Not often used)
+base08  #b0151a  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff3d00  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffb627  Classes, Markup Bold, Search Text Background
+base0B  #388e3c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #008e8e  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0082c9  Functions, Methods, Attribute IDs, Headings
+base0E  #700f98  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b27701  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #232629;
+  background: #f8f8f2
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #deded8;
+  color: #232629
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #c0c0bd -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #c0c0bd
+}
+/* base04 - #60615d -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #60615d
+}
+/* base05 - #232629 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #232629
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b0151a
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff3d00
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffb627
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffb627
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #388e3c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #008e8e
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0082c9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #700f98
+}
+.hljs-emphasis {
+  color: #700f98;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b27701
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/humanoid-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/humanoid-light.min.css
new file mode 100644
index 00000000..4e3b7ca6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/humanoid-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Humanoid light
+  Author: Thomas (tasmo) Friese
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#232629;background:#f8f8f2}.hljs ::selection,.hljs::selection{background-color:#deded8;color:#232629}.hljs-comment{color:#c0c0bd}.hljs-tag{color:#60615d}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#232629}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b0151a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff3d00}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffb627}.hljs-strong{font-weight:700;color:#ffb627}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#388e3c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#008e8e}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0082c9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#700f98}.hljs-emphasis{color:#700f98;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b27701}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ia-dark.css b/apps/documentation/lib/highlight.js/styles/base16/ia-dark.css
new file mode 100644
index 00000000..77014c2d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ia-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: iA Dark
+  Author: iA Inc. (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ia-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1a1a1a  Default Background
+base01  #222222  Lighter Background (Used for status bars, line number and folding marks)
+base02  #1d414d  Selection Background
+base03  #767676  Comments, Invisibles, Line Highlighting
+base04  #b8b8b8  Dark Foreground (Used for status bars)
+base05  #cccccc  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e8e8  Light Foreground (Not often used)
+base07  #f8f8f8  Light Background (Not often used)
+base08  #d88568  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d86868  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b99353  Classes, Markup Bold, Search Text Background
+base0B  #83a471  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #7c9cae  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8eccdd  Functions, Methods, Attribute IDs, Headings
+base0E  #b98eb2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8b6c37  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cccccc;
+  background: #1a1a1a
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #1d414d;
+  color: #cccccc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #767676 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #767676
+}
+/* base04 - #b8b8b8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b8b8b8
+}
+/* base05 - #cccccc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cccccc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d88568
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d86868
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b99353
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b99353
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #83a471
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #7c9cae
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8eccdd
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b98eb2
+}
+.hljs-emphasis {
+  color: #b98eb2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8b6c37
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ia-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/ia-dark.min.css
new file mode 100644
index 00000000..b80fad48
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ia-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: iA Dark
+  Author: iA Inc. (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ccc;background:#1a1a1a}.hljs ::selection,.hljs::selection{background-color:#1d414d;color:#ccc}.hljs-comment{color:#767676}.hljs-tag{color:#b8b8b8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d88568}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d86868}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b99353}.hljs-strong{font-weight:700;color:#b99353}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#83a471}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#7c9cae}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8eccdd}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b98eb2}.hljs-emphasis{color:#b98eb2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8b6c37}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ia-light.css b/apps/documentation/lib/highlight.js/styles/base16/ia-light.css
new file mode 100644
index 00000000..d39fff4b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ia-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: iA Light
+  Author: iA Inc. (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ia-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f6f6f6  Default Background
+base01  #dedede  Lighter Background (Used for status bars, line number and folding marks)
+base02  #bde5f2  Selection Background
+base03  #898989  Comments, Invisibles, Line Highlighting
+base04  #767676  Dark Foreground (Used for status bars)
+base05  #181818  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e8e8  Light Foreground (Not often used)
+base07  #f8f8f8  Light Background (Not often used)
+base08  #9c5a02  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #c43e18  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c48218  Classes, Markup Bold, Search Text Background
+base0B  #38781c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #2d6bb1  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #48bac2  Functions, Methods, Attribute IDs, Headings
+base0E  #a94598  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8b6c37  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #181818;
+  background: #f6f6f6
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #bde5f2;
+  color: #181818
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #898989 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #898989
+}
+/* base04 - #767676 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #767676
+}
+/* base05 - #181818 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #181818
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #9c5a02
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #c43e18
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c48218
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c48218
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #38781c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #2d6bb1
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #48bac2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a94598
+}
+.hljs-emphasis {
+  color: #a94598;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8b6c37
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ia-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/ia-light.min.css
new file mode 100644
index 00000000..8a33ab70
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ia-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: iA Light
+  Author: iA Inc. (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#181818;background:#f6f6f6}.hljs ::selection,.hljs::selection{background-color:#bde5f2;color:#181818}.hljs-comment{color:#898989}.hljs-tag{color:#767676}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#181818}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#9c5a02}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#c43e18}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c48218}.hljs-strong{font-weight:700;color:#c48218}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#38781c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#2d6bb1}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#48bac2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a94598}.hljs-emphasis{color:#a94598;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8b6c37}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/icy-dark.css b/apps/documentation/lib/highlight.js/styles/base16/icy-dark.css
new file mode 100644
index 00000000..491cfd47
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/icy-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Icy Dark
+  Author: icyphox (https://icyphox.ga)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme icy-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #021012  Default Background
+base01  #031619  Lighter Background (Used for status bars, line number and folding marks)
+base02  #041f23  Selection Background
+base03  #052e34  Comments, Invisibles, Line Highlighting
+base04  #064048  Dark Foreground (Used for status bars)
+base05  #095b67  Default Foreground, Caret, Delimiters, Operators
+base06  #0c7c8c  Light Foreground (Not often used)
+base07  #109cb0  Light Background (Not often used)
+base08  #16c1d9  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b3ebf2  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #80deea  Classes, Markup Bold, Search Text Background
+base0B  #4dd0e1  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #26c6da  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #00bcd4  Functions, Methods, Attribute IDs, Headings
+base0E  #00acc1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #0097a7  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #095b67;
+  background: #021012
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #041f23;
+  color: #095b67
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #052e34 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #052e34
+}
+/* base04 - #064048 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #064048
+}
+/* base05 - #095b67 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #095b67
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #16c1d9
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b3ebf2
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #80deea
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #80deea
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #4dd0e1
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #26c6da
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #00bcd4
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #00acc1
+}
+.hljs-emphasis {
+  color: #00acc1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #0097a7
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/icy-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/icy-dark.min.css
new file mode 100644
index 00000000..25cf077a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/icy-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Icy Dark
+  Author: icyphox (https://icyphox.ga)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#095b67;background:#021012}.hljs ::selection,.hljs::selection{background-color:#041f23;color:#095b67}.hljs-comment{color:#052e34}.hljs-tag{color:#064048}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#095b67}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#16c1d9}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b3ebf2}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#80deea}.hljs-strong{font-weight:700;color:#80deea}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#4dd0e1}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#26c6da}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#00bcd4}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#00acc1}.hljs-emphasis{color:#00acc1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#0097a7}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ir-black.css b/apps/documentation/lib/highlight.js/styles/base16/ir-black.css
new file mode 100644
index 00000000..65653e5e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ir-black.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: IR Black
+  Author: Timothée Poisot (http://timotheepoisot.fr)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ir-black
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #242422  Lighter Background (Used for status bars, line number and folding marks)
+base02  #484844  Selection Background
+base03  #6c6c66  Comments, Invisibles, Line Highlighting
+base04  #918f88  Dark Foreground (Used for status bars)
+base05  #b5b3aa  Default Foreground, Caret, Delimiters, Operators
+base06  #d9d7cc  Light Foreground (Not often used)
+base07  #fdfbee  Light Background (Not often used)
+base08  #ff6c60  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #e9c062  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffffb6  Classes, Markup Bold, Search Text Background
+base0B  #a8ff60  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #c6c5fe  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #96cbfe  Functions, Methods, Attribute IDs, Headings
+base0E  #ff73fd  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b18a3d  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b5b3aa;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #484844;
+  color: #b5b3aa
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6c6c66 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6c6c66
+}
+/* base04 - #918f88 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #918f88
+}
+/* base05 - #b5b3aa -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b5b3aa
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff6c60
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #e9c062
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffffb6
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffffb6
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a8ff60
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #c6c5fe
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #96cbfe
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ff73fd
+}
+.hljs-emphasis {
+  color: #ff73fd;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b18a3d
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ir-black.min.css b/apps/documentation/lib/highlight.js/styles/base16/ir-black.min.css
new file mode 100644
index 00000000..54afa45a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ir-black.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: IR Black
+  Author: Timothée Poisot (http://timotheepoisot.fr)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b5b3aa;background:#000}.hljs ::selection,.hljs::selection{background-color:#484844;color:#b5b3aa}.hljs-comment{color:#6c6c66}.hljs-tag{color:#918f88}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b5b3aa}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff6c60}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e9c062}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffffb6}.hljs-strong{font-weight:700;color:#ffffb6}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a8ff60}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#c6c5fe}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#96cbfe}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ff73fd}.hljs-emphasis{color:#ff73fd;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b18a3d}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/isotope.css b/apps/documentation/lib/highlight.js/styles/base16/isotope.css
new file mode 100644
index 00000000..0bad0521
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/isotope.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Isotope
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme isotope
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #404040  Lighter Background (Used for status bars, line number and folding marks)
+base02  #606060  Selection Background
+base03  #808080  Comments, Invisibles, Line Highlighting
+base04  #c0c0c0  Dark Foreground (Used for status bars)
+base05  #d0d0d0  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #ff0000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff9900  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ff0099  Classes, Markup Bold, Search Text Background
+base0B  #33ff00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00ffff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0066ff  Functions, Methods, Attribute IDs, Headings
+base0E  #cc00ff  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #3300ff  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d0d0d0;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #606060;
+  color: #d0d0d0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #808080 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #808080
+}
+/* base04 - #c0c0c0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #c0c0c0
+}
+/* base05 - #d0d0d0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d0d0d0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff0000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff9900
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ff0099
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ff0099
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #33ff00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00ffff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0066ff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #cc00ff
+}
+.hljs-emphasis {
+  color: #cc00ff;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #3300ff
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/isotope.min.css b/apps/documentation/lib/highlight.js/styles/base16/isotope.min.css
new file mode 100644
index 00000000..ef27862d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/isotope.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Isotope
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0d0;background:#000}.hljs ::selection,.hljs::selection{background-color:#606060;color:#d0d0d0}.hljs-comment{color:grey}.hljs-tag{color:silver}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0d0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:red}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f90}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f09}.hljs-strong{font-weight:700;color:#f09}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#3f0}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0ff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#06f}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c0f}.hljs-emphasis{color:#c0f;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#30f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/kimber.css b/apps/documentation/lib/highlight.js/styles/base16/kimber.css
new file mode 100644
index 00000000..9a8d97d5
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/kimber.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Kimber
+  Author: Mishka Nguyen (https://github.com/akhsiM)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme kimber
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #222222  Default Background
+base01  #313131  Lighter Background (Used for status bars, line number and folding marks)
+base02  #555D55  Selection Background
+base03  #644646  Comments, Invisibles, Line Highlighting
+base04  #5A5A5A  Dark Foreground (Used for status bars)
+base05  #DEDEE7  Default Foreground, Caret, Delimiters, Operators
+base06  #C3C3B4  Light Foreground (Not often used)
+base07  #FFFFE6  Light Background (Not often used)
+base08  #C88C8C  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #476C88  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #D8B56D  Classes, Markup Bold, Search Text Background
+base0B  #99C899  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #78B4B4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #537C9C  Functions, Methods, Attribute IDs, Headings
+base0E  #86CACD  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #704F4F  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #DEDEE7;
+  background: #222222
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #555D55;
+  color: #DEDEE7
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #644646 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #644646
+}
+/* base04 - #5A5A5A -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5A5A5A
+}
+/* base05 - #DEDEE7 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #DEDEE7
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #C88C8C
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #476C88
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #D8B56D
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #D8B56D
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #99C899
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #78B4B4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #537C9C
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #86CACD
+}
+.hljs-emphasis {
+  color: #86CACD;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #704F4F
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/kimber.min.css b/apps/documentation/lib/highlight.js/styles/base16/kimber.min.css
new file mode 100644
index 00000000..f2c29f48
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/kimber.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Kimber
+  Author: Mishka Nguyen (https://github.com/akhsiM)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#dedee7;background:#222}.hljs ::selection,.hljs::selection{background-color:#555d55;color:#dedee7}.hljs-comment{color:#644646}.hljs-tag{color:#5a5a5a}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#dedee7}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c88c8c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#476c88}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#d8b56d}.hljs-strong{font-weight:700;color:#d8b56d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#99c899}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#78b4b4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#537c9c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#86cacd}.hljs-emphasis{color:#86cacd;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#704f4f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/london-tube.css b/apps/documentation/lib/highlight.js/styles/base16/london-tube.css
new file mode 100644
index 00000000..2b285b2d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/london-tube.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: London Tube
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme london-tube
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #231f20  Default Background
+base01  #1c3f95  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5a5758  Selection Background
+base03  #737171  Comments, Invisibles, Line Highlighting
+base04  #959ca1  Dark Foreground (Used for status bars)
+base05  #d9d8d8  Default Foreground, Caret, Delimiters, Operators
+base06  #e7e7e8  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #ee2e24  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f386a1  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffd204  Classes, Markup Bold, Search Text Background
+base0B  #00853e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #85cebc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #009ddc  Functions, Methods, Attribute IDs, Headings
+base0E  #98005d  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b06110  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d9d8d8;
+  background: #231f20
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5a5758;
+  color: #d9d8d8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #737171 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #737171
+}
+/* base04 - #959ca1 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #959ca1
+}
+/* base05 - #d9d8d8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d9d8d8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ee2e24
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f386a1
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffd204
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffd204
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00853e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #85cebc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #009ddc
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #98005d
+}
+.hljs-emphasis {
+  color: #98005d;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b06110
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/london-tube.min.css b/apps/documentation/lib/highlight.js/styles/base16/london-tube.min.css
new file mode 100644
index 00000000..613ed649
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/london-tube.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: London Tube
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d9d8d8;background:#231f20}.hljs ::selection,.hljs::selection{background-color:#5a5758;color:#d9d8d8}.hljs-comment{color:#737171}.hljs-tag{color:#959ca1}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d9d8d8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ee2e24}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f386a1}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffd204}.hljs-strong{font-weight:700;color:#ffd204}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#00853e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#85cebc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#009ddc}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#98005d}.hljs-emphasis{color:#98005d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b06110}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/macintosh.css b/apps/documentation/lib/highlight.js/styles/base16/macintosh.css
new file mode 100644
index 00000000..9895b7bd
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/macintosh.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Macintosh
+  Author: Rebecca Bettencourt (http://www.kreativekorp.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme macintosh
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #404040  Lighter Background (Used for status bars, line number and folding marks)
+base02  #404040  Selection Background
+base03  #808080  Comments, Invisibles, Line Highlighting
+base04  #808080  Dark Foreground (Used for status bars)
+base05  #c0c0c0  Default Foreground, Caret, Delimiters, Operators
+base06  #c0c0c0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #dd0907  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff6403  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fbf305  Classes, Markup Bold, Search Text Background
+base0B  #1fb714  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #02abea  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0000d3  Functions, Methods, Attribute IDs, Headings
+base0E  #4700a5  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #90713a  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c0c0c0;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #404040;
+  color: #c0c0c0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #808080 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #808080
+}
+/* base04 - #808080 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #808080
+}
+/* base05 - #c0c0c0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c0c0c0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #dd0907
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff6403
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fbf305
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fbf305
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #1fb714
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #02abea
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0000d3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #4700a5
+}
+.hljs-emphasis {
+  color: #4700a5;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #90713a
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/macintosh.min.css b/apps/documentation/lib/highlight.js/styles/base16/macintosh.min.css
new file mode 100644
index 00000000..a947f9c4
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/macintosh.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Macintosh
+  Author: Rebecca Bettencourt (http://www.kreativekorp.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:silver;background:#000}.hljs ::selection,.hljs::selection{background-color:#404040;color:silver}.hljs-comment,.hljs-tag{color:grey}.hljs-operator,.hljs-punctuation,.hljs-subst{color:silver}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#dd0907}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff6403}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fbf305}.hljs-strong{font-weight:700;color:#fbf305}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#1fb714}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#02abea}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0000d3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#4700a5}.hljs-emphasis{color:#4700a5;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#90713a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/marrakesh.css b/apps/documentation/lib/highlight.js/styles/base16/marrakesh.css
new file mode 100644
index 00000000..5f86b58a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/marrakesh.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Marrakesh
+  Author: Alexandre Gavioli (http://github.com/Alexx2/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme marrakesh
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #201602  Default Background
+base01  #302e00  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5f5b17  Selection Background
+base03  #6c6823  Comments, Invisibles, Line Highlighting
+base04  #86813b  Dark Foreground (Used for status bars)
+base05  #948e48  Default Foreground, Caret, Delimiters, Operators
+base06  #ccc37a  Light Foreground (Not often used)
+base07  #faf0a5  Light Background (Not often used)
+base08  #c35359  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b36144  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a88339  Classes, Markup Bold, Search Text Background
+base0B  #18974e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #75a738  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #477ca1  Functions, Methods, Attribute IDs, Headings
+base0E  #8868b3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b3588e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #948e48;
+  background: #201602
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5f5b17;
+  color: #948e48
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6c6823 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6c6823
+}
+/* base04 - #86813b -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #86813b
+}
+/* base05 - #948e48 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #948e48
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c35359
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b36144
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a88339
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a88339
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #18974e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #75a738
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #477ca1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8868b3
+}
+.hljs-emphasis {
+  color: #8868b3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b3588e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/marrakesh.min.css b/apps/documentation/lib/highlight.js/styles/base16/marrakesh.min.css
new file mode 100644
index 00000000..3940e228
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/marrakesh.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Marrakesh
+  Author: Alexandre Gavioli (http://github.com/Alexx2/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#948e48;background:#201602}.hljs ::selection,.hljs::selection{background-color:#5f5b17;color:#948e48}.hljs-comment{color:#6c6823}.hljs-tag{color:#86813b}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#948e48}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c35359}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b36144}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a88339}.hljs-strong{font-weight:700;color:#a88339}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#18974e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#75a738}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#477ca1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8868b3}.hljs-emphasis{color:#8868b3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b3588e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/materia.css b/apps/documentation/lib/highlight.js/styles/base16/materia.css
new file mode 100644
index 00000000..1a24854c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/materia.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Materia
+  Author: Defman21
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme materia
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #263238  Default Background
+base01  #2C393F  Lighter Background (Used for status bars, line number and folding marks)
+base02  #37474F  Selection Background
+base03  #707880  Comments, Invisibles, Line Highlighting
+base04  #C9CCD3  Dark Foreground (Used for status bars)
+base05  #CDD3DE  Default Foreground, Caret, Delimiters, Operators
+base06  #D5DBE5  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #EC5F67  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #EA9560  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FFCC00  Classes, Markup Bold, Search Text Background
+base0B  #8BD649  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #80CBC4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #89DDFF  Functions, Methods, Attribute IDs, Headings
+base0E  #82AAFF  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #EC5F67  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #CDD3DE;
+  background: #263238
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #37474F;
+  color: #CDD3DE
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #707880 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #707880
+}
+/* base04 - #C9CCD3 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #C9CCD3
+}
+/* base05 - #CDD3DE -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #CDD3DE
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #EC5F67
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #EA9560
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FFCC00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FFCC00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8BD649
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #80CBC4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #89DDFF
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #82AAFF
+}
+.hljs-emphasis {
+  color: #82AAFF;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #EC5F67
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/materia.min.css b/apps/documentation/lib/highlight.js/styles/base16/materia.min.css
new file mode 100644
index 00000000..ceb7c0c1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/materia.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Materia
+  Author: Defman21
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#cdd3de;background:#263238}.hljs ::selection,.hljs::selection{background-color:#37474f;color:#cdd3de}.hljs-comment{color:#707880}.hljs-tag{color:#c9ccd3}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#cdd3de}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ec5f67}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ea9560}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fc0}.hljs-strong{font-weight:700;color:#fc0}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8bd649}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#80cbc4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#89ddff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#82aaff}.hljs-emphasis{color:#82aaff;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ec5f67}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/material-darker.css b/apps/documentation/lib/highlight.js/styles/base16/material-darker.css
new file mode 100644
index 00000000..95c90634
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/material-darker.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Material Darker
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme material-darker
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #212121  Default Background
+base01  #303030  Lighter Background (Used for status bars, line number and folding marks)
+base02  #353535  Selection Background
+base03  #4A4A4A  Comments, Invisibles, Line Highlighting
+base04  #B2CCD6  Dark Foreground (Used for status bars)
+base05  #EEFFFF  Default Foreground, Caret, Delimiters, Operators
+base06  #EEFFFF  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #F07178  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F78C6C  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FFCB6B  Classes, Markup Bold, Search Text Background
+base0B  #C3E88D  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #89DDFF  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #82AAFF  Functions, Methods, Attribute IDs, Headings
+base0E  #C792EA  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #FF5370  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #EEFFFF;
+  background: #212121
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #353535;
+  color: #EEFFFF
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #4A4A4A -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #4A4A4A
+}
+/* base04 - #B2CCD6 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #B2CCD6
+}
+/* base05 - #EEFFFF -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #EEFFFF
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #F07178
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F78C6C
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FFCB6B
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FFCB6B
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #C3E88D
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #89DDFF
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #82AAFF
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #C792EA
+}
+.hljs-emphasis {
+  color: #C792EA;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #FF5370
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/material-darker.min.css b/apps/documentation/lib/highlight.js/styles/base16/material-darker.min.css
new file mode 100644
index 00000000..8e321026
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/material-darker.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Material Darker
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#eff;background:#212121}.hljs ::selection,.hljs::selection{background-color:#353535;color:#eff}.hljs-comment{color:#4a4a4a}.hljs-tag{color:#b2ccd6}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#eff}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f07178}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f78c6c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffcb6b}.hljs-strong{font-weight:700;color:#ffcb6b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#c3e88d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#89ddff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#82aaff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c792ea}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ff5370}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/material-lighter.css b/apps/documentation/lib/highlight.js/styles/base16/material-lighter.css
new file mode 100644
index 00000000..548688c6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/material-lighter.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Material Lighter
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme material-lighter
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #FAFAFA  Default Background
+base01  #E7EAEC  Lighter Background (Used for status bars, line number and folding marks)
+base02  #CCEAE7  Selection Background
+base03  #CCD7DA  Comments, Invisibles, Line Highlighting
+base04  #8796B0  Dark Foreground (Used for status bars)
+base05  #80CBC4  Default Foreground, Caret, Delimiters, Operators
+base06  #80CBC4  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #FF5370  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F76D47  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FFB62C  Classes, Markup Bold, Search Text Background
+base0B  #91B859  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #39ADB5  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6182B8  Functions, Methods, Attribute IDs, Headings
+base0E  #7C4DFF  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #E53935  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #80CBC4;
+  background: #FAFAFA
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #CCEAE7;
+  color: #80CBC4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #CCD7DA -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #CCD7DA
+}
+/* base04 - #8796B0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #8796B0
+}
+/* base05 - #80CBC4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #80CBC4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #FF5370
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F76D47
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FFB62C
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FFB62C
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #91B859
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #39ADB5
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6182B8
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #7C4DFF
+}
+.hljs-emphasis {
+  color: #7C4DFF;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #E53935
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/material-lighter.min.css b/apps/documentation/lib/highlight.js/styles/base16/material-lighter.min.css
new file mode 100644
index 00000000..bf84b5e6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/material-lighter.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Material Lighter
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#80cbc4;background:#fafafa}.hljs ::selection,.hljs::selection{background-color:#cceae7;color:#80cbc4}.hljs-comment{color:#ccd7da}.hljs-tag{color:#8796b0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#80cbc4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff5370}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f76d47}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffb62c}.hljs-strong{font-weight:700;color:#ffb62c}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#91b859}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#39adb5}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6182b8}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#7c4dff}.hljs-emphasis{color:#7c4dff;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e53935}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/material-palenight.css b/apps/documentation/lib/highlight.js/styles/base16/material-palenight.css
new file mode 100644
index 00000000..53177cb5
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/material-palenight.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Material Palenight
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme material-palenight
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #292D3E  Default Background
+base01  #444267  Lighter Background (Used for status bars, line number and folding marks)
+base02  #32374D  Selection Background
+base03  #676E95  Comments, Invisibles, Line Highlighting
+base04  #8796B0  Dark Foreground (Used for status bars)
+base05  #959DCB  Default Foreground, Caret, Delimiters, Operators
+base06  #959DCB  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #F07178  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F78C6C  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FFCB6B  Classes, Markup Bold, Search Text Background
+base0B  #C3E88D  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #89DDFF  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #82AAFF  Functions, Methods, Attribute IDs, Headings
+base0E  #C792EA  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #FF5370  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #959DCB;
+  background: #292D3E
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #32374D;
+  color: #959DCB
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #676E95 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #676E95
+}
+/* base04 - #8796B0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #8796B0
+}
+/* base05 - #959DCB -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #959DCB
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #F07178
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F78C6C
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FFCB6B
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FFCB6B
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #C3E88D
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #89DDFF
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #82AAFF
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #C792EA
+}
+.hljs-emphasis {
+  color: #C792EA;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #FF5370
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/material-palenight.min.css b/apps/documentation/lib/highlight.js/styles/base16/material-palenight.min.css
new file mode 100644
index 00000000..901eb091
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/material-palenight.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Material Palenight
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#959dcb;background:#292d3e}.hljs ::selection,.hljs::selection{background-color:#32374d;color:#959dcb}.hljs-comment{color:#676e95}.hljs-tag{color:#8796b0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#959dcb}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f07178}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f78c6c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffcb6b}.hljs-strong{font-weight:700;color:#ffcb6b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#c3e88d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#89ddff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#82aaff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c792ea}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ff5370}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/material-vivid.css b/apps/documentation/lib/highlight.js/styles/base16/material-vivid.css
new file mode 100644
index 00000000..002917ed
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/material-vivid.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Material Vivid
+  Author: joshyrobot
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme material-vivid
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #202124  Default Background
+base01  #27292c  Lighter Background (Used for status bars, line number and folding marks)
+base02  #323639  Selection Background
+base03  #44464d  Comments, Invisibles, Line Highlighting
+base04  #676c71  Dark Foreground (Used for status bars)
+base05  #80868b  Default Foreground, Caret, Delimiters, Operators
+base06  #9e9e9e  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #f44336  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff9800  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffeb3b  Classes, Markup Bold, Search Text Background
+base0B  #00e676  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00bcd4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #2196f3  Functions, Methods, Attribute IDs, Headings
+base0E  #673ab7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8d6e63  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #80868b;
+  background: #202124
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #323639;
+  color: #80868b
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #44464d -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #44464d
+}
+/* base04 - #676c71 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #676c71
+}
+/* base05 - #80868b -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #80868b
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f44336
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff9800
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffeb3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffeb3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00e676
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00bcd4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #2196f3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #673ab7
+}
+.hljs-emphasis {
+  color: #673ab7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8d6e63
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/material-vivid.min.css b/apps/documentation/lib/highlight.js/styles/base16/material-vivid.min.css
new file mode 100644
index 00000000..cadaf26a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/material-vivid.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Material Vivid
+  Author: joshyrobot
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#80868b;background:#202124}.hljs ::selection,.hljs::selection{background-color:#323639;color:#80868b}.hljs-comment{color:#44464d}.hljs-tag{color:#676c71}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#80868b}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f44336}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff9800}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffeb3b}.hljs-strong{font-weight:700;color:#ffeb3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#00e676}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#00bcd4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#2196f3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#673ab7}.hljs-emphasis{color:#673ab7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8d6e63}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/material.css b/apps/documentation/lib/highlight.js/styles/base16/material.css
new file mode 100644
index 00000000..ae72cfcd
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/material.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Material
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme material
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #263238  Default Background
+base01  #2E3C43  Lighter Background (Used for status bars, line number and folding marks)
+base02  #314549  Selection Background
+base03  #546E7A  Comments, Invisibles, Line Highlighting
+base04  #B2CCD6  Dark Foreground (Used for status bars)
+base05  #EEFFFF  Default Foreground, Caret, Delimiters, Operators
+base06  #EEFFFF  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #F07178  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F78C6C  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FFCB6B  Classes, Markup Bold, Search Text Background
+base0B  #C3E88D  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #89DDFF  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #82AAFF  Functions, Methods, Attribute IDs, Headings
+base0E  #C792EA  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #FF5370  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #EEFFFF;
+  background: #263238
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #314549;
+  color: #EEFFFF
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #546E7A -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #546E7A
+}
+/* base04 - #B2CCD6 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #B2CCD6
+}
+/* base05 - #EEFFFF -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #EEFFFF
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #F07178
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F78C6C
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FFCB6B
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FFCB6B
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #C3E88D
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #89DDFF
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #82AAFF
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #C792EA
+}
+.hljs-emphasis {
+  color: #C792EA;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #FF5370
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/material.min.css b/apps/documentation/lib/highlight.js/styles/base16/material.min.css
new file mode 100644
index 00000000..90c3de91
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/material.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Material
+  Author: Nate Peterson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#eff;background:#263238}.hljs ::selection,.hljs::selection{background-color:#314549;color:#eff}.hljs-comment{color:#546e7a}.hljs-tag{color:#b2ccd6}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#eff}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f07178}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f78c6c}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffcb6b}.hljs-strong{font-weight:700;color:#ffcb6b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#c3e88d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#89ddff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#82aaff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c792ea}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ff5370}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/mellow-purple.css b/apps/documentation/lib/highlight.js/styles/base16/mellow-purple.css
new file mode 100644
index 00000000..41f37066
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/mellow-purple.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Mellow Purple
+  Author: gidsi
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme mellow-purple
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1e0528  Default Background
+base01  #1A092D  Lighter Background (Used for status bars, line number and folding marks)
+base02  #331354  Selection Background
+base03  #320f55  Comments, Invisibles, Line Highlighting
+base04  #873582  Dark Foreground (Used for status bars)
+base05  #ffeeff  Default Foreground, Caret, Delimiters, Operators
+base06  #ffeeff  Light Foreground (Not often used)
+base07  #f8c0ff  Light Background (Not often used)
+base08  #00d9e9  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #aa00a3  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #955ae7  Classes, Markup Bold, Search Text Background
+base0B  #05cb0d  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #b900b1  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #550068  Functions, Methods, Attribute IDs, Headings
+base0E  #8991bb  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #4d6fff  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #ffeeff;
+  background: #1e0528
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #331354;
+  color: #ffeeff
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #320f55 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #320f55
+}
+/* base04 - #873582 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #873582
+}
+/* base05 - #ffeeff -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #ffeeff
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #00d9e9
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #aa00a3
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #955ae7
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #955ae7
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #05cb0d
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #b900b1
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #550068
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8991bb
+}
+.hljs-emphasis {
+  color: #8991bb;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #4d6fff
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/mellow-purple.min.css b/apps/documentation/lib/highlight.js/styles/base16/mellow-purple.min.css
new file mode 100644
index 00000000..be9fd921
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/mellow-purple.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Mellow Purple
+  Author: gidsi
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#fef;background:#1e0528}.hljs ::selection,.hljs::selection{background-color:#331354;color:#fef}.hljs-comment{color:#320f55}.hljs-tag{color:#873582}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#fef}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#00d9e9}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#aa00a3}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#955ae7}.hljs-strong{font-weight:700;color:#955ae7}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#05cb0d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#b900b1}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#550068}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8991bb}.hljs-emphasis{color:#8991bb;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#4d6fff}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/mexico-light.css b/apps/documentation/lib/highlight.js/styles/base16/mexico-light.css
new file mode 100644
index 00000000..85602311
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/mexico-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Mexico Light
+  Author: Sheldon Johnson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme mexico-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f8f8f8  Default Background
+base01  #e8e8e8  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d8d8d8  Selection Background
+base03  #b8b8b8  Comments, Invisibles, Line Highlighting
+base04  #585858  Dark Foreground (Used for status bars)
+base05  #383838  Default Foreground, Caret, Delimiters, Operators
+base06  #282828  Light Foreground (Not often used)
+base07  #181818  Light Background (Not often used)
+base08  #ab4642  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #dc9656  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f79a0e  Classes, Markup Bold, Search Text Background
+base0B  #538947  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #4b8093  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7cafc2  Functions, Methods, Attribute IDs, Headings
+base0E  #96609e  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a16946  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #383838;
+  background: #f8f8f8
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d8d8d8;
+  color: #383838
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #b8b8b8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #b8b8b8
+}
+/* base04 - #585858 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #585858
+}
+/* base05 - #383838 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #383838
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ab4642
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #dc9656
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f79a0e
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f79a0e
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #538947
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #4b8093
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7cafc2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #96609e
+}
+.hljs-emphasis {
+  color: #96609e;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a16946
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/mexico-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/mexico-light.min.css
new file mode 100644
index 00000000..13747e58
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/mexico-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Mexico Light
+  Author: Sheldon Johnson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383838;background:#f8f8f8}.hljs ::selection,.hljs::selection{background-color:#d8d8d8;color:#383838}.hljs-comment{color:#b8b8b8}.hljs-tag{color:#585858}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#383838}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ab4642}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#dc9656}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f79a0e}.hljs-strong{font-weight:700;color:#f79a0e}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#538947}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#4b8093}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7cafc2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#96609e}.hljs-emphasis{color:#96609e;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a16946}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/mocha.css b/apps/documentation/lib/highlight.js/styles/base16/mocha.css
new file mode 100644
index 00000000..908f3bbe
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/mocha.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Mocha
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme mocha
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #3B3228  Default Background
+base01  #534636  Lighter Background (Used for status bars, line number and folding marks)
+base02  #645240  Selection Background
+base03  #7e705a  Comments, Invisibles, Line Highlighting
+base04  #b8afad  Dark Foreground (Used for status bars)
+base05  #d0c8c6  Default Foreground, Caret, Delimiters, Operators
+base06  #e9e1dd  Light Foreground (Not often used)
+base07  #f5eeeb  Light Background (Not often used)
+base08  #cb6077  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d28b71  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f4bc87  Classes, Markup Bold, Search Text Background
+base0B  #beb55b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #7bbda4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8ab3b5  Functions, Methods, Attribute IDs, Headings
+base0E  #a89bb9  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bb9584  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d0c8c6;
+  background: #3B3228
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #645240;
+  color: #d0c8c6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7e705a -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7e705a
+}
+/* base04 - #b8afad -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b8afad
+}
+/* base05 - #d0c8c6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d0c8c6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #cb6077
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d28b71
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f4bc87
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f4bc87
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #beb55b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #7bbda4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8ab3b5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a89bb9
+}
+.hljs-emphasis {
+  color: #a89bb9;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bb9584
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/mocha.min.css b/apps/documentation/lib/highlight.js/styles/base16/mocha.min.css
new file mode 100644
index 00000000..bc1f3bf2
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/mocha.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Mocha
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0c8c6;background:#3b3228}.hljs ::selection,.hljs::selection{background-color:#645240;color:#d0c8c6}.hljs-comment{color:#7e705a}.hljs-tag{color:#b8afad}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0c8c6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cb6077}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d28b71}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f4bc87}.hljs-strong{font-weight:700;color:#f4bc87}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#beb55b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#7bbda4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8ab3b5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a89bb9}.hljs-emphasis{color:#a89bb9;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bb9584}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/monokai.css b/apps/documentation/lib/highlight.js/styles/base16/monokai.css
new file mode 100644
index 00000000..097ce34e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/monokai.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Monokai
+  Author: Wimer Hazenberg (http://www.monokai.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme monokai
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #272822  Default Background
+base01  #383830  Lighter Background (Used for status bars, line number and folding marks)
+base02  #49483e  Selection Background
+base03  #75715e  Comments, Invisibles, Line Highlighting
+base04  #a59f85  Dark Foreground (Used for status bars)
+base05  #f8f8f2  Default Foreground, Caret, Delimiters, Operators
+base06  #f5f4f1  Light Foreground (Not often used)
+base07  #f9f8f5  Light Background (Not often used)
+base08  #f92672  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fd971f  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f4bf75  Classes, Markup Bold, Search Text Background
+base0B  #a6e22e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #a1efe4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #66d9ef  Functions, Methods, Attribute IDs, Headings
+base0E  #ae81ff  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #cc6633  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #f8f8f2;
+  background: #272822
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #49483e;
+  color: #f8f8f2
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #75715e -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #75715e
+}
+/* base04 - #a59f85 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a59f85
+}
+/* base05 - #f8f8f2 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #f8f8f2
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f92672
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fd971f
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f4bf75
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f4bf75
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a6e22e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #a1efe4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #66d9ef
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ae81ff
+}
+.hljs-emphasis {
+  color: #ae81ff;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #cc6633
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/monokai.min.css b/apps/documentation/lib/highlight.js/styles/base16/monokai.min.css
new file mode 100644
index 00000000..8aacf006
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/monokai.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Monokai
+  Author: Wimer Hazenberg (http://www.monokai.nl)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#f8f8f2;background:#272822}.hljs ::selection,.hljs::selection{background-color:#49483e;color:#f8f8f2}.hljs-comment{color:#75715e}.hljs-tag{color:#a59f85}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#f8f8f2}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f92672}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fd971f}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f4bf75}.hljs-strong{font-weight:700;color:#f4bf75}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a6e22e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#a1efe4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#66d9ef}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ae81ff}.hljs-emphasis{color:#ae81ff;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c63}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/nebula.css b/apps/documentation/lib/highlight.js/styles/base16/nebula.css
new file mode 100644
index 00000000..eb04d2b8
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/nebula.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Nebula
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme nebula
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #22273b  Default Background
+base01  #414f60  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5a8380  Selection Background
+base03  #6e6f72  Comments, Invisibles, Line Highlighting
+base04  #87888b  Dark Foreground (Used for status bars)
+base05  #a4a6a9  Default Foreground, Caret, Delimiters, Operators
+base06  #c7c9cd  Light Foreground (Not often used)
+base07  #8dbdaa  Light Background (Not often used)
+base08  #777abc  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #94929e  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #4f9062  Classes, Markup Bold, Search Text Background
+base0B  #6562a8  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #226f68  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #4d6bb6  Functions, Methods, Attribute IDs, Headings
+base0E  #716cae  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8c70a7  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a4a6a9;
+  background: #22273b
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5a8380;
+  color: #a4a6a9
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6e6f72 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6e6f72
+}
+/* base04 - #87888b -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #87888b
+}
+/* base05 - #a4a6a9 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a4a6a9
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #777abc
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #94929e
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #4f9062
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #4f9062
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #6562a8
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #226f68
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #4d6bb6
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #716cae
+}
+.hljs-emphasis {
+  color: #716cae;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8c70a7
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/nebula.min.css b/apps/documentation/lib/highlight.js/styles/base16/nebula.min.css
new file mode 100644
index 00000000..17de0369
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/nebula.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Nebula
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a4a6a9;background:#22273b}.hljs ::selection,.hljs::selection{background-color:#5a8380;color:#a4a6a9}.hljs-comment{color:#6e6f72}.hljs-tag{color:#87888b}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a4a6a9}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#777abc}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#94929e}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#4f9062}.hljs-strong{font-weight:700;color:#4f9062}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#6562a8}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#226f68}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#4d6bb6}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#716cae}.hljs-emphasis{color:#716cae;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8c70a7}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/nord.css b/apps/documentation/lib/highlight.js/styles/base16/nord.css
new file mode 100644
index 00000000..6227706f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/nord.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Nord
+  Author: arcticicestudio
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme nord
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2E3440  Default Background
+base01  #3B4252  Lighter Background (Used for status bars, line number and folding marks)
+base02  #434C5E  Selection Background
+base03  #4C566A  Comments, Invisibles, Line Highlighting
+base04  #D8DEE9  Dark Foreground (Used for status bars)
+base05  #E5E9F0  Default Foreground, Caret, Delimiters, Operators
+base06  #ECEFF4  Light Foreground (Not often used)
+base07  #8FBCBB  Light Background (Not often used)
+base08  #BF616A  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #D08770  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #EBCB8B  Classes, Markup Bold, Search Text Background
+base0B  #A3BE8C  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #88C0D0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #81A1C1  Functions, Methods, Attribute IDs, Headings
+base0E  #B48EAD  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #5E81AC  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #E5E9F0;
+  background: #2E3440
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #434C5E;
+  color: #E5E9F0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #4C566A -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #4C566A
+}
+/* base04 - #D8DEE9 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #D8DEE9
+}
+/* base05 - #E5E9F0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #E5E9F0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #BF616A
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #D08770
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #EBCB8B
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #EBCB8B
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #A3BE8C
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #88C0D0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #81A1C1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #B48EAD
+}
+.hljs-emphasis {
+  color: #B48EAD;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #5E81AC
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/nord.min.css b/apps/documentation/lib/highlight.js/styles/base16/nord.min.css
new file mode 100644
index 00000000..508ae855
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/nord.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Nord
+  Author: arcticicestudio
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e5e9f0;background:#2e3440}.hljs ::selection,.hljs::selection{background-color:#434c5e;color:#e5e9f0}.hljs-comment{color:#4c566a}.hljs-tag{color:#d8dee9}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e5e9f0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#bf616a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d08770}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ebcb8b}.hljs-strong{font-weight:700;color:#ebcb8b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a3be8c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#88c0d0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#81a1c1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b48ead}.hljs-emphasis{color:#b48ead;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5e81ac}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/nova.css b/apps/documentation/lib/highlight.js/styles/base16/nova.css
new file mode 100644
index 00000000..3343e9fa
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/nova.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Nova
+  Author: George Essig (https://github.com/gessig), Trevor D. Miller (https://trevordmiller.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme nova
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #3C4C55  Default Background
+base01  #556873  Lighter Background (Used for status bars, line number and folding marks)
+base02  #6A7D89  Selection Background
+base03  #899BA6  Comments, Invisibles, Line Highlighting
+base04  #899BA6  Dark Foreground (Used for status bars)
+base05  #C5D4DD  Default Foreground, Caret, Delimiters, Operators
+base06  #899BA6  Light Foreground (Not often used)
+base07  #556873  Light Background (Not often used)
+base08  #83AFE5  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #7FC1CA  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #A8CE93  Classes, Markup Bold, Search Text Background
+base0B  #7FC1CA  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #F2C38F  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83AFE5  Functions, Methods, Attribute IDs, Headings
+base0E  #9A93E1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #F2C38F  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #C5D4DD;
+  background: #3C4C55
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #6A7D89;
+  color: #C5D4DD
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #899BA6 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #899BA6
+}
+/* base04 - #899BA6 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #899BA6
+}
+/* base05 - #C5D4DD -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #C5D4DD
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #83AFE5
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #7FC1CA
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #A8CE93
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #A8CE93
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7FC1CA
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #F2C38F
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83AFE5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9A93E1
+}
+.hljs-emphasis {
+  color: #9A93E1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #F2C38F
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/nova.min.css b/apps/documentation/lib/highlight.js/styles/base16/nova.min.css
new file mode 100644
index 00000000..5b9a4082
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/nova.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Nova
+  Author: George Essig (https://github.com/gessig), Trevor D. Miller (https://trevordmiller.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c5d4dd;background:#3c4c55}.hljs ::selection,.hljs::selection{background-color:#6a7d89;color:#c5d4dd}.hljs-comment,.hljs-tag{color:#899ba6}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c5d4dd}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#83afe5}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#7fc1ca}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a8ce93}.hljs-strong{font-weight:700;color:#a8ce93}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7fc1ca}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#f2c38f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83afe5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9a93e1}.hljs-emphasis{color:#9a93e1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#f2c38f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ocean.css b/apps/documentation/lib/highlight.js/styles/base16/ocean.css
new file mode 100644
index 00000000..5ed9f6c2
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ocean.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Ocean
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ocean
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2b303b  Default Background
+base01  #343d46  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4f5b66  Selection Background
+base03  #65737e  Comments, Invisibles, Line Highlighting
+base04  #a7adba  Dark Foreground (Used for status bars)
+base05  #c0c5ce  Default Foreground, Caret, Delimiters, Operators
+base06  #dfe1e8  Light Foreground (Not often used)
+base07  #eff1f5  Light Background (Not often used)
+base08  #bf616a  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d08770  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ebcb8b  Classes, Markup Bold, Search Text Background
+base0B  #a3be8c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #96b5b4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8fa1b3  Functions, Methods, Attribute IDs, Headings
+base0E  #b48ead  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #ab7967  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c0c5ce;
+  background: #2b303b
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4f5b66;
+  color: #c0c5ce
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #65737e -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #65737e
+}
+/* base04 - #a7adba -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a7adba
+}
+/* base05 - #c0c5ce -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c0c5ce
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #bf616a
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d08770
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ebcb8b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ebcb8b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a3be8c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #96b5b4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8fa1b3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b48ead
+}
+.hljs-emphasis {
+  color: #b48ead;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #ab7967
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ocean.min.css b/apps/documentation/lib/highlight.js/styles/base16/ocean.min.css
new file mode 100644
index 00000000..9127e53c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ocean.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Ocean
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c0c5ce;background:#2b303b}.hljs ::selection,.hljs::selection{background-color:#4f5b66;color:#c0c5ce}.hljs-comment{color:#65737e}.hljs-tag{color:#a7adba}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c0c5ce}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#bf616a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d08770}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ebcb8b}.hljs-strong{font-weight:700;color:#ebcb8b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a3be8c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#96b5b4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8fa1b3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b48ead}.hljs-emphasis{color:#b48ead;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ab7967}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/oceanicnext.css b/apps/documentation/lib/highlight.js/styles/base16/oceanicnext.css
new file mode 100644
index 00000000..a2f82145
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/oceanicnext.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: OceanicNext
+  Author: https://github.com/voronianski/oceanic-next-color-scheme
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme oceanicnext
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1B2B34  Default Background
+base01  #343D46  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4F5B66  Selection Background
+base03  #65737E  Comments, Invisibles, Line Highlighting
+base04  #A7ADBA  Dark Foreground (Used for status bars)
+base05  #C0C5CE  Default Foreground, Caret, Delimiters, Operators
+base06  #CDD3DE  Light Foreground (Not often used)
+base07  #D8DEE9  Light Background (Not often used)
+base08  #EC5f67  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #F99157  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #FAC863  Classes, Markup Bold, Search Text Background
+base0B  #99C794  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5FB3B3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6699CC  Functions, Methods, Attribute IDs, Headings
+base0E  #C594C5  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #AB7967  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #C0C5CE;
+  background: #1B2B34
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4F5B66;
+  color: #C0C5CE
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #65737E -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #65737E
+}
+/* base04 - #A7ADBA -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #A7ADBA
+}
+/* base05 - #C0C5CE -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #C0C5CE
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #EC5f67
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #F99157
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #FAC863
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #FAC863
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #99C794
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5FB3B3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6699CC
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #C594C5
+}
+.hljs-emphasis {
+  color: #C594C5;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #AB7967
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/oceanicnext.min.css b/apps/documentation/lib/highlight.js/styles/base16/oceanicnext.min.css
new file mode 100644
index 00000000..627c14b3
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/oceanicnext.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: OceanicNext
+  Author: https://github.com/voronianski/oceanic-next-color-scheme
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c0c5ce;background:#1b2b34}.hljs ::selection,.hljs::selection{background-color:#4f5b66;color:#c0c5ce}.hljs-comment{color:#65737e}.hljs-tag{color:#a7adba}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c0c5ce}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ec5f67}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f99157}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fac863}.hljs-strong{font-weight:700;color:#fac863}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#99c794}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5fb3b3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#69c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c594c5}.hljs-emphasis{color:#c594c5;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ab7967}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/one-light.css b/apps/documentation/lib/highlight.js/styles/base16/one-light.css
new file mode 100644
index 00000000..a7241d0d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/one-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: One Light
+  Author: Daniel Pfeifer (http://github.com/purpleKarrot)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme one-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fafafa  Default Background
+base01  #f0f0f1  Lighter Background (Used for status bars, line number and folding marks)
+base02  #e5e5e6  Selection Background
+base03  #a0a1a7  Comments, Invisibles, Line Highlighting
+base04  #696c77  Dark Foreground (Used for status bars)
+base05  #383a42  Default Foreground, Caret, Delimiters, Operators
+base06  #202227  Light Foreground (Not often used)
+base07  #090a0b  Light Background (Not often used)
+base08  #ca1243  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d75f00  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c18401  Classes, Markup Bold, Search Text Background
+base0B  #50a14f  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #0184bc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #4078f2  Functions, Methods, Attribute IDs, Headings
+base0E  #a626a4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #986801  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #383a42;
+  background: #fafafa
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #e5e5e6;
+  color: #383a42
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #a0a1a7 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #a0a1a7
+}
+/* base04 - #696c77 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #696c77
+}
+/* base05 - #383a42 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #383a42
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ca1243
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d75f00
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c18401
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c18401
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #50a14f
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #0184bc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #4078f2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a626a4
+}
+.hljs-emphasis {
+  color: #a626a4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #986801
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/one-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/one-light.min.css
new file mode 100644
index 00000000..63f57cb9
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/one-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: One Light
+  Author: Daniel Pfeifer (http://github.com/purpleKarrot)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:#fafafa}.hljs ::selection,.hljs::selection{background-color:#e5e5e6;color:#383a42}.hljs-comment{color:#a0a1a7}.hljs-tag{color:#696c77}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#383a42}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ca1243}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d75f00}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c18401}.hljs-strong{font-weight:700;color:#c18401}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#50a14f}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0184bc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#4078f2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a626a4}.hljs-emphasis{color:#a626a4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#986801}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/onedark.css b/apps/documentation/lib/highlight.js/styles/base16/onedark.css
new file mode 100644
index 00000000..58a8a165
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/onedark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: OneDark
+  Author: Lalit Magant (http://github.com/tilal6991)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme onedark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282c34  Default Background
+base01  #353b45  Lighter Background (Used for status bars, line number and folding marks)
+base02  #3e4451  Selection Background
+base03  #545862  Comments, Invisibles, Line Highlighting
+base04  #565c64  Dark Foreground (Used for status bars)
+base05  #abb2bf  Default Foreground, Caret, Delimiters, Operators
+base06  #b6bdca  Light Foreground (Not often used)
+base07  #c8ccd4  Light Background (Not often used)
+base08  #e06c75  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d19a66  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #e5c07b  Classes, Markup Bold, Search Text Background
+base0B  #98c379  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #56b6c2  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #61afef  Functions, Methods, Attribute IDs, Headings
+base0E  #c678dd  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #be5046  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #abb2bf;
+  background: #282c34
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #3e4451;
+  color: #abb2bf
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #545862 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #545862
+}
+/* base04 - #565c64 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #565c64
+}
+/* base05 - #abb2bf -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #abb2bf
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e06c75
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d19a66
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #e5c07b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #e5c07b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #98c379
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #56b6c2
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #61afef
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #c678dd
+}
+.hljs-emphasis {
+  color: #c678dd;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #be5046
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/onedark.min.css b/apps/documentation/lib/highlight.js/styles/base16/onedark.min.css
new file mode 100644
index 00000000..1b8c6b7b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/onedark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: OneDark
+  Author: Lalit Magant (http://github.com/tilal6991)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs ::selection,.hljs::selection{background-color:#3e4451;color:#abb2bf}.hljs-comment{color:#545862}.hljs-tag{color:#565c64}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#abb2bf}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e06c75}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d19a66}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e5c07b}.hljs-strong{font-weight:700;color:#e5c07b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#98c379}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#56b6c2}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#61afef}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c678dd}.hljs-emphasis{color:#c678dd;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#be5046}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/outrun-dark.css b/apps/documentation/lib/highlight.js/styles/base16/outrun-dark.css
new file mode 100644
index 00000000..ab941efd
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/outrun-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Outrun Dark
+  Author: Hugo Delahousse (http://github.com/hugodelahousse/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme outrun-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #00002A  Default Background
+base01  #20204A  Lighter Background (Used for status bars, line number and folding marks)
+base02  #30305A  Selection Background
+base03  #50507A  Comments, Invisibles, Line Highlighting
+base04  #B0B0DA  Dark Foreground (Used for status bars)
+base05  #D0D0FA  Default Foreground, Caret, Delimiters, Operators
+base06  #E0E0FF  Light Foreground (Not often used)
+base07  #F5F5FF  Light Background (Not often used)
+base08  #FF4242  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #FC8D28  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #F3E877  Classes, Markup Bold, Search Text Background
+base0B  #59F176  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #0EF0F0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #66B0FF  Functions, Methods, Attribute IDs, Headings
+base0E  #F10596  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #F003EF  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #D0D0FA;
+  background: #00002A
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #30305A;
+  color: #D0D0FA
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #50507A -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #50507A
+}
+/* base04 - #B0B0DA -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #B0B0DA
+}
+/* base05 - #D0D0FA -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #D0D0FA
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #FF4242
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #FC8D28
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #F3E877
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #F3E877
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #59F176
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #0EF0F0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #66B0FF
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #F10596
+}
+.hljs-emphasis {
+  color: #F10596;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #F003EF
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/outrun-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/outrun-dark.min.css
new file mode 100644
index 00000000..22995a10
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/outrun-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Outrun Dark
+  Author: Hugo Delahousse (http://github.com/hugodelahousse/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0fa;background:#00002a}.hljs ::selection,.hljs::selection{background-color:#30305a;color:#d0d0fa}.hljs-comment{color:#50507a}.hljs-tag{color:#b0b0da}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0fa}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff4242}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fc8d28}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f3e877}.hljs-strong{font-weight:700;color:#f3e877}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#59f176}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0ef0f0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#66b0ff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#f10596}.hljs-emphasis{color:#f10596;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#f003ef}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/papercolor-dark.css b/apps/documentation/lib/highlight.js/styles/base16/papercolor-dark.css
new file mode 100644
index 00000000..3b844133
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/papercolor-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: PaperColor Dark
+  Author: Jon Leopard (http://github.com/jonleopard) based on PaperColor Theme (https://github.com/NLKNguyen/papercolor-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme papercolor-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1c1c1c  Default Background
+base01  #af005f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #5faf00  Selection Background
+base03  #d7af5f  Comments, Invisibles, Line Highlighting
+base04  #5fafd7  Dark Foreground (Used for status bars)
+base05  #808080  Default Foreground, Caret, Delimiters, Operators
+base06  #d7875f  Light Foreground (Not often used)
+base07  #d0d0d0  Light Background (Not often used)
+base08  #585858  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #5faf5f  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #afd700  Classes, Markup Bold, Search Text Background
+base0B  #af87d7  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #ffaf00  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #ff5faf  Functions, Methods, Attribute IDs, Headings
+base0E  #00afaf  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #5f8787  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #808080;
+  background: #1c1c1c
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #5faf00;
+  color: #808080
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #d7af5f -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #d7af5f
+}
+/* base04 - #5fafd7 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5fafd7
+}
+/* base05 - #808080 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #808080
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #585858
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #5faf5f
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #afd700
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #afd700
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #af87d7
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #ffaf00
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #ff5faf
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #00afaf
+}
+.hljs-emphasis {
+  color: #00afaf;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #5f8787
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/papercolor-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/papercolor-dark.min.css
new file mode 100644
index 00000000..c35d7c7e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/papercolor-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: PaperColor Dark
+  Author: Jon Leopard (http://github.com/jonleopard) based on PaperColor Theme (https://github.com/NLKNguyen/papercolor-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:grey;background:#1c1c1c}.hljs ::selection,.hljs::selection{background-color:#5faf00;color:grey}.hljs-comment{color:#d7af5f}.hljs-tag{color:#5fafd7}.hljs-operator,.hljs-punctuation,.hljs-subst{color:grey}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#585858}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#5faf5f}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#afd700}.hljs-strong{font-weight:700;color:#afd700}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#af87d7}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#ffaf00}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#ff5faf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#00afaf}.hljs-emphasis{color:#00afaf;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5f8787}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/papercolor-light.css b/apps/documentation/lib/highlight.js/styles/base16/papercolor-light.css
new file mode 100644
index 00000000..6fe0125e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/papercolor-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: PaperColor Light
+  Author: Jon Leopard (http://github.com/jonleopard) based on PaperColor Theme (https://github.com/NLKNguyen/papercolor-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme papercolor-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #eeeeee  Default Background
+base01  #af0000  Lighter Background (Used for status bars, line number and folding marks)
+base02  #008700  Selection Background
+base03  #5f8700  Comments, Invisibles, Line Highlighting
+base04  #0087af  Dark Foreground (Used for status bars)
+base05  #444444  Default Foreground, Caret, Delimiters, Operators
+base06  #005f87  Light Foreground (Not often used)
+base07  #878787  Light Background (Not often used)
+base08  #bcbcbc  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d70000  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #d70087  Classes, Markup Bold, Search Text Background
+base0B  #8700af  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #d75f00  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #d75f00  Functions, Methods, Attribute IDs, Headings
+base0E  #005faf  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #005f87  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #444444;
+  background: #eeeeee
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #008700;
+  color: #444444
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5f8700 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5f8700
+}
+/* base04 - #0087af -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #0087af
+}
+/* base05 - #444444 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #444444
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #bcbcbc
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d70000
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #d70087
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #d70087
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8700af
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #d75f00
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #d75f00
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #005faf
+}
+.hljs-emphasis {
+  color: #005faf;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #005f87
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/papercolor-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/papercolor-light.min.css
new file mode 100644
index 00000000..e23b616c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/papercolor-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: PaperColor Light
+  Author: Jon Leopard (http://github.com/jonleopard) based on PaperColor Theme (https://github.com/NLKNguyen/papercolor-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#444;background:#eee}.hljs ::selection,.hljs::selection{background-color:#008700;color:#444}.hljs-comment{color:#5f8700}.hljs-tag{color:#0087af}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#444}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#bcbcbc}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d70000}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#d70087}.hljs-strong{font-weight:700;color:#d70087}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8700af}.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-function .hljs-title,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#d75f00}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#005faf}.hljs-emphasis{color:#005faf;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#005f87}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/paraiso.css b/apps/documentation/lib/highlight.js/styles/base16/paraiso.css
new file mode 100644
index 00000000..962104eb
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/paraiso.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Paraiso
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme paraiso
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2f1e2e  Default Background
+base01  #41323f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4f424c  Selection Background
+base03  #776e71  Comments, Invisibles, Line Highlighting
+base04  #8d8687  Dark Foreground (Used for status bars)
+base05  #a39e9b  Default Foreground, Caret, Delimiters, Operators
+base06  #b9b6b0  Light Foreground (Not often used)
+base07  #e7e9db  Light Background (Not often used)
+base08  #ef6155  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f99b15  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fec418  Classes, Markup Bold, Search Text Background
+base0B  #48b685  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5bc4bf  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #06b6ef  Functions, Methods, Attribute IDs, Headings
+base0E  #815ba4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e96ba8  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a39e9b;
+  background: #2f1e2e
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4f424c;
+  color: #a39e9b
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #776e71 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #776e71
+}
+/* base04 - #8d8687 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #8d8687
+}
+/* base05 - #a39e9b -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a39e9b
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ef6155
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f99b15
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fec418
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fec418
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #48b685
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5bc4bf
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #06b6ef
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #815ba4
+}
+.hljs-emphasis {
+  color: #815ba4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e96ba8
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/paraiso.min.css b/apps/documentation/lib/highlight.js/styles/base16/paraiso.min.css
new file mode 100644
index 00000000..135fcd26
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/paraiso.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Paraiso
+  Author: Jan T. Sott
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a39e9b;background:#2f1e2e}.hljs ::selection,.hljs::selection{background-color:#4f424c;color:#a39e9b}.hljs-comment{color:#776e71}.hljs-tag{color:#8d8687}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a39e9b}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ef6155}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f99b15}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fec418}.hljs-strong{font-weight:700;color:#fec418}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#48b685}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5bc4bf}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#06b6ef}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#815ba4}.hljs-emphasis{color:#815ba4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e96ba8}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/pasque.css b/apps/documentation/lib/highlight.js/styles/base16/pasque.css
new file mode 100644
index 00000000..92f5c188
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/pasque.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Pasque
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme pasque
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #271C3A  Default Background
+base01  #100323  Lighter Background (Used for status bars, line number and folding marks)
+base02  #3E2D5C  Selection Background
+base03  #5D5766  Comments, Invisibles, Line Highlighting
+base04  #BEBCBF  Dark Foreground (Used for status bars)
+base05  #DEDCDF  Default Foreground, Caret, Delimiters, Operators
+base06  #EDEAEF  Light Foreground (Not often used)
+base07  #BBAADD  Light Background (Not often used)
+base08  #A92258  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #918889  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #804ead  Classes, Markup Bold, Search Text Background
+base0B  #C6914B  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #7263AA  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8E7DC6  Functions, Methods, Attribute IDs, Headings
+base0E  #953B9D  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #59325C  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #DEDCDF;
+  background: #271C3A
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #3E2D5C;
+  color: #DEDCDF
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5D5766 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5D5766
+}
+/* base04 - #BEBCBF -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #BEBCBF
+}
+/* base05 - #DEDCDF -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #DEDCDF
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #A92258
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #918889
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #804ead
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #804ead
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #C6914B
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #7263AA
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8E7DC6
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #953B9D
+}
+.hljs-emphasis {
+  color: #953B9D;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #59325C
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/pasque.min.css b/apps/documentation/lib/highlight.js/styles/base16/pasque.min.css
new file mode 100644
index 00000000..e4c26729
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/pasque.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Pasque
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#dedcdf;background:#271c3a}.hljs ::selection,.hljs::selection{background-color:#3e2d5c;color:#dedcdf}.hljs-comment{color:#5d5766}.hljs-tag{color:#bebcbf}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#dedcdf}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#a92258}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#918889}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#804ead}.hljs-strong{font-weight:700;color:#804ead}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#c6914b}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#7263aa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8e7dc6}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#953b9d}.hljs-emphasis{color:#953b9d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#59325c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/phd.css b/apps/documentation/lib/highlight.js/styles/base16/phd.css
new file mode 100644
index 00000000..4bcdde93
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/phd.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: PhD
+  Author: Hennig Hasemann (http://leetless.de/vim.html)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme phd
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #061229  Default Background
+base01  #2a3448  Lighter Background (Used for status bars, line number and folding marks)
+base02  #4d5666  Selection Background
+base03  #717885  Comments, Invisibles, Line Highlighting
+base04  #9a99a3  Dark Foreground (Used for status bars)
+base05  #b8bbc2  Default Foreground, Caret, Delimiters, Operators
+base06  #dbdde0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #d07346  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f0a000  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fbd461  Classes, Markup Bold, Search Text Background
+base0B  #99bf52  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #72b9bf  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #5299bf  Functions, Methods, Attribute IDs, Headings
+base0E  #9989cc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b08060  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #b8bbc2;
+  background: #061229
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #4d5666;
+  color: #b8bbc2
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #717885 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #717885
+}
+/* base04 - #9a99a3 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9a99a3
+}
+/* base05 - #b8bbc2 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #b8bbc2
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d07346
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f0a000
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fbd461
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fbd461
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #99bf52
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #72b9bf
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #5299bf
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9989cc
+}
+.hljs-emphasis {
+  color: #9989cc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b08060
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/phd.min.css b/apps/documentation/lib/highlight.js/styles/base16/phd.min.css
new file mode 100644
index 00000000..b5f9feaa
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/phd.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: PhD
+  Author: Hennig Hasemann (http://leetless.de/vim.html)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b8bbc2;background:#061229}.hljs ::selection,.hljs::selection{background-color:#4d5666;color:#b8bbc2}.hljs-comment{color:#717885}.hljs-tag{color:#9a99a3}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b8bbc2}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d07346}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f0a000}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fbd461}.hljs-strong{font-weight:700;color:#fbd461}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#99bf52}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#72b9bf}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#5299bf}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9989cc}.hljs-emphasis{color:#9989cc;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b08060}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/pico.css b/apps/documentation/lib/highlight.js/styles/base16/pico.css
new file mode 100644
index 00000000..42aec9d7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/pico.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Pico
+  Author: PICO-8 (http://www.lexaloffle.com/pico-8.php)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme pico
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #1d2b53  Lighter Background (Used for status bars, line number and folding marks)
+base02  #7e2553  Selection Background
+base03  #008751  Comments, Invisibles, Line Highlighting
+base04  #ab5236  Dark Foreground (Used for status bars)
+base05  #5f574f  Default Foreground, Caret, Delimiters, Operators
+base06  #c2c3c7  Light Foreground (Not often used)
+base07  #fff1e8  Light Background (Not often used)
+base08  #ff004d  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ffa300  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fff024  Classes, Markup Bold, Search Text Background
+base0B  #00e756  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #29adff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83769c  Functions, Methods, Attribute IDs, Headings
+base0E  #ff77a8  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #ffccaa  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5f574f;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #7e2553;
+  color: #5f574f
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #008751 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #008751
+}
+/* base04 - #ab5236 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #ab5236
+}
+/* base05 - #5f574f -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5f574f
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff004d
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ffa300
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fff024
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fff024
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00e756
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #29adff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83769c
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ff77a8
+}
+.hljs-emphasis {
+  color: #ff77a8;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #ffccaa
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/pico.min.css b/apps/documentation/lib/highlight.js/styles/base16/pico.min.css
new file mode 100644
index 00000000..37659987
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/pico.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Pico
+  Author: PICO-8 (http://www.lexaloffle.com/pico-8.php)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5f574f;background:#000}.hljs ::selection,.hljs::selection{background-color:#7e2553;color:#5f574f}.hljs-comment{color:#008751}.hljs-tag{color:#ab5236}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5f574f}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff004d}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ffa300}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fff024}.hljs-strong{font-weight:700;color:#fff024}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#00e756}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#29adff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83769c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ff77a8}.hljs-emphasis{color:#ff77a8;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#fca}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/pop.css b/apps/documentation/lib/highlight.js/styles/base16/pop.css
new file mode 100644
index 00000000..d8b2cb7d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/pop.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Pop
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme pop
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #202020  Lighter Background (Used for status bars, line number and folding marks)
+base02  #303030  Selection Background
+base03  #505050  Comments, Invisibles, Line Highlighting
+base04  #b0b0b0  Dark Foreground (Used for status bars)
+base05  #d0d0d0  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #eb008a  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f29333  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f8ca12  Classes, Markup Bold, Search Text Background
+base0B  #37b349  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00aabb  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0e5a94  Functions, Methods, Attribute IDs, Headings
+base0E  #b31e8d  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #7a2d00  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d0d0d0;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #303030;
+  color: #d0d0d0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #505050 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #505050
+}
+/* base04 - #b0b0b0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b0b0b0
+}
+/* base05 - #d0d0d0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d0d0d0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #eb008a
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f29333
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f8ca12
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f8ca12
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #37b349
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00aabb
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0e5a94
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b31e8d
+}
+.hljs-emphasis {
+  color: #b31e8d;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #7a2d00
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/pop.min.css b/apps/documentation/lib/highlight.js/styles/base16/pop.min.css
new file mode 100644
index 00000000..22b488ac
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/pop.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Pop
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0d0;background:#000}.hljs ::selection,.hljs::selection{background-color:#303030;color:#d0d0d0}.hljs-comment{color:#505050}.hljs-tag{color:#b0b0b0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0d0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#eb008a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f29333}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f8ca12}.hljs-strong{font-weight:700;color:#f8ca12}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#37b349}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0ab}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0e5a94}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b31e8d}.hljs-emphasis{color:#b31e8d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#7a2d00}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/porple.css b/apps/documentation/lib/highlight.js/styles/base16/porple.css
new file mode 100644
index 00000000..59d319c5
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/porple.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Porple
+  Author: Niek den Breeje (https://github.com/AuditeMarlow)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme porple
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #292c36  Default Background
+base01  #333344  Lighter Background (Used for status bars, line number and folding marks)
+base02  #474160  Selection Background
+base03  #65568a  Comments, Invisibles, Line Highlighting
+base04  #b8b8b8  Dark Foreground (Used for status bars)
+base05  #d8d8d8  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e8e8  Light Foreground (Not often used)
+base07  #f8f8f8  Light Background (Not often used)
+base08  #f84547  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d28e5d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #efa16b  Classes, Markup Bold, Search Text Background
+base0B  #95c76f  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #64878f  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #8485ce  Functions, Methods, Attribute IDs, Headings
+base0E  #b74989  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #986841  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d8d8d8;
+  background: #292c36
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #474160;
+  color: #d8d8d8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #65568a -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #65568a
+}
+/* base04 - #b8b8b8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b8b8b8
+}
+/* base05 - #d8d8d8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d8d8d8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f84547
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d28e5d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #efa16b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #efa16b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #95c76f
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #64878f
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #8485ce
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b74989
+}
+.hljs-emphasis {
+  color: #b74989;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #986841
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/porple.min.css b/apps/documentation/lib/highlight.js/styles/base16/porple.min.css
new file mode 100644
index 00000000..77aac4c9
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/porple.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Porple
+  Author: Niek den Breeje (https://github.com/AuditeMarlow)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d8d8d8;background:#292c36}.hljs ::selection,.hljs::selection{background-color:#474160;color:#d8d8d8}.hljs-comment{color:#65568a}.hljs-tag{color:#b8b8b8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d8d8d8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f84547}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d28e5d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#efa16b}.hljs-strong{font-weight:700;color:#efa16b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#95c76f}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#64878f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#8485ce}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b74989}.hljs-emphasis{color:#b74989;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#986841}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/qualia.css b/apps/documentation/lib/highlight.js/styles/base16/qualia.css
new file mode 100644
index 00000000..f518a3e1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/qualia.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Qualia
+  Author: isaacwhanson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme qualia
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #101010  Default Background
+base01  #454545  Lighter Background (Used for status bars, line number and folding marks)
+base02  #454545  Selection Background
+base03  #454545  Comments, Invisibles, Line Highlighting
+base04  #808080  Dark Foreground (Used for status bars)
+base05  #C0C0C0  Default Foreground, Caret, Delimiters, Operators
+base06  #C0C0C0  Light Foreground (Not often used)
+base07  #454545  Light Background (Not often used)
+base08  #EFA6A2  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #A3B8EF  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #E6A3DC  Classes, Markup Bold, Search Text Background
+base0B  #80C990  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #C8C874  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #50CACD  Functions, Methods, Attribute IDs, Headings
+base0E  #E0AF85  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #808080  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #C0C0C0;
+  background: #101010
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #454545;
+  color: #C0C0C0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #454545 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #454545
+}
+/* base04 - #808080 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #808080
+}
+/* base05 - #C0C0C0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #C0C0C0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #EFA6A2
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #A3B8EF
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #E6A3DC
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #E6A3DC
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #80C990
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #C8C874
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #50CACD
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #E0AF85
+}
+.hljs-emphasis {
+  color: #E0AF85;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #808080
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/qualia.min.css b/apps/documentation/lib/highlight.js/styles/base16/qualia.min.css
new file mode 100644
index 00000000..6b333bac
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/qualia.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Qualia
+  Author: isaacwhanson
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:silver;background:#101010}.hljs ::selection,.hljs::selection{background-color:#454545;color:silver}.hljs-comment{color:#454545}.hljs-tag{color:grey}.hljs-operator,.hljs-punctuation,.hljs-subst{color:silver}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#efa6a2}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#a3b8ef}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e6a3dc}.hljs-strong{font-weight:700;color:#e6a3dc}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#80c990}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#c8c874}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#50cacd}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#e0af85}.hljs-emphasis{color:#e0af85;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:grey}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/railscasts.css b/apps/documentation/lib/highlight.js/styles/base16/railscasts.css
new file mode 100644
index 00000000..00c7c61f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/railscasts.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Railscasts
+  Author: Ryan Bates (http://railscasts.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme railscasts
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2b2b2b  Default Background
+base01  #272935  Lighter Background (Used for status bars, line number and folding marks)
+base02  #3a4055  Selection Background
+base03  #5a647e  Comments, Invisibles, Line Highlighting
+base04  #d4cfc9  Dark Foreground (Used for status bars)
+base05  #e6e1dc  Default Foreground, Caret, Delimiters, Operators
+base06  #f4f1ed  Light Foreground (Not often used)
+base07  #f9f7f3  Light Background (Not often used)
+base08  #da4939  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #cc7833  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffc66d  Classes, Markup Bold, Search Text Background
+base0B  #a5c261  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #519f50  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6d9cbe  Functions, Methods, Attribute IDs, Headings
+base0E  #b6b3eb  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bc9458  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e6e1dc;
+  background: #2b2b2b
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #3a4055;
+  color: #e6e1dc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5a647e -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5a647e
+}
+/* base04 - #d4cfc9 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #d4cfc9
+}
+/* base05 - #e6e1dc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e6e1dc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #da4939
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #cc7833
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffc66d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffc66d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a5c261
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #519f50
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6d9cbe
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b6b3eb
+}
+.hljs-emphasis {
+  color: #b6b3eb;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #bc9458
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/railscasts.min.css b/apps/documentation/lib/highlight.js/styles/base16/railscasts.min.css
new file mode 100644
index 00000000..835bacec
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/railscasts.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Railscasts
+  Author: Ryan Bates (http://railscasts.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e6e1dc;background:#2b2b2b}.hljs ::selection,.hljs::selection{background-color:#3a4055;color:#e6e1dc}.hljs-comment{color:#5a647e}.hljs-tag{color:#d4cfc9}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e6e1dc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#da4939}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#cc7833}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffc66d}.hljs-strong{font-weight:700;color:#ffc66d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a5c261}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#519f50}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#6d9cbe}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b6b3eb}.hljs-emphasis{color:#b6b3eb;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#bc9458}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/rebecca.css b/apps/documentation/lib/highlight.js/styles/base16/rebecca.css
new file mode 100644
index 00000000..c9ac8d3b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/rebecca.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Rebecca
+  Author: Victor Borja (http://github.com/vic) based on Rebecca Theme (http://github.com/vic/rebecca-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme rebecca
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #292a44  Default Background
+base01  #663399  Lighter Background (Used for status bars, line number and folding marks)
+base02  #383a62  Selection Background
+base03  #666699  Comments, Invisibles, Line Highlighting
+base04  #a0a0c5  Dark Foreground (Used for status bars)
+base05  #f1eff8  Default Foreground, Caret, Delimiters, Operators
+base06  #ccccff  Light Foreground (Not often used)
+base07  #53495d  Light Background (Not often used)
+base08  #a0a0c5  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #efe4a1  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ae81ff  Classes, Markup Bold, Search Text Background
+base0B  #6dfedf  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #8eaee0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #2de0a7  Functions, Methods, Attribute IDs, Headings
+base0E  #7aa5ff  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #ff79c6  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #f1eff8;
+  background: #292a44
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #383a62;
+  color: #f1eff8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #666699 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #666699
+}
+/* base04 - #a0a0c5 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a0a0c5
+}
+/* base05 - #f1eff8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #f1eff8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #a0a0c5
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #efe4a1
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ae81ff
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ae81ff
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #6dfedf
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #8eaee0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #2de0a7
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #7aa5ff
+}
+.hljs-emphasis {
+  color: #7aa5ff;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #ff79c6
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/rebecca.min.css b/apps/documentation/lib/highlight.js/styles/base16/rebecca.min.css
new file mode 100644
index 00000000..c7c3d776
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/rebecca.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Rebecca
+  Author: Victor Borja (http://github.com/vic) based on Rebecca Theme (http://github.com/vic/rebecca-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#f1eff8;background:#292a44}.hljs ::selection,.hljs::selection{background-color:#383a62;color:#f1eff8}.hljs-comment{color:#669}.hljs-tag{color:#a0a0c5}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#f1eff8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#a0a0c5}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#efe4a1}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ae81ff}.hljs-strong{font-weight:700;color:#ae81ff}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#6dfedf}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#8eaee0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#2de0a7}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#7aa5ff}.hljs-emphasis{color:#7aa5ff;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#ff79c6}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ros-pine-dawn.css b/apps/documentation/lib/highlight.js/styles/base16/ros-pine-dawn.css
new file mode 100644
index 00000000..7509d0bc
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ros-pine-dawn.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Rosé Pine Dawn
+  Author: Emilia Dunfelt <sayhi@dunfelt.se>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ros-pine-dawn
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #faf4ed  Default Background
+base01  #fffaf3  Lighter Background (Used for status bars, line number and folding marks)
+base02  #f2e9de  Selection Background
+base03  #9893a5  Comments, Invisibles, Line Highlighting
+base04  #6e6a86  Dark Foreground (Used for status bars)
+base05  #575279  Default Foreground, Caret, Delimiters, Operators
+base06  #555169  Light Foreground (Not often used)
+base07  #26233a  Light Background (Not often used)
+base08  #1f1d2e  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #b4637a  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ea9d34  Classes, Markup Bold, Search Text Background
+base0B  #d7827e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #286983  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #56949f  Functions, Methods, Attribute IDs, Headings
+base0E  #907aa9  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c5c3ce  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #575279;
+  background: #faf4ed
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #f2e9de;
+  color: #575279
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #9893a5 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #9893a5
+}
+/* base04 - #6e6a86 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #6e6a86
+}
+/* base05 - #575279 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #575279
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #1f1d2e
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #b4637a
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ea9d34
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ea9d34
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #d7827e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #286983
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #56949f
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #907aa9
+}
+.hljs-emphasis {
+  color: #907aa9;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c5c3ce
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ros-pine-dawn.min.css b/apps/documentation/lib/highlight.js/styles/base16/ros-pine-dawn.min.css
new file mode 100644
index 00000000..a877d231
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ros-pine-dawn.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Rosé Pine Dawn
+  Author: Emilia Dunfelt <sayhi@dunfelt.se>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#575279;background:#faf4ed}.hljs ::selection,.hljs::selection{background-color:#f2e9de;color:#575279}.hljs-comment{color:#9893a5}.hljs-tag{color:#6e6a86}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#575279}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#1f1d2e}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#b4637a}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ea9d34}.hljs-strong{font-weight:700;color:#ea9d34}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#d7827e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#286983}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#56949f}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#907aa9}.hljs-emphasis{color:#907aa9;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c5c3ce}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ros-pine-moon.css b/apps/documentation/lib/highlight.js/styles/base16/ros-pine-moon.css
new file mode 100644
index 00000000..57e81ac0
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ros-pine-moon.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Rosé Pine Moon
+  Author: Emilia Dunfelt <sayhi@dunfelt.se>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ros-pine-moon
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #232136  Default Background
+base01  #2a273f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #393552  Selection Background
+base03  #59546d  Comments, Invisibles, Line Highlighting
+base04  #817c9c  Dark Foreground (Used for status bars)
+base05  #e0def4  Default Foreground, Caret, Delimiters, Operators
+base06  #f5f5f7  Light Foreground (Not often used)
+base07  #d9d7e1  Light Background (Not often used)
+base08  #ecebf0  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #eb6f92  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f6c177  Classes, Markup Bold, Search Text Background
+base0B  #ea9a97  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3e8fb0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #9ccfd8  Functions, Methods, Attribute IDs, Headings
+base0E  #c4a7e7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b9b9bc  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e0def4;
+  background: #232136
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #393552;
+  color: #e0def4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #59546d -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #59546d
+}
+/* base04 - #817c9c -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #817c9c
+}
+/* base05 - #e0def4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e0def4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ecebf0
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #eb6f92
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f6c177
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f6c177
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #ea9a97
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3e8fb0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #9ccfd8
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #c4a7e7
+}
+.hljs-emphasis {
+  color: #c4a7e7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b9b9bc
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ros-pine-moon.min.css b/apps/documentation/lib/highlight.js/styles/base16/ros-pine-moon.min.css
new file mode 100644
index 00000000..eab4a50a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ros-pine-moon.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Rosé Pine Moon
+  Author: Emilia Dunfelt <sayhi@dunfelt.se>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e0def4;background:#232136}.hljs ::selection,.hljs::selection{background-color:#393552;color:#e0def4}.hljs-comment{color:#59546d}.hljs-tag{color:#817c9c}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e0def4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ecebf0}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#eb6f92}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f6c177}.hljs-strong{font-weight:700;color:#f6c177}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#ea9a97}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#3e8fb0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#9ccfd8}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c4a7e7}.hljs-emphasis{color:#c4a7e7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b9b9bc}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ros-pine.css b/apps/documentation/lib/highlight.js/styles/base16/ros-pine.css
new file mode 100644
index 00000000..da0e2308
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ros-pine.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Rosé Pine
+  Author: Emilia Dunfelt <sayhi@dunfelt.se>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme ros-pine
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #191724  Default Background
+base01  #1f1d2e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #26233a  Selection Background
+base03  #555169  Comments, Invisibles, Line Highlighting
+base04  #6e6a86  Dark Foreground (Used for status bars)
+base05  #e0def4  Default Foreground, Caret, Delimiters, Operators
+base06  #f0f0f3  Light Foreground (Not often used)
+base07  #c5c3ce  Light Background (Not often used)
+base08  #e2e1e7  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #eb6f92  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f6c177  Classes, Markup Bold, Search Text Background
+base0B  #ebbcba  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #31748f  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #9ccfd8  Functions, Methods, Attribute IDs, Headings
+base0E  #c4a7e7  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e5e5e5  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e0def4;
+  background: #191724
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #26233a;
+  color: #e0def4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #555169 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #555169
+}
+/* base04 - #6e6a86 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #6e6a86
+}
+/* base05 - #e0def4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e0def4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e2e1e7
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #eb6f92
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f6c177
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f6c177
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #ebbcba
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #31748f
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #9ccfd8
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #c4a7e7
+}
+.hljs-emphasis {
+  color: #c4a7e7;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e5e5e5
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/ros-pine.min.css b/apps/documentation/lib/highlight.js/styles/base16/ros-pine.min.css
new file mode 100644
index 00000000..ddc4e69a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/ros-pine.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Rosé Pine
+  Author: Emilia Dunfelt <sayhi@dunfelt.se>
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e0def4;background:#191724}.hljs ::selection,.hljs::selection{background-color:#26233a;color:#e0def4}.hljs-comment{color:#555169}.hljs-tag{color:#6e6a86}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e0def4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e2e1e7}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#eb6f92}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f6c177}.hljs-strong{font-weight:700;color:#f6c177}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#ebbcba}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#31748f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#9ccfd8}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c4a7e7}.hljs-emphasis{color:#c4a7e7;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e5e5e5}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/sagelight.css b/apps/documentation/lib/highlight.js/styles/base16/sagelight.css
new file mode 100644
index 00000000..0baedb9b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/sagelight.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Sagelight
+  Author: Carter Veldhuizen
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme sagelight
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f8f8f8  Default Background
+base01  #e8e8e8  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d8d8d8  Selection Background
+base03  #b8b8b8  Comments, Invisibles, Line Highlighting
+base04  #585858  Dark Foreground (Used for status bars)
+base05  #383838  Default Foreground, Caret, Delimiters, Operators
+base06  #282828  Light Foreground (Not often used)
+base07  #181818  Light Background (Not often used)
+base08  #fa8480  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ffaa61  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffdc61  Classes, Markup Bold, Search Text Background
+base0B  #a0d2c8  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #a2d6f5  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #a0a7d2  Functions, Methods, Attribute IDs, Headings
+base0E  #c8a0d2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d2b2a0  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #383838;
+  background: #f8f8f8
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d8d8d8;
+  color: #383838
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #b8b8b8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #b8b8b8
+}
+/* base04 - #585858 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #585858
+}
+/* base05 - #383838 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #383838
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fa8480
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ffaa61
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffdc61
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffdc61
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a0d2c8
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #a2d6f5
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #a0a7d2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #c8a0d2
+}
+.hljs-emphasis {
+  color: #c8a0d2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d2b2a0
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/sagelight.min.css b/apps/documentation/lib/highlight.js/styles/base16/sagelight.min.css
new file mode 100644
index 00000000..f0dc9274
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/sagelight.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Sagelight
+  Author: Carter Veldhuizen
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383838;background:#f8f8f8}.hljs ::selection,.hljs::selection{background-color:#d8d8d8;color:#383838}.hljs-comment{color:#b8b8b8}.hljs-tag{color:#585858}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#383838}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fa8480}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ffaa61}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffdc61}.hljs-strong{font-weight:700;color:#ffdc61}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#a0d2c8}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#a2d6f5}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#a0a7d2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c8a0d2}.hljs-emphasis{color:#c8a0d2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d2b2a0}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/sandcastle.css b/apps/documentation/lib/highlight.js/styles/base16/sandcastle.css
new file mode 100644
index 00000000..eba306dc
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/sandcastle.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Sandcastle
+  Author: George Essig (https://github.com/gessig)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme sandcastle
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282c34  Default Background
+base01  #2c323b  Lighter Background (Used for status bars, line number and folding marks)
+base02  #3e4451  Selection Background
+base03  #665c54  Comments, Invisibles, Line Highlighting
+base04  #928374  Dark Foreground (Used for status bars)
+base05  #a89984  Default Foreground, Caret, Delimiters, Operators
+base06  #d5c4a1  Light Foreground (Not often used)
+base07  #fdf4c1  Light Background (Not often used)
+base08  #83a598  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #a07e3b  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a07e3b  Classes, Markup Bold, Search Text Background
+base0B  #528b8b  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #83a598  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #83a598  Functions, Methods, Attribute IDs, Headings
+base0E  #d75f5f  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a87322  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a89984;
+  background: #282c34
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #3e4451;
+  color: #a89984
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #665c54 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #665c54
+}
+/* base04 - #928374 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #928374
+}
+/* base05 - #a89984 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a89984
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #83a598
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #a07e3b
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a07e3b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a07e3b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #528b8b
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #83a598
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #83a598
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d75f5f
+}
+.hljs-emphasis {
+  color: #d75f5f;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a87322
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/sandcastle.min.css b/apps/documentation/lib/highlight.js/styles/base16/sandcastle.min.css
new file mode 100644
index 00000000..601dc21d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/sandcastle.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Sandcastle
+  Author: George Essig (https://github.com/gessig)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a89984;background:#282c34}.hljs ::selection,.hljs::selection{background-color:#3e4451;color:#a89984}.hljs-comment{color:#665c54}.hljs-tag{color:#928374}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a89984}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#83a598}.hljs-attr,.hljs-class .hljs-title,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-title,.hljs-title.class_,.hljs-variable.constant_{color:#a07e3b}.hljs-strong{font-weight:700;color:#a07e3b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#528b8b}.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-function .hljs-title,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#83a598}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d75f5f}.hljs-emphasis{color:#d75f5f;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a87322}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/seti-ui.css b/apps/documentation/lib/highlight.js/styles/base16/seti-ui.css
new file mode 100644
index 00000000..ed897cef
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/seti-ui.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Seti UI
+  Author: 
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme seti-ui
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #151718  Default Background
+base01  #282a2b  Lighter Background (Used for status bars, line number and folding marks)
+base02  #3B758C  Selection Background
+base03  #41535B  Comments, Invisibles, Line Highlighting
+base04  #43a5d5  Dark Foreground (Used for status bars)
+base05  #d6d6d6  Default Foreground, Caret, Delimiters, Operators
+base06  #eeeeee  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #Cd3f45  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #db7b55  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #e6cd69  Classes, Markup Bold, Search Text Background
+base0B  #9fca56  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #55dbbe  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #55b5db  Functions, Methods, Attribute IDs, Headings
+base0E  #a074c4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #8a553f  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d6d6d6;
+  background: #151718
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #3B758C;
+  color: #d6d6d6
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #41535B -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #41535B
+}
+/* base04 - #43a5d5 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #43a5d5
+}
+/* base05 - #d6d6d6 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d6d6d6
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #Cd3f45
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #db7b55
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #e6cd69
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #e6cd69
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #9fca56
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #55dbbe
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #55b5db
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a074c4
+}
+.hljs-emphasis {
+  color: #a074c4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #8a553f
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/seti-ui.min.css b/apps/documentation/lib/highlight.js/styles/base16/seti-ui.min.css
new file mode 100644
index 00000000..fa3347e1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/seti-ui.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Seti UI
+  Author: 
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d6d6d6;background:#151718}.hljs ::selection,.hljs::selection{background-color:#3b758c;color:#d6d6d6}.hljs-comment{color:#41535b}.hljs-tag{color:#43a5d5}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d6d6d6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cd3f45}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#db7b55}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e6cd69}.hljs-strong{font-weight:700;color:#e6cd69}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#9fca56}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#55dbbe}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#55b5db}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a074c4}.hljs-emphasis{color:#a074c4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#8a553f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/shapeshifter.css b/apps/documentation/lib/highlight.js/styles/base16/shapeshifter.css
new file mode 100644
index 00000000..ab56c011
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/shapeshifter.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Shapeshifter
+  Author: Tyler Benziger (http://tybenz.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme shapeshifter
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f9f9f9  Default Background
+base01  #e0e0e0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #ababab  Selection Background
+base03  #555555  Comments, Invisibles, Line Highlighting
+base04  #343434  Dark Foreground (Used for status bars)
+base05  #102015  Default Foreground, Caret, Delimiters, Operators
+base06  #040404  Light Foreground (Not often used)
+base07  #000000  Light Background (Not often used)
+base08  #e92f2f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #e09448  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #dddd13  Classes, Markup Bold, Search Text Background
+base0B  #0ed839  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #23edda  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3b48e3  Functions, Methods, Attribute IDs, Headings
+base0E  #f996e2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #69542d  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #102015;
+  background: #f9f9f9
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #ababab;
+  color: #102015
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #555555 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #555555
+}
+/* base04 - #343434 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #343434
+}
+/* base05 - #102015 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #102015
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e92f2f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #e09448
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #dddd13
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #dddd13
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #0ed839
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #23edda
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3b48e3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #f996e2
+}
+.hljs-emphasis {
+  color: #f996e2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #69542d
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/shapeshifter.min.css b/apps/documentation/lib/highlight.js/styles/base16/shapeshifter.min.css
new file mode 100644
index 00000000..a3e83b55
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/shapeshifter.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Shapeshifter
+  Author: Tyler Benziger (http://tybenz.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#102015;background:#f9f9f9}.hljs ::selection,.hljs::selection{background-color:#ababab;color:#102015}.hljs-comment{color:#555}.hljs-tag{color:#343434}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#102015}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e92f2f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e09448}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#dddd13}.hljs-strong{font-weight:700;color:#dddd13}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#0ed839}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#23edda}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3b48e3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#f996e2}.hljs-emphasis{color:#f996e2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#69542d}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/silk-dark.css b/apps/documentation/lib/highlight.js/styles/base16/silk-dark.css
new file mode 100644
index 00000000..a008a7b8
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/silk-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Silk Dark
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme silk-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #0e3c46  Default Background
+base01  #1D494E  Lighter Background (Used for status bars, line number and folding marks)
+base02  #2A5054  Selection Background
+base03  #587073  Comments, Invisibles, Line Highlighting
+base04  #9DC8CD  Dark Foreground (Used for status bars)
+base05  #C7DBDD  Default Foreground, Caret, Delimiters, Operators
+base06  #CBF2F7  Light Foreground (Not often used)
+base07  #D2FAFF  Light Background (Not often used)
+base08  #fb6953  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fcab74  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fce380  Classes, Markup Bold, Search Text Background
+base0B  #73d8ad  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3fb2b9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #46bddd  Functions, Methods, Attribute IDs, Headings
+base0E  #756b8a  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #9b647b  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #C7DBDD;
+  background: #0e3c46
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #2A5054;
+  color: #C7DBDD
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #587073 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #587073
+}
+/* base04 - #9DC8CD -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9DC8CD
+}
+/* base05 - #C7DBDD -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #C7DBDD
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fb6953
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fcab74
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fce380
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fce380
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #73d8ad
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3fb2b9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #46bddd
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #756b8a
+}
+.hljs-emphasis {
+  color: #756b8a;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #9b647b
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/silk-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/silk-dark.min.css
new file mode 100644
index 00000000..1315a0bb
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/silk-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Silk Dark
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c7dbdd;background:#0e3c46}.hljs ::selection,.hljs::selection{background-color:#2a5054;color:#c7dbdd}.hljs-comment{color:#587073}.hljs-tag{color:#9dc8cd}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c7dbdd}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fb6953}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fcab74}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fce380}.hljs-strong{font-weight:700;color:#fce380}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#73d8ad}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#3fb2b9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#46bddd}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#756b8a}.hljs-emphasis{color:#756b8a;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#9b647b}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/silk-light.css b/apps/documentation/lib/highlight.js/styles/base16/silk-light.css
new file mode 100644
index 00000000..0b081ca3
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/silk-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Silk Light
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme silk-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #E9F1EF  Default Background
+base01  #CCD4D3  Lighter Background (Used for status bars, line number and folding marks)
+base02  #90B7B6  Selection Background
+base03  #5C787B  Comments, Invisibles, Line Highlighting
+base04  #4B5B5F  Dark Foreground (Used for status bars)
+base05  #385156  Default Foreground, Caret, Delimiters, Operators
+base06  #0e3c46  Light Foreground (Not often used)
+base07  #D2FAFF  Light Background (Not often used)
+base08  #CF432E  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #D27F46  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #CFAD25  Classes, Markup Bold, Search Text Background
+base0B  #6CA38C  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #329CA2  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #39AAC9  Functions, Methods, Attribute IDs, Headings
+base0E  #6E6582  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #865369  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #385156;
+  background: #E9F1EF
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #90B7B6;
+  color: #385156
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5C787B -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5C787B
+}
+/* base04 - #4B5B5F -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #4B5B5F
+}
+/* base05 - #385156 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #385156
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #CF432E
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #D27F46
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #CFAD25
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #CFAD25
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #6CA38C
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #329CA2
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #39AAC9
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6E6582
+}
+.hljs-emphasis {
+  color: #6E6582;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #865369
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/silk-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/silk-light.min.css
new file mode 100644
index 00000000..54b0058c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/silk-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Silk Light
+  Author: Gabriel Fontes (https://github.com/Misterio77)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#385156;background:#e9f1ef}.hljs ::selection,.hljs::selection{background-color:#90b7b6;color:#385156}.hljs-comment{color:#5c787b}.hljs-tag{color:#4b5b5f}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#385156}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cf432e}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d27f46}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#cfad25}.hljs-strong{font-weight:700;color:#cfad25}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#6ca38c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#329ca2}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#39aac9}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6e6582}.hljs-emphasis{color:#6e6582;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#865369}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/snazzy.css b/apps/documentation/lib/highlight.js/styles/base16/snazzy.css
new file mode 100644
index 00000000..335abd9e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/snazzy.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Snazzy
+  Author: Chawye Hsu (https://github.com/chawyehsu) based on Hyper Snazzy Theme (https://github.com/sindresorhus/hyper-snazzy)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme snazzy
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282a36  Default Background
+base01  #34353e  Lighter Background (Used for status bars, line number and folding marks)
+base02  #43454f  Selection Background
+base03  #78787e  Comments, Invisibles, Line Highlighting
+base04  #a5a5a9  Dark Foreground (Used for status bars)
+base05  #e2e4e5  Default Foreground, Caret, Delimiters, Operators
+base06  #eff0eb  Light Foreground (Not often used)
+base07  #f1f1f0  Light Background (Not often used)
+base08  #ff5c57  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ff9f43  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f3f99d  Classes, Markup Bold, Search Text Background
+base0B  #5af78e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #9aedfe  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #57c7ff  Functions, Methods, Attribute IDs, Headings
+base0E  #ff6ac1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b2643c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #e2e4e5;
+  background: #282a36
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #43454f;
+  color: #e2e4e5
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #78787e -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #78787e
+}
+/* base04 - #a5a5a9 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a5a5a9
+}
+/* base05 - #e2e4e5 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e2e4e5
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff5c57
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ff9f43
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f3f99d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f3f99d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #5af78e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #9aedfe
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #57c7ff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ff6ac1
+}
+.hljs-emphasis {
+  color: #ff6ac1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b2643c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/snazzy.min.css b/apps/documentation/lib/highlight.js/styles/base16/snazzy.min.css
new file mode 100644
index 00000000..22417523
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/snazzy.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Snazzy
+  Author: Chawye Hsu (https://github.com/chawyehsu) based on Hyper Snazzy Theme (https://github.com/sindresorhus/hyper-snazzy)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e2e4e5;background:#282a36}.hljs ::selection,.hljs::selection{background-color:#43454f;color:#e2e4e5}.hljs-comment{color:#78787e}.hljs-tag{color:#a5a5a9}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#e2e4e5}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff5c57}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff9f43}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f3f99d}.hljs-strong{font-weight:700;color:#f3f99d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#5af78e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#9aedfe}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#57c7ff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ff6ac1}.hljs-emphasis{color:#ff6ac1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b2643c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/solar-flare-light.css b/apps/documentation/lib/highlight.js/styles/base16/solar-flare-light.css
new file mode 100644
index 00000000..d8124db6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/solar-flare-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Solar Flare Light
+  Author: Chuck Harmston (https://chuck.harmston.ch)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme solar-flare-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #F5F7FA  Default Background
+base01  #E8E9ED  Lighter Background (Used for status bars, line number and folding marks)
+base02  #A6AFB8  Selection Background
+base03  #85939E  Comments, Invisibles, Line Highlighting
+base04  #667581  Dark Foreground (Used for status bars)
+base05  #586875  Default Foreground, Caret, Delimiters, Operators
+base06  #222E38  Light Foreground (Not often used)
+base07  #18262F  Light Background (Not often used)
+base08  #EF5253  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #E66B2B  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #E4B51C  Classes, Markup Bold, Search Text Background
+base0B  #7CC844  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #52CBB0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #33B5E1  Functions, Methods, Attribute IDs, Headings
+base0E  #A363D5  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #D73C9A  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #586875;
+  background: #F5F7FA
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #A6AFB8;
+  color: #586875
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #85939E -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #85939E
+}
+/* base04 - #667581 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #667581
+}
+/* base05 - #586875 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #586875
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #EF5253
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #E66B2B
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #E4B51C
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #E4B51C
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7CC844
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #52CBB0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #33B5E1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #A363D5
+}
+.hljs-emphasis {
+  color: #A363D5;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #D73C9A
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/solar-flare-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/solar-flare-light.min.css
new file mode 100644
index 00000000..4b6a98ff
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/solar-flare-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Solar Flare Light
+  Author: Chuck Harmston (https://chuck.harmston.ch)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#586875;background:#f5f7fa}.hljs ::selection,.hljs::selection{background-color:#a6afb8;color:#586875}.hljs-comment{color:#85939e}.hljs-tag{color:#667581}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#586875}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ef5253}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e66b2b}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e4b51c}.hljs-strong{font-weight:700;color:#e4b51c}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7cc844}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#52cbb0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#33b5e1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a363d5}.hljs-emphasis{color:#a363d5;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d73c9a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/solar-flare.css b/apps/documentation/lib/highlight.js/styles/base16/solar-flare.css
new file mode 100644
index 00000000..0763f0c4
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/solar-flare.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Solar Flare
+  Author: Chuck Harmston (https://chuck.harmston.ch)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme solar-flare
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #18262F  Default Background
+base01  #222E38  Lighter Background (Used for status bars, line number and folding marks)
+base02  #586875  Selection Background
+base03  #667581  Comments, Invisibles, Line Highlighting
+base04  #85939E  Dark Foreground (Used for status bars)
+base05  #A6AFB8  Default Foreground, Caret, Delimiters, Operators
+base06  #E8E9ED  Light Foreground (Not often used)
+base07  #F5F7FA  Light Background (Not often used)
+base08  #EF5253  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #E66B2B  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #E4B51C  Classes, Markup Bold, Search Text Background
+base0B  #7CC844  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #52CBB0  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #33B5E1  Functions, Methods, Attribute IDs, Headings
+base0E  #A363D5  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #D73C9A  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #A6AFB8;
+  background: #18262F
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #586875;
+  color: #A6AFB8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #667581 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #667581
+}
+/* base04 - #85939E -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #85939E
+}
+/* base05 - #A6AFB8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #A6AFB8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #EF5253
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #E66B2B
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #E4B51C
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #E4B51C
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #7CC844
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #52CBB0
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #33B5E1
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #A363D5
+}
+.hljs-emphasis {
+  color: #A363D5;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #D73C9A
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/solar-flare.min.css b/apps/documentation/lib/highlight.js/styles/base16/solar-flare.min.css
new file mode 100644
index 00000000..115fb979
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/solar-flare.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Solar Flare
+  Author: Chuck Harmston (https://chuck.harmston.ch)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a6afb8;background:#18262f}.hljs ::selection,.hljs::selection{background-color:#586875;color:#a6afb8}.hljs-comment{color:#667581}.hljs-tag{color:#85939e}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a6afb8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ef5253}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#e66b2b}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e4b51c}.hljs-strong{font-weight:700;color:#e4b51c}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#7cc844}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#52cbb0}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#33b5e1}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a363d5}.hljs-emphasis{color:#a363d5;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d73c9a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/solarized-dark.css b/apps/documentation/lib/highlight.js/styles/base16/solarized-dark.css
new file mode 100644
index 00000000..6437cf5c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/solarized-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Solarized Dark
+  Author: Ethan Schoonover (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme solarized-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #002b36  Default Background
+base01  #073642  Lighter Background (Used for status bars, line number and folding marks)
+base02  #586e75  Selection Background
+base03  #657b83  Comments, Invisibles, Line Highlighting
+base04  #839496  Dark Foreground (Used for status bars)
+base05  #93a1a1  Default Foreground, Caret, Delimiters, Operators
+base06  #eee8d5  Light Foreground (Not often used)
+base07  #fdf6e3  Light Background (Not often used)
+base08  #dc322f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #cb4b16  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b58900  Classes, Markup Bold, Search Text Background
+base0B  #859900  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #2aa198  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #268bd2  Functions, Methods, Attribute IDs, Headings
+base0E  #6c71c4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d33682  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #93a1a1;
+  background: #002b36
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #586e75;
+  color: #93a1a1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #657b83 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #657b83
+}
+/* base04 - #839496 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #839496
+}
+/* base05 - #93a1a1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #93a1a1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #dc322f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #cb4b16
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b58900
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b58900
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #859900
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #2aa198
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #268bd2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6c71c4
+}
+.hljs-emphasis {
+  color: #6c71c4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d33682
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/solarized-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/solarized-dark.min.css
new file mode 100644
index 00000000..e2b15356
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/solarized-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Solarized Dark
+  Author: Ethan Schoonover (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#93a1a1;background:#002b36}.hljs ::selection,.hljs::selection{background-color:#586e75;color:#93a1a1}.hljs-comment{color:#657b83}.hljs-tag{color:#839496}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#93a1a1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#dc322f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#cb4b16}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b58900}.hljs-strong{font-weight:700;color:#b58900}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#859900}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#2aa198}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#268bd2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6c71c4}.hljs-emphasis{color:#6c71c4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d33682}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/solarized-light.css b/apps/documentation/lib/highlight.js/styles/base16/solarized-light.css
new file mode 100644
index 00000000..4c71ce09
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/solarized-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Solarized Light
+  Author: Ethan Schoonover (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme solarized-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fdf6e3  Default Background
+base01  #eee8d5  Lighter Background (Used for status bars, line number and folding marks)
+base02  #93a1a1  Selection Background
+base03  #839496  Comments, Invisibles, Line Highlighting
+base04  #657b83  Dark Foreground (Used for status bars)
+base05  #586e75  Default Foreground, Caret, Delimiters, Operators
+base06  #073642  Light Foreground (Not often used)
+base07  #002b36  Light Background (Not often used)
+base08  #dc322f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #cb4b16  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b58900  Classes, Markup Bold, Search Text Background
+base0B  #859900  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #2aa198  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #268bd2  Functions, Methods, Attribute IDs, Headings
+base0E  #6c71c4  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #d33682  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #586e75;
+  background: #fdf6e3
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #93a1a1;
+  color: #586e75
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #839496 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #839496
+}
+/* base04 - #657b83 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #657b83
+}
+/* base05 - #586e75 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #586e75
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #dc322f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #cb4b16
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b58900
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b58900
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #859900
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #2aa198
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #268bd2
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #6c71c4
+}
+.hljs-emphasis {
+  color: #6c71c4;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #d33682
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/solarized-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/solarized-light.min.css
new file mode 100644
index 00000000..67a590b3
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/solarized-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Solarized Light
+  Author: Ethan Schoonover (modified by aramisgithub)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#586e75;background:#fdf6e3}.hljs ::selection,.hljs::selection{background-color:#93a1a1;color:#586e75}.hljs-comment{color:#839496}.hljs-tag{color:#657b83}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#586e75}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#dc322f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#cb4b16}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b58900}.hljs-strong{font-weight:700;color:#b58900}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#859900}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#2aa198}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#268bd2}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#6c71c4}.hljs-emphasis{color:#6c71c4;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#d33682}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/spacemacs.css b/apps/documentation/lib/highlight.js/styles/base16/spacemacs.css
new file mode 100644
index 00000000..19a2403c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/spacemacs.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Spacemacs
+  Author: Nasser Alshammari (https://github.com/nashamri/spacemacs-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme spacemacs
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1f2022  Default Background
+base01  #282828  Lighter Background (Used for status bars, line number and folding marks)
+base02  #444155  Selection Background
+base03  #585858  Comments, Invisibles, Line Highlighting
+base04  #b8b8b8  Dark Foreground (Used for status bars)
+base05  #a3a3a3  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e8e8  Light Foreground (Not often used)
+base07  #f8f8f8  Light Background (Not often used)
+base08  #f2241f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ffa500  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #b1951d  Classes, Markup Bold, Search Text Background
+base0B  #67b11d  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #2d9574  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #4f97d7  Functions, Methods, Attribute IDs, Headings
+base0E  #a31db1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b03060  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a3a3a3;
+  background: #1f2022
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #444155;
+  color: #a3a3a3
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #585858 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #585858
+}
+/* base04 - #b8b8b8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b8b8b8
+}
+/* base05 - #a3a3a3 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a3a3a3
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f2241f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ffa500
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #b1951d
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #b1951d
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #67b11d
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #2d9574
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #4f97d7
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a31db1
+}
+.hljs-emphasis {
+  color: #a31db1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b03060
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/spacemacs.min.css b/apps/documentation/lib/highlight.js/styles/base16/spacemacs.min.css
new file mode 100644
index 00000000..ba8f7d95
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/spacemacs.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Spacemacs
+  Author: Nasser Alshammari (https://github.com/nashamri/spacemacs-theme)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a3a3a3;background:#1f2022}.hljs ::selection,.hljs::selection{background-color:#444155;color:#a3a3a3}.hljs-comment{color:#585858}.hljs-tag{color:#b8b8b8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a3a3a3}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f2241f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:orange}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#b1951d}.hljs-strong{font-weight:700;color:#b1951d}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#67b11d}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#2d9574}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#4f97d7}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a31db1}.hljs-emphasis{color:#a31db1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b03060}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/summercamp.css b/apps/documentation/lib/highlight.js/styles/base16/summercamp.css
new file mode 100644
index 00000000..f462fd71
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/summercamp.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: summercamp
+  Author: zoe firi (zoefiri.github.io)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme summercamp
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1c1810  Default Background
+base01  #2a261c  Lighter Background (Used for status bars, line number and folding marks)
+base02  #3a3527  Selection Background
+base03  #504b38  Comments, Invisibles, Line Highlighting
+base04  #5f5b45  Dark Foreground (Used for status bars)
+base05  #736e55  Default Foreground, Caret, Delimiters, Operators
+base06  #bab696  Light Foreground (Not often used)
+base07  #f8f5de  Light Background (Not often used)
+base08  #e35142  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fba11b  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f2ff27  Classes, Markup Bold, Search Text Background
+base0B  #5ceb5a  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #5aebbc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #489bf0  Functions, Methods, Attribute IDs, Headings
+base0E  #FF8080  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #F69BE7  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #736e55;
+  background: #1c1810
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #3a3527;
+  color: #736e55
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #504b38 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #504b38
+}
+/* base04 - #5f5b45 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #5f5b45
+}
+/* base05 - #736e55 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #736e55
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e35142
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fba11b
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f2ff27
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f2ff27
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #5ceb5a
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #5aebbc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #489bf0
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #FF8080
+}
+.hljs-emphasis {
+  color: #FF8080;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #F69BE7
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/summercamp.min.css b/apps/documentation/lib/highlight.js/styles/base16/summercamp.min.css
new file mode 100644
index 00000000..931b035c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/summercamp.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: summercamp
+  Author: zoe firi (zoefiri.github.io)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#736e55;background:#1c1810}.hljs ::selection,.hljs::selection{background-color:#3a3527;color:#736e55}.hljs-comment{color:#504b38}.hljs-tag{color:#5f5b45}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#736e55}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e35142}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fba11b}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f2ff27}.hljs-strong{font-weight:700;color:#f2ff27}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#5ceb5a}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#5aebbc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#489bf0}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ff8080}.hljs-emphasis{color:#ff8080;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#f69be7}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/summerfruit-dark.css b/apps/documentation/lib/highlight.js/styles/base16/summerfruit-dark.css
new file mode 100644
index 00000000..57e9cdd5
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/summerfruit-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Summerfruit Dark
+  Author: Christopher Corley (http://christop.club/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme summerfruit-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #151515  Default Background
+base01  #202020  Lighter Background (Used for status bars, line number and folding marks)
+base02  #303030  Selection Background
+base03  #505050  Comments, Invisibles, Line Highlighting
+base04  #B0B0B0  Dark Foreground (Used for status bars)
+base05  #D0D0D0  Default Foreground, Caret, Delimiters, Operators
+base06  #E0E0E0  Light Foreground (Not often used)
+base07  #FFFFFF  Light Background (Not often used)
+base08  #FF0086  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #FD8900  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ABA800  Classes, Markup Bold, Search Text Background
+base0B  #00C918  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1FAAAA  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3777E6  Functions, Methods, Attribute IDs, Headings
+base0E  #AD00A1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #CC6633  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #D0D0D0;
+  background: #151515
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #303030;
+  color: #D0D0D0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #505050 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #505050
+}
+/* base04 - #B0B0B0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #B0B0B0
+}
+/* base05 - #D0D0D0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #D0D0D0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #FF0086
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #FD8900
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ABA800
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ABA800
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00C918
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1FAAAA
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3777E6
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #AD00A1
+}
+.hljs-emphasis {
+  color: #AD00A1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #CC6633
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/summerfruit-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/summerfruit-dark.min.css
new file mode 100644
index 00000000..8ba6c886
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/summerfruit-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Summerfruit Dark
+  Author: Christopher Corley (http://christop.club/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d0d0d0;background:#151515}.hljs ::selection,.hljs::selection{background-color:#303030;color:#d0d0d0}.hljs-comment{color:#505050}.hljs-tag{color:#b0b0b0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d0d0d0}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff0086}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fd8900}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#aba800}.hljs-strong{font-weight:700;color:#aba800}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#00c918}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1faaaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3777e6}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ad00a1}.hljs-emphasis{color:#ad00a1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c63}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/summerfruit-light.css b/apps/documentation/lib/highlight.js/styles/base16/summerfruit-light.css
new file mode 100644
index 00000000..224f6e32
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/summerfruit-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Summerfruit Light
+  Author: Christopher Corley (http://christop.club/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme summerfruit-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #FFFFFF  Default Background
+base01  #E0E0E0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #D0D0D0  Selection Background
+base03  #B0B0B0  Comments, Invisibles, Line Highlighting
+base04  #000000  Dark Foreground (Used for status bars)
+base05  #101010  Default Foreground, Caret, Delimiters, Operators
+base06  #151515  Light Foreground (Not often used)
+base07  #202020  Light Background (Not often used)
+base08  #FF0086  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #FD8900  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ABA800  Classes, Markup Bold, Search Text Background
+base0B  #00C918  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #1FAAAA  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3777E6  Functions, Methods, Attribute IDs, Headings
+base0E  #AD00A1  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #CC6633  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #101010;
+  background: #FFFFFF
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #D0D0D0;
+  color: #101010
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #B0B0B0 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #B0B0B0
+}
+/* base04 - #000000 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #000000
+}
+/* base05 - #101010 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #101010
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #FF0086
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #FD8900
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ABA800
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ABA800
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00C918
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #1FAAAA
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3777E6
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #AD00A1
+}
+.hljs-emphasis {
+  color: #AD00A1;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #CC6633
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/summerfruit-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/summerfruit-light.min.css
new file mode 100644
index 00000000..958eda39
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/summerfruit-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Summerfruit Light
+  Author: Christopher Corley (http://christop.club/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#101010;background:#fff}.hljs ::selection,.hljs::selection{background-color:#d0d0d0;color:#101010}.hljs-comment{color:#b0b0b0}.hljs-tag{color:#000}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#101010}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#ff0086}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fd8900}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#aba800}.hljs-strong{font-weight:700;color:#aba800}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#00c918}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1faaaa}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3777e6}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ad00a1}.hljs-emphasis{color:#ad00a1;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c63}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/synth-midnight-terminal-dark.css b/apps/documentation/lib/highlight.js/styles/base16/synth-midnight-terminal-dark.css
new file mode 100644
index 00000000..a13e3e2e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/synth-midnight-terminal-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Synth Midnight Terminal Dark
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme synth-midnight-terminal-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #050608  Default Background
+base01  #1a1b1c  Lighter Background (Used for status bars, line number and folding marks)
+base02  #28292a  Selection Background
+base03  #474849  Comments, Invisibles, Line Highlighting
+base04  #a3a5a6  Dark Foreground (Used for status bars)
+base05  #c1c3c4  Default Foreground, Caret, Delimiters, Operators
+base06  #cfd1d2  Light Foreground (Not often used)
+base07  #dddfe0  Light Background (Not often used)
+base08  #b53b50  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ea770d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c9d364  Classes, Markup Bold, Search Text Background
+base0B  #06ea61  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #42fff9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #03aeff  Functions, Methods, Attribute IDs, Headings
+base0E  #ea5ce2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #cd6320  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c1c3c4;
+  background: #050608
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #28292a;
+  color: #c1c3c4
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #474849 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #474849
+}
+/* base04 - #a3a5a6 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a3a5a6
+}
+/* base05 - #c1c3c4 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c1c3c4
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b53b50
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ea770d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c9d364
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c9d364
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #06ea61
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #42fff9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #03aeff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ea5ce2
+}
+.hljs-emphasis {
+  color: #ea5ce2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #cd6320
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/synth-midnight-terminal-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/synth-midnight-terminal-dark.min.css
new file mode 100644
index 00000000..faa5d4db
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/synth-midnight-terminal-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Synth Midnight Terminal Dark
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c1c3c4;background:#050608}.hljs ::selection,.hljs::selection{background-color:#28292a;color:#c1c3c4}.hljs-comment{color:#474849}.hljs-tag{color:#a3a5a6}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#c1c3c4}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b53b50}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ea770d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c9d364}.hljs-strong{font-weight:700;color:#c9d364}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#06ea61}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#42fff9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#03aeff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ea5ce2}.hljs-emphasis{color:#ea5ce2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#cd6320}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/synth-midnight-terminal-light.css b/apps/documentation/lib/highlight.js/styles/base16/synth-midnight-terminal-light.css
new file mode 100644
index 00000000..de3d8e18
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/synth-midnight-terminal-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Synth Midnight Terminal Light
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme synth-midnight-terminal-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #dddfe0  Default Background
+base01  #cfd1d2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #c1c3c4  Selection Background
+base03  #a3a5a6  Comments, Invisibles, Line Highlighting
+base04  #474849  Dark Foreground (Used for status bars)
+base05  #28292a  Default Foreground, Caret, Delimiters, Operators
+base06  #1a1b1c  Light Foreground (Not often used)
+base07  #050608  Light Background (Not often used)
+base08  #b53b50  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ea770d  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c9d364  Classes, Markup Bold, Search Text Background
+base0B  #06ea61  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #42fff9  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #03aeff  Functions, Methods, Attribute IDs, Headings
+base0E  #ea5ce2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #cd6320  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #28292a;
+  background: #dddfe0
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #c1c3c4;
+  color: #28292a
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #a3a5a6 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #a3a5a6
+}
+/* base04 - #474849 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #474849
+}
+/* base05 - #28292a -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #28292a
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #b53b50
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ea770d
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c9d364
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c9d364
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #06ea61
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #42fff9
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #03aeff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ea5ce2
+}
+.hljs-emphasis {
+  color: #ea5ce2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #cd6320
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/synth-midnight-terminal-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/synth-midnight-terminal-light.min.css
new file mode 100644
index 00000000..579a65fe
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/synth-midnight-terminal-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Synth Midnight Terminal Light
+  Author: Michaël Ball (http://github.com/michael-ball/)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#28292a;background:#dddfe0}.hljs ::selection,.hljs::selection{background-color:#c1c3c4;color:#28292a}.hljs-comment{color:#a3a5a6}.hljs-tag{color:#474849}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#28292a}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b53b50}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ea770d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c9d364}.hljs-strong{font-weight:700;color:#c9d364}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#06ea61}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#42fff9}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#03aeff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ea5ce2}.hljs-emphasis{color:#ea5ce2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#cd6320}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/tango.css b/apps/documentation/lib/highlight.js/styles/base16/tango.css
new file mode 100644
index 00000000..3a91f4e7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/tango.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Tango
+  Author: @Schnouki, based on the Tango Desktop Project
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme tango
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2e3436  Default Background
+base01  #8ae234  Lighter Background (Used for status bars, line number and folding marks)
+base02  #fce94f  Selection Background
+base03  #555753  Comments, Invisibles, Line Highlighting
+base04  #729fcf  Dark Foreground (Used for status bars)
+base05  #d3d7cf  Default Foreground, Caret, Delimiters, Operators
+base06  #ad7fa8  Light Foreground (Not often used)
+base07  #eeeeec  Light Background (Not often used)
+base08  #cc0000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ef2929  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c4a000  Classes, Markup Bold, Search Text Background
+base0B  #4e9a06  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #06989a  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3465a4  Functions, Methods, Attribute IDs, Headings
+base0E  #75507b  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #34e2e2  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #d3d7cf;
+  background: #2e3436
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #fce94f;
+  color: #d3d7cf
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #555753 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #555753
+}
+/* base04 - #729fcf -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #729fcf
+}
+/* base05 - #d3d7cf -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #d3d7cf
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #cc0000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ef2929
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c4a000
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c4a000
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #4e9a06
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #06989a
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3465a4
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #75507b
+}
+.hljs-emphasis {
+  color: #75507b;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #34e2e2
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/tango.min.css b/apps/documentation/lib/highlight.js/styles/base16/tango.min.css
new file mode 100644
index 00000000..d37318ac
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/tango.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Tango
+  Author: @Schnouki, based on the Tango Desktop Project
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d3d7cf;background:#2e3436}.hljs ::selection,.hljs::selection{background-color:#fce94f;color:#d3d7cf}.hljs-comment{color:#555753}.hljs-tag{color:#729fcf}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d3d7cf}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c00}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ef2929}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c4a000}.hljs-strong{font-weight:700;color:#c4a000}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#4e9a06}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#06989a}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3465a4}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#75507b}.hljs-emphasis{color:#75507b;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#34e2e2}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/tender.css b/apps/documentation/lib/highlight.js/styles/base16/tender.css
new file mode 100644
index 00000000..5c9ec777
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/tender.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: tender
+  Author: Jacobo Tabernero (https://github/com/jacoborus/tender.vim)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme tender
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282828  Default Background
+base01  #383838  Lighter Background (Used for status bars, line number and folding marks)
+base02  #484848  Selection Background
+base03  #4c4c4c  Comments, Invisibles, Line Highlighting
+base04  #b8b8b8  Dark Foreground (Used for status bars)
+base05  #eeeeee  Default Foreground, Caret, Delimiters, Operators
+base06  #e8e8e8  Light Foreground (Not often used)
+base07  #feffff  Light Background (Not often used)
+base08  #f43753  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #dc9656  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffc24b  Classes, Markup Bold, Search Text Background
+base0B  #c9d05c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #73cef4  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #b3deef  Functions, Methods, Attribute IDs, Headings
+base0E  #d3b987  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a16946  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #eeeeee;
+  background: #282828
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #484848;
+  color: #eeeeee
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #4c4c4c -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #4c4c4c
+}
+/* base04 - #b8b8b8 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b8b8b8
+}
+/* base05 - #eeeeee -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #eeeeee
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f43753
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #dc9656
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffc24b
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffc24b
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #c9d05c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #73cef4
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #b3deef
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #d3b987
+}
+.hljs-emphasis {
+  color: #d3b987;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a16946
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/tender.min.css b/apps/documentation/lib/highlight.js/styles/base16/tender.min.css
new file mode 100644
index 00000000..c72c7dfd
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/tender.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: tender
+  Author: Jacobo Tabernero (https://github/com/jacoborus/tender.vim)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#eee;background:#282828}.hljs ::selection,.hljs::selection{background-color:#484848;color:#eee}.hljs-comment{color:#4c4c4c}.hljs-tag{color:#b8b8b8}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#eee}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f43753}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#dc9656}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ffc24b}.hljs-strong{font-weight:700;color:#ffc24b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#c9d05c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#73cef4}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#b3deef}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#d3b987}.hljs-emphasis{color:#d3b987;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a16946}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/tomorrow-night.css b/apps/documentation/lib/highlight.js/styles/base16/tomorrow-night.css
new file mode 100644
index 00000000..2c3750e1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/tomorrow-night.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Tomorrow Night
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme tomorrow-night
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2d2d2d  Default Background
+base01  #393939  Lighter Background (Used for status bars, line number and folding marks)
+base02  #515151  Selection Background
+base03  #999999  Comments, Invisibles, Line Highlighting
+base04  #b4b7b4  Dark Foreground (Used for status bars)
+base05  #cccccc  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #f2777a  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f99157  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffcc66  Classes, Markup Bold, Search Text Background
+base0B  #99cc99  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #66cccc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6699cc  Functions, Methods, Attribute IDs, Headings
+base0E  #cc99cc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a3685a  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cccccc;
+  background: #2d2d2d
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #515151;
+  color: #cccccc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #999999 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #999999
+}
+/* base04 - #b4b7b4 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b4b7b4
+}
+/* base05 - #cccccc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cccccc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #f2777a
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f99157
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffcc66
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffcc66
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #99cc99
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #66cccc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6699cc
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #cc99cc
+}
+.hljs-emphasis {
+  color: #cc99cc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a3685a
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/tomorrow-night.min.css b/apps/documentation/lib/highlight.js/styles/base16/tomorrow-night.min.css
new file mode 100644
index 00000000..a0b3f625
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/tomorrow-night.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Tomorrow Night
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ccc;background:#2d2d2d}.hljs ::selection,.hljs::selection{background-color:#515151;color:#ccc}.hljs-comment{color:#999}.hljs-tag{color:#b4b7b4}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f2777a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f99157}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fc6}.hljs-strong{font-weight:700;color:#fc6}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#9c9}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#6cc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#69c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c9c}.hljs-emphasis{color:#c9c;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a3685a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/tomorrow.css b/apps/documentation/lib/highlight.js/styles/base16/tomorrow.css
new file mode 100644
index 00000000..bda285da
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/tomorrow.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Tomorrow
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme tomorrow
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ffffff  Default Background
+base01  #e0e0e0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d6d6d6  Selection Background
+base03  #8e908c  Comments, Invisibles, Line Highlighting
+base04  #969896  Dark Foreground (Used for status bars)
+base05  #4d4d4c  Default Foreground, Caret, Delimiters, Operators
+base06  #282a2e  Light Foreground (Not often used)
+base07  #1d1f21  Light Background (Not often used)
+base08  #c82829  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f5871f  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #eab700  Classes, Markup Bold, Search Text Background
+base0B  #718c00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3e999f  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #4271ae  Functions, Methods, Attribute IDs, Headings
+base0E  #8959a8  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #a3685a  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #4d4d4c;
+  background: #ffffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d6d6d6;
+  color: #4d4d4c
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #8e908c -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #8e908c
+}
+/* base04 - #969896 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #969896
+}
+/* base05 - #4d4d4c -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #4d4d4c
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c82829
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f5871f
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #eab700
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #eab700
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #718c00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3e999f
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #4271ae
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #8959a8
+}
+.hljs-emphasis {
+  color: #8959a8;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #a3685a
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/tomorrow.min.css b/apps/documentation/lib/highlight.js/styles/base16/tomorrow.min.css
new file mode 100644
index 00000000..5785f6ef
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/tomorrow.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Tomorrow
+  Author: Chris Kempson (http://chriskempson.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#4d4d4c;background:#fff}.hljs ::selection,.hljs::selection{background-color:#d6d6d6;color:#4d4d4c}.hljs-comment{color:#8e908c}.hljs-tag{color:#969896}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#4d4d4c}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c82829}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f5871f}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#eab700}.hljs-strong{font-weight:700;color:#eab700}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#718c00}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#3e999f}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#4271ae}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#8959a8}.hljs-emphasis{color:#8959a8;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a3685a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/twilight.css b/apps/documentation/lib/highlight.js/styles/base16/twilight.css
new file mode 100644
index 00000000..0bde680a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/twilight.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Twilight
+  Author: David Hart (https://github.com/hartbit)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme twilight
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #1e1e1e  Default Background
+base01  #323537  Lighter Background (Used for status bars, line number and folding marks)
+base02  #464b50  Selection Background
+base03  #5f5a60  Comments, Invisibles, Line Highlighting
+base04  #838184  Dark Foreground (Used for status bars)
+base05  #a7a7a7  Default Foreground, Caret, Delimiters, Operators
+base06  #c3c3c3  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #cf6a4c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #cda869  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f9ee98  Classes, Markup Bold, Search Text Background
+base0B  #8f9d6a  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #afc4db  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7587a6  Functions, Methods, Attribute IDs, Headings
+base0E  #9b859d  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #9b703f  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a7a7a7;
+  background: #1e1e1e
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #464b50;
+  color: #a7a7a7
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #5f5a60 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5f5a60
+}
+/* base04 - #838184 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #838184
+}
+/* base05 - #a7a7a7 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a7a7a7
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #cf6a4c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #cda869
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f9ee98
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f9ee98
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #8f9d6a
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #afc4db
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7587a6
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9b859d
+}
+.hljs-emphasis {
+  color: #9b859d;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #9b703f
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/twilight.min.css b/apps/documentation/lib/highlight.js/styles/base16/twilight.min.css
new file mode 100644
index 00000000..0a8f5f9f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/twilight.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Twilight
+  Author: David Hart (https://github.com/hartbit)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a7a7a7;background:#1e1e1e}.hljs ::selection,.hljs::selection{background-color:#464b50;color:#a7a7a7}.hljs-comment{color:#5f5a60}.hljs-tag{color:#838184}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a7a7a7}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#cf6a4c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#cda869}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f9ee98}.hljs-strong{font-weight:700;color:#f9ee98}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8f9d6a}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#afc4db}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7587a6}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9b859d}.hljs-emphasis{color:#9b859d;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#9b703f}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/unikitty-dark.css b/apps/documentation/lib/highlight.js/styles/base16/unikitty-dark.css
new file mode 100644
index 00000000..02bb32de
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/unikitty-dark.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Unikitty Dark
+  Author: Josh W Lewis (@joshwlewis)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme unikitty-dark
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #2e2a31  Default Background
+base01  #4a464d  Lighter Background (Used for status bars, line number and folding marks)
+base02  #666369  Selection Background
+base03  #838085  Comments, Invisibles, Line Highlighting
+base04  #9f9da2  Dark Foreground (Used for status bars)
+base05  #bcbabe  Default Foreground, Caret, Delimiters, Operators
+base06  #d8d7da  Light Foreground (Not often used)
+base07  #f5f4f7  Light Background (Not often used)
+base08  #d8137f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d65407  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #dc8a0e  Classes, Markup Bold, Search Text Background
+base0B  #17ad98  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #149bda  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #796af5  Functions, Methods, Attribute IDs, Headings
+base0E  #bb60ea  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #c720ca  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #bcbabe;
+  background: #2e2a31
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #666369;
+  color: #bcbabe
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #838085 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #838085
+}
+/* base04 - #9f9da2 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #9f9da2
+}
+/* base05 - #bcbabe -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #bcbabe
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d8137f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d65407
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #dc8a0e
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #dc8a0e
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #17ad98
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #149bda
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #796af5
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #bb60ea
+}
+.hljs-emphasis {
+  color: #bb60ea;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #c720ca
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/unikitty-dark.min.css b/apps/documentation/lib/highlight.js/styles/base16/unikitty-dark.min.css
new file mode 100644
index 00000000..752d90ad
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/unikitty-dark.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Unikitty Dark
+  Author: Josh W Lewis (@joshwlewis)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#bcbabe;background:#2e2a31}.hljs ::selection,.hljs::selection{background-color:#666369;color:#bcbabe}.hljs-comment{color:#838085}.hljs-tag{color:#9f9da2}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#bcbabe}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d8137f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d65407}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#dc8a0e}.hljs-strong{font-weight:700;color:#dc8a0e}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#17ad98}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#149bda}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#796af5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#bb60ea}.hljs-emphasis{color:#bb60ea;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c720ca}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/unikitty-light.css b/apps/documentation/lib/highlight.js/styles/base16/unikitty-light.css
new file mode 100644
index 00000000..a1ba6975
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/unikitty-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Unikitty Light
+  Author: Josh W Lewis (@joshwlewis)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme unikitty-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ffffff  Default Background
+base01  #e1e1e2  Lighter Background (Used for status bars, line number and folding marks)
+base02  #c4c3c5  Selection Background
+base03  #a7a5a8  Comments, Invisibles, Line Highlighting
+base04  #89878b  Dark Foreground (Used for status bars)
+base05  #6c696e  Default Foreground, Caret, Delimiters, Operators
+base06  #4f4b51  Light Foreground (Not often used)
+base07  #322d34  Light Background (Not often used)
+base08  #d8137f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #d65407  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #dc8a0e  Classes, Markup Bold, Search Text Background
+base0B  #17ad98  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #149bda  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #775dff  Functions, Methods, Attribute IDs, Headings
+base0E  #aa17e6  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #e013d0  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #6c696e;
+  background: #ffffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #c4c3c5;
+  color: #6c696e
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #a7a5a8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #a7a5a8
+}
+/* base04 - #89878b -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #89878b
+}
+/* base05 - #6c696e -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #6c696e
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d8137f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #d65407
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #dc8a0e
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #dc8a0e
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #17ad98
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #149bda
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #775dff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #aa17e6
+}
+.hljs-emphasis {
+  color: #aa17e6;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #e013d0
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/unikitty-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/unikitty-light.min.css
new file mode 100644
index 00000000..fe74653d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/unikitty-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Unikitty Light
+  Author: Josh W Lewis (@joshwlewis)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#6c696e;background:#fff}.hljs ::selection,.hljs::selection{background-color:#c4c3c5;color:#6c696e}.hljs-comment{color:#a7a5a8}.hljs-tag{color:#89878b}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#6c696e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d8137f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#d65407}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#dc8a0e}.hljs-strong{font-weight:700;color:#dc8a0e}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#17ad98}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#149bda}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#775dff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#aa17e6}.hljs-emphasis{color:#aa17e6;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e013d0}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/vulcan.css b/apps/documentation/lib/highlight.js/styles/base16/vulcan.css
new file mode 100644
index 00000000..dc2ac1a1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/vulcan.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: vulcan
+  Author: Andrey Varfolomeev
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme vulcan
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #041523  Default Background
+base01  #122339  Lighter Background (Used for status bars, line number and folding marks)
+base02  #003552  Selection Background
+base03  #7a5759  Comments, Invisibles, Line Highlighting
+base04  #6b6977  Dark Foreground (Used for status bars)
+base05  #5b778c  Default Foreground, Caret, Delimiters, Operators
+base06  #333238  Light Foreground (Not often used)
+base07  #214d68  Light Background (Not often used)
+base08  #818591  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #9198a3  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #adb4b9  Classes, Markup Bold, Search Text Background
+base0B  #977d7c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #977d7c  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #977d7c  Functions, Methods, Attribute IDs, Headings
+base0E  #9198a3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #977d7c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #5b778c;
+  background: #041523
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #003552;
+  color: #5b778c
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #7a5759 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #7a5759
+}
+/* base04 - #6b6977 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #6b6977
+}
+/* base05 - #5b778c -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #5b778c
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #818591
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #9198a3
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #adb4b9
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #adb4b9
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #977d7c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #977d7c
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #977d7c
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #9198a3
+}
+.hljs-emphasis {
+  color: #9198a3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #977d7c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/vulcan.min.css b/apps/documentation/lib/highlight.js/styles/base16/vulcan.min.css
new file mode 100644
index 00000000..3c88968e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/vulcan.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: vulcan
+  Author: Andrey Varfolomeev
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5b778c;background:#041523}.hljs ::selection,.hljs::selection{background-color:#003552;color:#5b778c}.hljs-comment{color:#7a5759}.hljs-tag{color:#6b6977}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5b778c}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#818591}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#9198a3}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#adb4b9}.hljs-strong{font-weight:700;color:#adb4b9}.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-code,.hljs-doctag,.hljs-function .hljs-title,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp,.hljs-section,.hljs-string,.hljs-title.class_.inherited__,.hljs-title.function_,.ruby .hljs-property{color:#977d7c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#9198a3}.hljs-emphasis{color:#9198a3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#977d7c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-10-light.css b/apps/documentation/lib/highlight.js/styles/base16/windows-10-light.css
new file mode 100644
index 00000000..022e40a0
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-10-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows 10 Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-10-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #f2f2f2  Default Background
+base01  #e5e5e5  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d9d9d9  Selection Background
+base03  #cccccc  Comments, Invisibles, Line Highlighting
+base04  #ababab  Dark Foreground (Used for status bars)
+base05  #767676  Default Foreground, Caret, Delimiters, Operators
+base06  #414141  Light Foreground (Not often used)
+base07  #0c0c0c  Light Background (Not often used)
+base08  #c50f1f  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #f9f1a5  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #c19c00  Classes, Markup Bold, Search Text Background
+base0B  #13a10e  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #3a96dd  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0037da  Functions, Methods, Attribute IDs, Headings
+base0E  #881798  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #16c60c  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #767676;
+  background: #f2f2f2
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d9d9d9;
+  color: #767676
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #cccccc -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #cccccc
+}
+/* base04 - #ababab -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #ababab
+}
+/* base05 - #767676 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #767676
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #c50f1f
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #f9f1a5
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #c19c00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #c19c00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #13a10e
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #3a96dd
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0037da
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #881798
+}
+.hljs-emphasis {
+  color: #881798;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #16c60c
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-10-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/windows-10-light.min.css
new file mode 100644
index 00000000..b27b99f5
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-10-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows 10 Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#767676;background:#f2f2f2}.hljs ::selection,.hljs::selection{background-color:#d9d9d9;color:#767676}.hljs-comment{color:#ccc}.hljs-tag{color:#ababab}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#767676}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#c50f1f}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f9f1a5}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#c19c00}.hljs-strong{font-weight:700;color:#c19c00}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#13a10e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#3a96dd}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0037da}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#881798}.hljs-emphasis{color:#881798;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#16c60c}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-10.css b/apps/documentation/lib/highlight.js/styles/base16/windows-10.css
new file mode 100644
index 00000000..f0f0e2dc
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-10.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows 10
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-10
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #0c0c0c  Default Background
+base01  #2f2f2f  Lighter Background (Used for status bars, line number and folding marks)
+base02  #535353  Selection Background
+base03  #767676  Comments, Invisibles, Line Highlighting
+base04  #b9b9b9  Dark Foreground (Used for status bars)
+base05  #cccccc  Default Foreground, Caret, Delimiters, Operators
+base06  #dfdfdf  Light Foreground (Not often used)
+base07  #f2f2f2  Light Background (Not often used)
+base08  #e74856  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #c19c00  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #f9f1a5  Classes, Markup Bold, Search Text Background
+base0B  #16c60c  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #61d6d6  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #3b78ff  Functions, Methods, Attribute IDs, Headings
+base0E  #b4009e  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #13a10e  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cccccc;
+  background: #0c0c0c
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #535353;
+  color: #cccccc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #767676 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #767676
+}
+/* base04 - #b9b9b9 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b9b9b9
+}
+/* base05 - #cccccc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cccccc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #e74856
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #c19c00
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #f9f1a5
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #f9f1a5
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #16c60c
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #61d6d6
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #3b78ff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b4009e
+}
+.hljs-emphasis {
+  color: #b4009e;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #13a10e
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-10.min.css b/apps/documentation/lib/highlight.js/styles/base16/windows-10.min.css
new file mode 100644
index 00000000..296b84c5
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-10.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows 10
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ccc;background:#0c0c0c}.hljs ::selection,.hljs::selection{background-color:#535353;color:#ccc}.hljs-comment{color:#767676}.hljs-tag{color:#b9b9b9}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e74856}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#c19c00}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#f9f1a5}.hljs-strong{font-weight:700;color:#f9f1a5}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#16c60c}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#61d6d6}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3b78ff}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b4009e}.hljs-emphasis{color:#b4009e;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#13a10e}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-95-light.css b/apps/documentation/lib/highlight.js/styles/base16/windows-95-light.css
new file mode 100644
index 00000000..bbf034dc
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-95-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows 95 Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-95-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fcfcfc  Default Background
+base01  #e0e0e0  Lighter Background (Used for status bars, line number and folding marks)
+base02  #c4c4c4  Selection Background
+base03  #a8a8a8  Comments, Invisibles, Line Highlighting
+base04  #7e7e7e  Dark Foreground (Used for status bars)
+base05  #545454  Default Foreground, Caret, Delimiters, Operators
+base06  #2a2a2a  Light Foreground (Not often used)
+base07  #000000  Light Background (Not often used)
+base08  #a80000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fcfc54  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #a85400  Classes, Markup Bold, Search Text Background
+base0B  #00a800  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00a8a8  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0000a8  Functions, Methods, Attribute IDs, Headings
+base0E  #a800a8  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #54fc54  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #545454;
+  background: #fcfcfc
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #c4c4c4;
+  color: #545454
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #a8a8a8 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #a8a8a8
+}
+/* base04 - #7e7e7e -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e7e7e
+}
+/* base05 - #545454 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #545454
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #a80000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fcfc54
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #a85400
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #a85400
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00a800
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00a8a8
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0000a8
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #a800a8
+}
+.hljs-emphasis {
+  color: #a800a8;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #54fc54
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-95-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/windows-95-light.min.css
new file mode 100644
index 00000000..c30dd244
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-95-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows 95 Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#545454;background:#fcfcfc}.hljs ::selection,.hljs::selection{background-color:#c4c4c4;color:#545454}.hljs-comment{color:#a8a8a8}.hljs-tag{color:#7e7e7e}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#545454}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#a80000}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fcfc54}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#a85400}.hljs-strong{font-weight:700;color:#a85400}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#00a800}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#00a8a8}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#0000a8}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#a800a8}.hljs-emphasis{color:#a800a8;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#54fc54}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-95.css b/apps/documentation/lib/highlight.js/styles/base16/windows-95.css
new file mode 100644
index 00000000..002d6f94
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-95.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows 95
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-95
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #1C1C1C  Lighter Background (Used for status bars, line number and folding marks)
+base02  #383838  Selection Background
+base03  #545454  Comments, Invisibles, Line Highlighting
+base04  #7e7e7e  Dark Foreground (Used for status bars)
+base05  #a8a8a8  Default Foreground, Caret, Delimiters, Operators
+base06  #d2d2d2  Light Foreground (Not often used)
+base07  #fcfcfc  Light Background (Not often used)
+base08  #fc5454  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #a85400  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fcfc54  Classes, Markup Bold, Search Text Background
+base0B  #54fc54  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #54fcfc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #5454fc  Functions, Methods, Attribute IDs, Headings
+base0E  #fc54fc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #00a800  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #a8a8a8;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #383838;
+  color: #a8a8a8
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #545454 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #545454
+}
+/* base04 - #7e7e7e -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e7e7e
+}
+/* base05 - #a8a8a8 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #a8a8a8
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fc5454
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #a85400
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fcfc54
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fcfc54
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #54fc54
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #54fcfc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #5454fc
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #fc54fc
+}
+.hljs-emphasis {
+  color: #fc54fc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #00a800
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-95.min.css b/apps/documentation/lib/highlight.js/styles/base16/windows-95.min.css
new file mode 100644
index 00000000..962d307d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-95.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows 95
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a8a8a8;background:#000}.hljs ::selection,.hljs::selection{background-color:#383838;color:#a8a8a8}.hljs-comment{color:#545454}.hljs-tag{color:#7e7e7e}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a8a8a8}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fc5454}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#a85400}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fcfc54}.hljs-strong{font-weight:700;color:#fcfc54}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#54fc54}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#54fcfc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#5454fc}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#fc54fc}.hljs-emphasis{color:#fc54fc;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#00a800}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-high-contrast-light.css b/apps/documentation/lib/highlight.js/styles/base16/windows-high-contrast-light.css
new file mode 100644
index 00000000..55896783
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-high-contrast-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows High Contrast Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-high-contrast-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #fcfcfc  Default Background
+base01  #e8e8e8  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d4d4d4  Selection Background
+base03  #c0c0c0  Comments, Invisibles, Line Highlighting
+base04  #7e7e7e  Dark Foreground (Used for status bars)
+base05  #545454  Default Foreground, Caret, Delimiters, Operators
+base06  #2a2a2a  Light Foreground (Not often used)
+base07  #000000  Light Background (Not often used)
+base08  #800000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #fcfc54  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #808000  Classes, Markup Bold, Search Text Background
+base0B  #008000  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #008080  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #000080  Functions, Methods, Attribute IDs, Headings
+base0E  #800080  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #54fc54  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #545454;
+  background: #fcfcfc
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d4d4d4;
+  color: #545454
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #c0c0c0 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #c0c0c0
+}
+/* base04 - #7e7e7e -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7e7e7e
+}
+/* base05 - #545454 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #545454
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #800000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #fcfc54
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #808000
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #808000
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #008000
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #008080
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #000080
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #800080
+}
+.hljs-emphasis {
+  color: #800080;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #54fc54
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-high-contrast-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/windows-high-contrast-light.min.css
new file mode 100644
index 00000000..fb24f756
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-high-contrast-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows High Contrast Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#545454;background:#fcfcfc}.hljs ::selection,.hljs::selection{background-color:#d4d4d4;color:#545454}.hljs-comment{color:silver}.hljs-tag{color:#7e7e7e}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#545454}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:maroon}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#fcfc54}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:olive}.hljs-strong{font-weight:700;color:olive}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:green}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:teal}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:navy}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:purple}.hljs-emphasis{color:purple;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#54fc54}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-high-contrast.css b/apps/documentation/lib/highlight.js/styles/base16/windows-high-contrast.css
new file mode 100644
index 00000000..1ad278de
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-high-contrast.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows High Contrast
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-high-contrast
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #1C1C1C  Lighter Background (Used for status bars, line number and folding marks)
+base02  #383838  Selection Background
+base03  #545454  Comments, Invisibles, Line Highlighting
+base04  #a2a2a2  Dark Foreground (Used for status bars)
+base05  #c0c0c0  Default Foreground, Caret, Delimiters, Operators
+base06  #dedede  Light Foreground (Not often used)
+base07  #fcfcfc  Light Background (Not often used)
+base08  #fc5454  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #808000  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #fcfc54  Classes, Markup Bold, Search Text Background
+base0B  #54fc54  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #54fcfc  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #5454fc  Functions, Methods, Attribute IDs, Headings
+base0E  #fc54fc  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #008000  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c0c0c0;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #383838;
+  color: #c0c0c0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #545454 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #545454
+}
+/* base04 - #a2a2a2 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a2a2a2
+}
+/* base05 - #c0c0c0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c0c0c0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #fc5454
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #808000
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #fcfc54
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #fcfc54
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #54fc54
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #54fcfc
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #5454fc
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #fc54fc
+}
+.hljs-emphasis {
+  color: #fc54fc;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #008000
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-high-contrast.min.css b/apps/documentation/lib/highlight.js/styles/base16/windows-high-contrast.min.css
new file mode 100644
index 00000000..363f5901
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-high-contrast.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows High Contrast
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:silver;background:#000}.hljs ::selection,.hljs::selection{background-color:#383838;color:silver}.hljs-comment{color:#545454}.hljs-tag{color:#a2a2a2}.hljs-operator,.hljs-punctuation,.hljs-subst{color:silver}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#fc5454}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:olive}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fcfc54}.hljs-strong{font-weight:700;color:#fcfc54}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#54fc54}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#54fcfc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#5454fc}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#fc54fc}.hljs-emphasis{color:#fc54fc;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:green}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-nt-light.css b/apps/documentation/lib/highlight.js/styles/base16/windows-nt-light.css
new file mode 100644
index 00000000..a029d7d2
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-nt-light.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows NT Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-nt-light
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #ffffff  Default Background
+base01  #eaeaea  Lighter Background (Used for status bars, line number and folding marks)
+base02  #d5d5d5  Selection Background
+base03  #c0c0c0  Comments, Invisibles, Line Highlighting
+base04  #a0a0a0  Dark Foreground (Used for status bars)
+base05  #808080  Default Foreground, Caret, Delimiters, Operators
+base06  #404040  Light Foreground (Not often used)
+base07  #000000  Light Background (Not often used)
+base08  #800000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ffff00  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #808000  Classes, Markup Bold, Search Text Background
+base0B  #008000  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #008080  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #000080  Functions, Methods, Attribute IDs, Headings
+base0E  #800080  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #00ff00  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #808080;
+  background: #ffffff
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #d5d5d5;
+  color: #808080
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #c0c0c0 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #c0c0c0
+}
+/* base04 - #a0a0a0 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a0a0a0
+}
+/* base05 - #808080 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #808080
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #800000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ffff00
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #808000
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #808000
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #008000
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #008080
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #000080
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #800080
+}
+.hljs-emphasis {
+  color: #800080;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #00ff00
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-nt-light.min.css b/apps/documentation/lib/highlight.js/styles/base16/windows-nt-light.min.css
new file mode 100644
index 00000000..4332edfb
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-nt-light.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows NT Light
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:grey;background:#fff}.hljs ::selection,.hljs::selection{background-color:#d5d5d5;color:grey}.hljs-comment{color:silver}.hljs-tag{color:#a0a0a0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:grey}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:maroon}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ff0}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:olive}.hljs-strong{font-weight:700;color:olive}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:green}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:teal}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:navy}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:purple}.hljs-emphasis{color:purple;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#0f0}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-nt.css b/apps/documentation/lib/highlight.js/styles/base16/windows-nt.css
new file mode 100644
index 00000000..4a2608bc
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-nt.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Windows NT
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme windows-nt
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #000000  Default Background
+base01  #2a2a2a  Lighter Background (Used for status bars, line number and folding marks)
+base02  #555555  Selection Background
+base03  #808080  Comments, Invisibles, Line Highlighting
+base04  #a1a1a1  Dark Foreground (Used for status bars)
+base05  #c0c0c0  Default Foreground, Caret, Delimiters, Operators
+base06  #e0e0e0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #ff0000  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #808000  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffff00  Classes, Markup Bold, Search Text Background
+base0B  #00ff00  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00ffff  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #0000ff  Functions, Methods, Attribute IDs, Headings
+base0E  #ff00ff  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #008000  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #c0c0c0;
+  background: #000000
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #555555;
+  color: #c0c0c0
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #808080 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #808080
+}
+/* base04 - #a1a1a1 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #a1a1a1
+}
+/* base05 - #c0c0c0 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #c0c0c0
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #ff0000
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #808000
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #ffff00
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #ffff00
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #00ff00
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00ffff
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #0000ff
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #ff00ff
+}
+.hljs-emphasis {
+  color: #ff00ff;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #008000
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/windows-nt.min.css b/apps/documentation/lib/highlight.js/styles/base16/windows-nt.min.css
new file mode 100644
index 00000000..b37fdf59
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/windows-nt.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Windows NT
+  Author: Fergus Collins (https://github.com/C-Fergus)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:silver;background:#000}.hljs ::selection,.hljs::selection{background-color:#555;color:silver}.hljs-comment{color:grey}.hljs-tag{color:#a1a1a1}.hljs-operator,.hljs-punctuation,.hljs-subst{color:silver}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:red}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:olive}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#ff0}.hljs-strong{font-weight:700;color:#ff0}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#0f0}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#0ff}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#00f}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#f0f}.hljs-emphasis{color:#f0f;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:green}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/woodland.css b/apps/documentation/lib/highlight.js/styles/base16/woodland.css
new file mode 100644
index 00000000..128ad4e8
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/woodland.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Woodland
+  Author: Jay Cornwall (https://jcornwall.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme woodland
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #231e18  Default Background
+base01  #302b25  Lighter Background (Used for status bars, line number and folding marks)
+base02  #48413a  Selection Background
+base03  #9d8b70  Comments, Invisibles, Line Highlighting
+base04  #b4a490  Dark Foreground (Used for status bars)
+base05  #cabcb1  Default Foreground, Caret, Delimiters, Operators
+base06  #d7c8bc  Light Foreground (Not often used)
+base07  #e4d4c8  Light Background (Not often used)
+base08  #d35c5c  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #ca7f32  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #e0ac16  Classes, Markup Bold, Search Text Background
+base0B  #b7ba53  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #6eb958  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #88a4d3  Functions, Methods, Attribute IDs, Headings
+base0E  #bb90e2  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #b49368  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #cabcb1;
+  background: #231e18
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #48413a;
+  color: #cabcb1
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #9d8b70 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #9d8b70
+}
+/* base04 - #b4a490 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #b4a490
+}
+/* base05 - #cabcb1 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #cabcb1
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #d35c5c
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #ca7f32
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #e0ac16
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #e0ac16
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #b7ba53
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #6eb958
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #88a4d3
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #bb90e2
+}
+.hljs-emphasis {
+  color: #bb90e2;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #b49368
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/woodland.min.css b/apps/documentation/lib/highlight.js/styles/base16/woodland.min.css
new file mode 100644
index 00000000..a83a68b5
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/woodland.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Woodland
+  Author: Jay Cornwall (https://jcornwall.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#cabcb1;background:#231e18}.hljs ::selection,.hljs::selection{background-color:#48413a;color:#cabcb1}.hljs-comment{color:#9d8b70}.hljs-tag{color:#b4a490}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#cabcb1}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#d35c5c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#ca7f32}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e0ac16}.hljs-strong{font-weight:700;color:#e0ac16}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#b7ba53}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#6eb958}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#88a4d3}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#bb90e2}.hljs-emphasis{color:#bb90e2;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#b49368}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/xcode-dusk.css b/apps/documentation/lib/highlight.js/styles/base16/xcode-dusk.css
new file mode 100644
index 00000000..e765a983
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/xcode-dusk.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: XCode Dusk
+  Author: Elsa Gonsiorowski (https://github.com/gonsie)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme xcode-dusk
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #282B35  Default Background
+base01  #3D4048  Lighter Background (Used for status bars, line number and folding marks)
+base02  #53555D  Selection Background
+base03  #686A71  Comments, Invisibles, Line Highlighting
+base04  #7E8086  Dark Foreground (Used for status bars)
+base05  #939599  Default Foreground, Caret, Delimiters, Operators
+base06  #A9AAAE  Light Foreground (Not often used)
+base07  #BEBFC2  Light Background (Not often used)
+base08  #B21889  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #786DC5  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #438288  Classes, Markup Bold, Search Text Background
+base0B  #DF0002  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #00A0BE  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #790EAD  Functions, Methods, Attribute IDs, Headings
+base0E  #B21889  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #C77C48  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #939599;
+  background: #282B35
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #53555D;
+  color: #939599
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #686A71 -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #686A71
+}
+/* base04 - #7E8086 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #7E8086
+}
+/* base05 - #939599 -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #939599
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #B21889
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #786DC5
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #438288
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #438288
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #DF0002
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #00A0BE
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #790EAD
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #B21889
+}
+.hljs-emphasis {
+  color: #B21889;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #C77C48
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/xcode-dusk.min.css b/apps/documentation/lib/highlight.js/styles/base16/xcode-dusk.min.css
new file mode 100644
index 00000000..7cf105a3
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/xcode-dusk.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: XCode Dusk
+  Author: Elsa Gonsiorowski (https://github.com/gonsie)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#939599;background:#282b35}.hljs ::selection,.hljs::selection{background-color:#53555d;color:#939599}.hljs-comment{color:#686a71}.hljs-tag{color:#7e8086}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#939599}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#b21889}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#786dc5}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#438288}.hljs-strong{font-weight:700;color:#438288}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#df0002}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#00a0be}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#790ead}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#b21889}.hljs-emphasis{color:#b21889;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#c77c48}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/zenburn.css b/apps/documentation/lib/highlight.js/styles/base16/zenburn.css
new file mode 100644
index 00000000..cc693018
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/zenburn.css
@@ -0,0 +1,163 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Zenburn
+  Author: elnawe
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme zenburn
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+/*
+base00  #383838  Default Background
+base01  #404040  Lighter Background (Used for status bars, line number and folding marks)
+base02  #606060  Selection Background
+base03  #6f6f6f  Comments, Invisibles, Line Highlighting
+base04  #808080  Dark Foreground (Used for status bars)
+base05  #dcdccc  Default Foreground, Caret, Delimiters, Operators
+base06  #c0c0c0  Light Foreground (Not often used)
+base07  #ffffff  Light Background (Not often used)
+base08  #dca3a3  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #dfaf8f  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #e0cf9f  Classes, Markup Bold, Search Text Background
+base0B  #5f7f5f  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #93e0e3  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #7cb8bb  Functions, Methods, Attribute IDs, Headings
+base0E  #dc8cc3  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #000000  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+.hljs {
+  color: #dcdccc;
+  background: #383838
+}
+.hljs::selection,
+.hljs ::selection {
+  background-color: #606060;
+  color: #dcdccc
+}
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property {
+  
+}
+/* base03 - #6f6f6f -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #6f6f6f
+}
+/* base04 - #808080 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #808080
+}
+/* base05 - #dcdccc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #dcdccc
+}
+.hljs-operator {
+  opacity: 0.7
+}
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #dca3a3
+}
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #dfaf8f
+}
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #e0cf9f
+}
+.hljs-strong {
+  font-weight: bold;
+  color: #e0cf9f
+}
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #5f7f5f
+}
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+/* guessing */
+.hljs-built_in,
+.hljs-doctag,
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #93e0e3
+}
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #7cb8bb
+}
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-type,
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #dc8cc3
+}
+.hljs-emphasis {
+  color: #dc8cc3;
+  font-style: italic
+}
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string {
+  color: #000000
+}
+/* for v10 compatible themes */
+.hljs-meta .hljs-keyword,
+.hljs-meta-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/base16/zenburn.min.css b/apps/documentation/lib/highlight.js/styles/base16/zenburn.min.css
new file mode 100644
index 00000000..a075f5f7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/base16/zenburn.min.css
@@ -0,0 +1,7 @@
+/*!
+  Theme: Zenburn
+  Author: elnawe
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.09.0
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#dcdccc;background:#383838}.hljs ::selection,.hljs::selection{background-color:#606060;color:#dcdccc}.hljs-comment{color:#6f6f6f}.hljs-tag{color:grey}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#dcdccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#dca3a3}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#dfaf8f}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#e0cf9f}.hljs-strong{font-weight:700;color:#e0cf9f}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#5f7f5f}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#93e0e3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#7cb8bb}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#dc8cc3}.hljs-emphasis{color:#dc8cc3;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#000}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/brown-paper.css b/apps/documentation/lib/highlight.js/styles/brown-paper.css
new file mode 100644
index 00000000..e6f245f8
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/brown-paper.css
@@ -0,0 +1,63 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Brown Paper style from goldblog.com.ua (c) Zaripov Yura <yur4ik7@ukr.net>
+
+*/
+.hljs {
+  color: #363c69;
+  background: #b7a68e url(./brown-papersq.png)
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal {
+  color: #005599;
+  font-weight: bold
+}
+.hljs-subst {
+  /* default */
+  
+}
+.hljs-string,
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-attribute,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-built_in,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-link,
+.hljs-name {
+  color: #2c009f
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-meta,
+.hljs-deletion {
+  color: #802022
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-doctag,
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/brown-paper.min.css b/apps/documentation/lib/highlight.js/styles/brown-paper.min.css
new file mode 100644
index 00000000..6231e8af
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/brown-paper.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#363c69;background:url(./brown-papersq.png) #b7a68e}.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#059}.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-link,.hljs-name,.hljs-section,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#2c009f}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#802022}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-title,.hljs-type{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/brown-papersq.png b/apps/documentation/lib/highlight.js/styles/brown-papersq.png
new file mode 100644
index 00000000..3813903d
Binary files /dev/null and b/apps/documentation/lib/highlight.js/styles/brown-papersq.png differ
diff --git a/apps/documentation/lib/highlight.js/styles/codepen-embed.css b/apps/documentation/lib/highlight.js/styles/codepen-embed.css
new file mode 100644
index 00000000..01e2fd5b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/codepen-embed.css
@@ -0,0 +1,57 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+  codepen.io Embed Theme
+  Author: Justin Perry <http://github.com/ourmaninamsterdam>
+  Original theme - https://github.com/chriskempson/tomorrow-theme
+*/
+.hljs {
+  background: #222;
+  color: #fff
+}
+.hljs-comment,
+.hljs-quote {
+  color: #777
+}
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-regexp,
+.hljs-meta,
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-params,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-deletion {
+  color: #ab875d
+}
+.hljs-section,
+.hljs-title,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-type,
+.hljs-attribute {
+  color: #9b869b
+}
+.hljs-string,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-addition {
+  color: #8f9c6c
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/codepen-embed.min.css b/apps/documentation/lib/highlight.js/styles/codepen-embed.min.css
new file mode 100644
index 00000000..0d7dff6d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/codepen-embed.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#222;color:#fff}.hljs-comment,.hljs-quote{color:#777}.hljs-built_in,.hljs-bullet,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-regexp,.hljs-symbol,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ab875d}.hljs-attribute,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-title,.hljs-type{color:#9b869b}.hljs-addition,.hljs-keyword,.hljs-selector-tag,.hljs-string{color:#8f9c6c}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/color-brewer.css b/apps/documentation/lib/highlight.js/styles/color-brewer.css
new file mode 100644
index 00000000..c0db73cc
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/color-brewer.css
@@ -0,0 +1,66 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Colorbrewer theme
+Original: https://github.com/mbostock/colorbrewer-theme (c) Mike Bostock <mike@ocks.org>
+Ported by Fabrício Tavares de Oliveira
+
+*/
+.hljs {
+  color: #000;
+  background: #fff
+}
+.hljs-subst {
+  /* default */
+  
+}
+.hljs-string,
+.hljs-meta,
+.hljs-symbol,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-addition {
+  color: #756bb1
+}
+.hljs-comment,
+.hljs-quote {
+  color: #636363
+}
+.hljs-number,
+.hljs-regexp,
+.hljs-literal,
+.hljs-bullet,
+.hljs-link {
+  color: #31a354
+}
+.hljs-deletion,
+.hljs-variable {
+  color: #88f
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-title,
+.hljs-section,
+.hljs-built_in,
+.hljs-doctag,
+.hljs-type,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-strong {
+  color: #3182bd
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-attribute {
+  color: #e6550d
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/color-brewer.min.css b/apps/documentation/lib/highlight.js/styles/color-brewer.min.css
new file mode 100644
index 00000000..1c677e3c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/color-brewer.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#000;background:#fff}.hljs-addition,.hljs-meta,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable{color:#756bb1}.hljs-comment,.hljs-quote{color:#636363}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-regexp{color:#31a354}.hljs-deletion,.hljs-variable{color:#88f}.hljs-built_in,.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-tag,.hljs-title,.hljs-type{color:#3182bd}.hljs-emphasis{font-style:italic}.hljs-attribute{color:#e6550d}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/dark.css b/apps/documentation/lib/highlight.js/styles/dark.css
new file mode 100644
index 00000000..bdeceb22
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/dark.css
@@ -0,0 +1,62 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Dark style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
+
+*/
+.hljs {
+  color: #ddd;
+  background: #303030
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-section,
+.hljs-link {
+  color: white
+}
+.hljs-subst {
+  /* default */
+  
+}
+.hljs-string,
+.hljs-title,
+.hljs-name,
+.hljs-type,
+.hljs-attribute,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-built_in,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable {
+  color: #d88
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-deletion,
+.hljs-meta {
+  color: #979797
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-title,
+.hljs-section,
+.hljs-doctag,
+.hljs-type,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/dark.min.css b/apps/documentation/lib/highlight.js/styles/dark.min.css
new file mode 100644
index 00000000..9ed546ba
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#ddd;background:#303030}.hljs-keyword,.hljs-link,.hljs-literal,.hljs-section,.hljs-selector-tag{color:#fff}.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-name,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#d88}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#979797}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-title,.hljs-type{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/default.css b/apps/documentation/lib/highlight.js/styles/default.css
new file mode 100644
index 00000000..6c4d2b31
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/default.css
@@ -0,0 +1,117 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/
+/*
+This is left on purpose making default.css the single file that can be lifted
+as-is from the repository directly without the need for a build step
+
+Typically this "required" baseline CSS is added by `makestuff.js` during build.
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/* end baseline CSS */
+.hljs {
+  background: #F3F3F3;
+  color: #444
+}
+/* Base color: saturation 0; */
+.hljs-subst {
+  /* default */
+  
+}
+/* purposely ignored */
+.hljs-formula,
+.hljs-attr,
+.hljs-property,
+.hljs-params {
+  
+}
+.hljs-comment {
+  color: #697070
+}
+.hljs-tag,
+.hljs-punctuation {
+  color: #444a
+}
+.hljs-tag .hljs-name,
+.hljs-tag .hljs-attr {
+  color: #444
+}
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-name {
+  font-weight: bold
+}
+/* User color: hue: 0 */
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #880000
+}
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold
+}
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-operator,
+.hljs-selector-pseudo {
+  color: #ab5656
+}
+/* Language color: hue: 90; */
+.hljs-literal {
+  color: #695
+}
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #397300
+}
+/* Meta color: hue: 200 */
+.hljs-meta {
+  color: #1f7199
+}
+.hljs-meta .hljs-string {
+  color: #38a
+}
+/* Misc effects */
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/default.min.css b/apps/documentation/lib/highlight.js/styles/default.min.css
new file mode 100644
index 00000000..a75ea911
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/default.min.css
@@ -0,0 +1,9 @@
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/devibeans.css b/apps/documentation/lib/highlight.js/styles/devibeans.css
new file mode 100644
index 00000000..a35e3631
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/devibeans.css
@@ -0,0 +1,90 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+    Theme: devibeans (dark)
+    Author: @terminaldweller
+    Maintainer: @terminaldweller
+
+    Inspired by vim's jellybeans theme (https://github.com/nanotech/jellybeans.vim)
+*/
+.hljs {
+  background: #000000;
+  color: #a39e9b
+}
+.hljs-attr,
+.hljs-template-tag {
+  color: #8787d7
+}
+.hljs-comment,
+.hljs-doctag,
+.hljs-quote {
+  color: #339966
+}
+.hljs-params {
+  color: #a39e9b
+}
+.hljs-regexp {
+  color: #d700ff
+}
+.hljs-tag,
+.hljs-selector-id,
+.hljs-number,
+.hljs-literal {
+  color: #ef5350
+}
+.hljs-meta,
+.hljs-meta .hljs-keyword {
+  color: #0087ff
+}
+/* opt-out */
+.hljs-operator,
+.hljs-punctuation {
+  
+}
+.hljs-selector-class,
+.hljs-code,
+.hljs-formula,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-link,
+.hljs-keyword {
+  color: #64b5f6
+}
+.hljs-built_in,
+.hljs-title,
+.hljs-deletion {
+  color: #ff8700
+}
+.hljs-type,
+.hljs-section,
+.hljs-function,
+.hljs-name,
+.hljs-property,
+.hljs-attribute {
+  color: #ffd75f
+}
+.hljs-meta .hljs-string,
+.hljs-string,
+.hljs-subst,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #558b2f
+}
+.hljs-selector-tag {
+  color: #9966ff
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/devibeans.min.css b/apps/documentation/lib/highlight.js/styles/devibeans.min.css
new file mode 100644
index 00000000..d8c4c0f5
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/devibeans.min.css
@@ -0,0 +1,7 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+    Theme: devibeans (dark)
+    Author: @terminaldweller
+    Maintainer: @terminaldweller
+
+    Inspired by vim's jellybeans theme (https://github.com/nanotech/jellybeans.vim)
+*/.hljs{background:#000;color:#a39e9b}.hljs-attr,.hljs-template-tag{color:#8787d7}.hljs-comment,.hljs-doctag,.hljs-quote{color:#396}.hljs-params{color:#a39e9b}.hljs-regexp{color:#d700ff}.hljs-literal,.hljs-number,.hljs-selector-id,.hljs-tag{color:#ef5350}.hljs-meta,.hljs-meta .hljs-keyword{color:#0087ff}.hljs-code,.hljs-formula,.hljs-keyword,.hljs-link,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-variable{color:#64b5f6}.hljs-built_in,.hljs-deletion,.hljs-title{color:#ff8700}.hljs-attribute,.hljs-function,.hljs-name,.hljs-property,.hljs-section,.hljs-type{color:#ffd75f}.hljs-addition,.hljs-bullet,.hljs-meta .hljs-string,.hljs-string,.hljs-subst,.hljs-symbol{color:#558b2f}.hljs-selector-tag{color:#96f}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/docco.css b/apps/documentation/lib/highlight.js/styles/docco.css
new file mode 100644
index 00000000..1be51b40
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/docco.css
@@ -0,0 +1,83 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Docco style used in http://jashkenas.github.com/docco/ converted by Simon Madine (@thingsinjars)
+*/
+.hljs {
+  color: #000;
+  background: #f8f8ff
+}
+.hljs-comment,
+.hljs-quote {
+  color: #408080;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-subst {
+  color: #954121
+}
+.hljs-number {
+  color: #40a070
+}
+.hljs-string,
+.hljs-doctag {
+  color: #219161
+}
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-section,
+.hljs-type {
+  color: #19469d
+}
+.hljs-params {
+  color: #00f
+}
+.hljs-title {
+  color: #458;
+  font-weight: bold
+}
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+  color: #000080;
+  font-weight: normal
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #008080
+}
+.hljs-regexp,
+.hljs-link {
+  color: #b68
+}
+.hljs-symbol,
+.hljs-bullet {
+  color: #990073
+}
+.hljs-built_in {
+  color: #0086b3
+}
+.hljs-meta {
+  color: #999;
+  font-weight: bold
+}
+.hljs-deletion {
+  background: #fdd
+}
+.hljs-addition {
+  background: #dfd
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/docco.min.css b/apps/documentation/lib/highlight.js/styles/docco.min.css
new file mode 100644
index 00000000..382ecbb5
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/docco.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#000;background:#f8f8ff}.hljs-comment,.hljs-quote{color:#408080;font-style:italic}.hljs-keyword,.hljs-literal,.hljs-selector-tag,.hljs-subst{color:#954121}.hljs-number{color:#40a070}.hljs-doctag,.hljs-string{color:#219161}.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-type{color:#19469d}.hljs-params{color:#00f}.hljs-title{color:#458;font-weight:700}.hljs-attribute,.hljs-name,.hljs-tag{color:navy;font-weight:400}.hljs-template-variable,.hljs-variable{color:teal}.hljs-link,.hljs-regexp{color:#b68}.hljs-bullet,.hljs-symbol{color:#990073}.hljs-built_in{color:#0086b3}.hljs-meta{color:#999;font-weight:700}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/far.css b/apps/documentation/lib/highlight.js/styles/far.css
new file mode 100644
index 00000000..ecf7cf56
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/far.css
@@ -0,0 +1,67 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+FAR Style (c) MajestiC <majestic2k@gmail.com>
+
+*/
+.hljs {
+  color: #0ff;
+  background: #000080
+}
+.hljs-subst {
+  /* default */
+  
+}
+.hljs-string,
+.hljs-attribute,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-built_in,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-addition {
+  color: #ff0
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-section,
+.hljs-type,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-variable {
+  color: #fff
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-doctag,
+.hljs-deletion {
+  color: #888
+}
+.hljs-number,
+.hljs-regexp,
+.hljs-literal,
+.hljs-link {
+  color: #0f0
+}
+.hljs-meta {
+  color: #008080
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-title,
+.hljs-section,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/far.min.css b/apps/documentation/lib/highlight.js/styles/far.min.css
new file mode 100644
index 00000000..c338ef60
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/far.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#0ff;background:navy}.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable{color:#ff0}.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-type,.hljs-variable{color:#fff}.hljs-comment,.hljs-deletion,.hljs-doctag,.hljs-quote{color:#888}.hljs-link,.hljs-literal,.hljs-number,.hljs-regexp{color:#0f0}.hljs-meta{color:teal}.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-title{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/felipec.css b/apps/documentation/lib/highlight.js/styles/felipec.css
new file mode 100644
index 00000000..282dfd6a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/felipec.css
@@ -0,0 +1,94 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+ * Theme: FelipeC
+ * Author: (c) 2021 Felipe Contreras <felipe.contreras@gmail.com>
+ * Website: https://github.com/felipec/vim-felipec
+ *
+ * Autogenerated with vim-felipec's generator.
+*/
+.hljs {
+  color: #dddde1;
+  background: #1e1e22
+}
+.hljs::selection,
+.hljs ::selection {
+  color: #1e1e22;
+  background: #bf8fef
+}
+.hljs-comment,
+.hljs-code,
+.hljs-quote {
+  color: #888896
+}
+.hljs-number,
+.hljs-literal,
+.hljs-deletion {
+  color: #ef8f8f
+}
+.hljs-punctuation,
+.hljs-meta,
+.hljs-operator,
+.hljs-subst,
+.hljs-doctag,
+.hljs-template-variable,
+.hljs-selector-attr {
+  color: #efbf8f
+}
+.hljs-type {
+  color: #efef8f
+}
+.hljs-tag,
+.hljs-title,
+.hljs-selector-class,
+.hljs-selector-id {
+  color: #bfef8f
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-addition {
+  color: #8fef8f
+}
+.hljs-class,
+.hljs-property {
+  color: #8fefbf
+}
+.hljs-name,
+.hljs-selector-tag {
+  color: #8fefef
+}
+.hljs-keyword,
+.hljs-built_in {
+  color: #8fbfef
+}
+.hljs-section,
+.hljs-bullet {
+  color: #8f8fef
+}
+.hljs-selector-pseudo {
+  color: #bf8fef
+}
+.hljs-variable,
+.hljs-params,
+.hljs-attr,
+.hljs-attribute {
+  color: #ef8fef
+}
+.hljs-symbol,
+.hljs-link {
+  color: #ef8fbf
+}
+.hljs-strong,
+.hljs-literal,
+.hljs-title {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/felipec.min.css b/apps/documentation/lib/highlight.js/styles/felipec.min.css
new file mode 100644
index 00000000..3a21319a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/felipec.min.css
@@ -0,0 +1,7 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+ * Theme: FelipeC
+ * Author: (c) 2021 Felipe Contreras <felipe.contreras@gmail.com>
+ * Website: https://github.com/felipec/vim-felipec
+ *
+ * Autogenerated with vim-felipec's generator.
+*/.hljs{color:#dddde1;background:#1e1e22}.hljs ::selection,.hljs::selection{color:#1e1e22;background:#bf8fef}.hljs-code,.hljs-comment,.hljs-quote{color:#888896}.hljs-deletion,.hljs-literal,.hljs-number{color:#ef8f8f}.hljs-doctag,.hljs-meta,.hljs-operator,.hljs-punctuation,.hljs-selector-attr,.hljs-subst,.hljs-template-variable{color:#efbf8f}.hljs-type{color:#efef8f}.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-title{color:#bfef8f}.hljs-addition,.hljs-regexp,.hljs-string{color:#8fef8f}.hljs-class,.hljs-property{color:#8fefbf}.hljs-name,.hljs-selector-tag{color:#8fefef}.hljs-built_in,.hljs-keyword{color:#8fbfef}.hljs-bullet,.hljs-section{color:#8f8fef}.hljs-selector-pseudo{color:#bf8fef}.hljs-attr,.hljs-attribute,.hljs-params,.hljs-variable{color:#ef8fef}.hljs-link,.hljs-symbol{color:#ef8fbf}.hljs-literal,.hljs-strong,.hljs-title{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/foundation.css b/apps/documentation/lib/highlight.js/styles/foundation.css
new file mode 100644
index 00000000..87641c7e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/foundation.css
@@ -0,0 +1,80 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Description: Foundation 4 docs style for highlight.js
+Author: Dan Allen <dan.j.allen@gmail.com>
+Website: http://foundation.zurb.com/docs/
+Version: 1.0
+Date: 2013-04-02
+*/
+.hljs {
+  background: #eee;
+  color: black
+}
+.hljs-link,
+.hljs-emphasis,
+.hljs-attribute,
+.hljs-addition {
+  color: #070
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong,
+.hljs-string,
+.hljs-deletion {
+  color: #d14
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-quote,
+.hljs-comment {
+  color: #998;
+  font-style: italic
+}
+.hljs-section,
+.hljs-title {
+  color: #900
+}
+.hljs-class .hljs-title,
+.hljs-title.class_,
+.hljs-type {
+  color: #458
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #336699
+}
+.hljs-bullet {
+  color: #997700
+}
+.hljs-meta {
+  color: #3344bb
+}
+.hljs-code,
+.hljs-number,
+.hljs-literal,
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #099
+}
+.hljs-regexp {
+  background-color: #fff0ff;
+  color: #880088
+}
+.hljs-symbol {
+  color: #990073
+}
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #007700
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/foundation.min.css b/apps/documentation/lib/highlight.js/styles/foundation.min.css
new file mode 100644
index 00000000..1ddcfa66
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/foundation.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#eee;color:#000}.hljs-addition,.hljs-attribute,.hljs-emphasis,.hljs-link{color:#070}.hljs-emphasis{font-style:italic}.hljs-deletion,.hljs-string,.hljs-strong{color:#d14}.hljs-strong{font-weight:700}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-section,.hljs-title{color:#900}.hljs-class .hljs-title,.hljs-title.class_,.hljs-type{color:#458}.hljs-template-variable,.hljs-variable{color:#369}.hljs-bullet{color:#970}.hljs-meta{color:#34b}.hljs-code,.hljs-keyword,.hljs-literal,.hljs-number,.hljs-selector-tag{color:#099}.hljs-regexp{background-color:#fff0ff;color:#808}.hljs-symbol{color:#990073}.hljs-name,.hljs-selector-class,.hljs-selector-id,.hljs-tag{color:#070}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/github-dark-dimmed.css b/apps/documentation/lib/highlight.js/styles/github-dark-dimmed.css
new file mode 100644
index 00000000..f3855ca1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/github-dark-dimmed.css
@@ -0,0 +1,117 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: GitHub Dark Dimmed
+  Description: Dark dimmed theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Colors taken from GitHub's CSS
+*/
+.hljs {
+  color: #adbac7;
+  background: #22272e
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-type,
+.hljs-variable.language_ {
+  /* prettylights-syntax-keyword */
+  color: #f47067
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-title.function_ {
+  /* prettylights-syntax-entity */
+  color: #dcbdfb
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-meta,
+.hljs-number,
+.hljs-operator,
+.hljs-variable,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-id {
+  /* prettylights-syntax-constant */
+  color: #6cb6ff
+}
+.hljs-regexp,
+.hljs-string,
+.hljs-meta .hljs-string {
+  /* prettylights-syntax-string */
+  color: #96d0ff
+}
+.hljs-built_in,
+.hljs-symbol {
+  /* prettylights-syntax-variable */
+  color: #f69d50
+}
+.hljs-comment,
+.hljs-code,
+.hljs-formula {
+  /* prettylights-syntax-comment */
+  color: #768390
+}
+.hljs-name,
+.hljs-quote,
+.hljs-selector-tag,
+.hljs-selector-pseudo {
+  /* prettylights-syntax-entity-tag */
+  color: #8ddb8c
+}
+.hljs-subst {
+  /* prettylights-syntax-storage-modifier-import */
+  color: #adbac7
+}
+.hljs-section {
+  /* prettylights-syntax-markup-heading */
+  color: #316dca;
+  font-weight: bold
+}
+.hljs-bullet {
+  /* prettylights-syntax-markup-list */
+  color: #eac55f
+}
+.hljs-emphasis {
+  /* prettylights-syntax-markup-italic */
+  color: #adbac7;
+  font-style: italic
+}
+.hljs-strong {
+  /* prettylights-syntax-markup-bold */
+  color: #adbac7;
+  font-weight: bold
+}
+.hljs-addition {
+  /* prettylights-syntax-markup-inserted */
+  color: #b4f1b4;
+  background-color: #1b4721
+}
+.hljs-deletion {
+  /* prettylights-syntax-markup-deleted */
+  color: #ffd8d3;
+  background-color: #78191b
+}
+.hljs-char.escape_,
+.hljs-link,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation,
+.hljs-tag {
+  /* purposely ignored */
+  
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/github-dark-dimmed.min.css b/apps/documentation/lib/highlight.js/styles/github-dark-dimmed.min.css
new file mode 100644
index 00000000..e266dfc1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/github-dark-dimmed.min.css
@@ -0,0 +1,9 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: GitHub Dark Dimmed
+  Description: Dark dimmed theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Colors taken from GitHub's CSS
+*/.hljs{color:#adbac7;background:#22272e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#f47067}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#dcbdfb}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#6cb6ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#96d0ff}.hljs-built_in,.hljs-symbol{color:#f69d50}.hljs-code,.hljs-comment,.hljs-formula{color:#768390}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#8ddb8c}.hljs-subst{color:#adbac7}.hljs-section{color:#316dca;font-weight:700}.hljs-bullet{color:#eac55f}.hljs-emphasis{color:#adbac7;font-style:italic}.hljs-strong{color:#adbac7;font-weight:700}.hljs-addition{color:#b4f1b4;background-color:#1b4721}.hljs-deletion{color:#ffd8d3;background-color:#78191b}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/github-dark.css b/apps/documentation/lib/highlight.js/styles/github-dark.css
new file mode 100644
index 00000000..8826d2f3
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/github-dark.css
@@ -0,0 +1,118 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: GitHub Dark
+  Description: Dark theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-dark
+  Current colors taken from GitHub's CSS
+*/
+.hljs {
+  color: #c9d1d9;
+  background: #0d1117
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-type,
+.hljs-variable.language_ {
+  /* prettylights-syntax-keyword */
+  color: #ff7b72
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-title.function_ {
+  /* prettylights-syntax-entity */
+  color: #d2a8ff
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-meta,
+.hljs-number,
+.hljs-operator,
+.hljs-variable,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-id {
+  /* prettylights-syntax-constant */
+  color: #79c0ff
+}
+.hljs-regexp,
+.hljs-string,
+.hljs-meta .hljs-string {
+  /* prettylights-syntax-string */
+  color: #a5d6ff
+}
+.hljs-built_in,
+.hljs-symbol {
+  /* prettylights-syntax-variable */
+  color: #ffa657
+}
+.hljs-comment,
+.hljs-code,
+.hljs-formula {
+  /* prettylights-syntax-comment */
+  color: #8b949e
+}
+.hljs-name,
+.hljs-quote,
+.hljs-selector-tag,
+.hljs-selector-pseudo {
+  /* prettylights-syntax-entity-tag */
+  color: #7ee787
+}
+.hljs-subst {
+  /* prettylights-syntax-storage-modifier-import */
+  color: #c9d1d9
+}
+.hljs-section {
+  /* prettylights-syntax-markup-heading */
+  color: #1f6feb;
+  font-weight: bold
+}
+.hljs-bullet {
+  /* prettylights-syntax-markup-list */
+  color: #f2cc60
+}
+.hljs-emphasis {
+  /* prettylights-syntax-markup-italic */
+  color: #c9d1d9;
+  font-style: italic
+}
+.hljs-strong {
+  /* prettylights-syntax-markup-bold */
+  color: #c9d1d9;
+  font-weight: bold
+}
+.hljs-addition {
+  /* prettylights-syntax-markup-inserted */
+  color: #aff5b4;
+  background-color: #033a16
+}
+.hljs-deletion {
+  /* prettylights-syntax-markup-deleted */
+  color: #ffdcd7;
+  background-color: #67060c
+}
+.hljs-char.escape_,
+.hljs-link,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation,
+.hljs-tag {
+  /* purposely ignored */
+  
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/github-dark.min.css b/apps/documentation/lib/highlight.js/styles/github-dark.min.css
new file mode 100644
index 00000000..03b6da8b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/github-dark.min.css
@@ -0,0 +1,10 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: GitHub Dark
+  Description: Dark theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-dark
+  Current colors taken from GitHub's CSS
+*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/github.css b/apps/documentation/lib/highlight.js/styles/github.css
new file mode 100644
index 00000000..1001da62
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/github.css
@@ -0,0 +1,118 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: GitHub
+  Description: Light theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-light
+  Current colors taken from GitHub's CSS
+*/
+.hljs {
+  color: #24292e;
+  background: #ffffff
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-type,
+.hljs-variable.language_ {
+  /* prettylights-syntax-keyword */
+  color: #d73a49
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-title.function_ {
+  /* prettylights-syntax-entity */
+  color: #6f42c1
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-meta,
+.hljs-number,
+.hljs-operator,
+.hljs-variable,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-id {
+  /* prettylights-syntax-constant */
+  color: #005cc5
+}
+.hljs-regexp,
+.hljs-string,
+.hljs-meta .hljs-string {
+  /* prettylights-syntax-string */
+  color: #032f62
+}
+.hljs-built_in,
+.hljs-symbol {
+  /* prettylights-syntax-variable */
+  color: #e36209
+}
+.hljs-comment,
+.hljs-code,
+.hljs-formula {
+  /* prettylights-syntax-comment */
+  color: #6a737d
+}
+.hljs-name,
+.hljs-quote,
+.hljs-selector-tag,
+.hljs-selector-pseudo {
+  /* prettylights-syntax-entity-tag */
+  color: #22863a
+}
+.hljs-subst {
+  /* prettylights-syntax-storage-modifier-import */
+  color: #24292e
+}
+.hljs-section {
+  /* prettylights-syntax-markup-heading */
+  color: #005cc5;
+  font-weight: bold
+}
+.hljs-bullet {
+  /* prettylights-syntax-markup-list */
+  color: #735c0f
+}
+.hljs-emphasis {
+  /* prettylights-syntax-markup-italic */
+  color: #24292e;
+  font-style: italic
+}
+.hljs-strong {
+  /* prettylights-syntax-markup-bold */
+  color: #24292e;
+  font-weight: bold
+}
+.hljs-addition {
+  /* prettylights-syntax-markup-inserted */
+  color: #22863a;
+  background-color: #f0fff4
+}
+.hljs-deletion {
+  /* prettylights-syntax-markup-deleted */
+  color: #b31d28;
+  background-color: #ffeef0
+}
+.hljs-char.escape_,
+.hljs-link,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation,
+.hljs-tag {
+  /* purposely ignored */
+  
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/github.min.css b/apps/documentation/lib/highlight.js/styles/github.min.css
new file mode 100644
index 00000000..275239a7
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/github.min.css
@@ -0,0 +1,10 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: GitHub
+  Description: Light theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-light
+  Current colors taken from GitHub's CSS
+*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/gml.css b/apps/documentation/lib/highlight.js/styles/gml.css
new file mode 100644
index 00000000..7d6437c4
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/gml.css
@@ -0,0 +1,72 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+GML Theme - Meseta <meseta@gmail.com>
+
+*/
+.hljs {
+  background: #222222;
+  color: #C0C0C0
+}
+.hljs-keyword {
+  color: #FFB871;
+  font-weight: bold
+}
+.hljs-built_in {
+  color: #FFB871
+}
+.hljs-literal {
+  color: #FF8080
+}
+.hljs-symbol {
+  color: #58E55A
+}
+.hljs-comment {
+  color: #5B995B
+}
+.hljs-string {
+  color: #FFFF00
+}
+.hljs-number {
+  color: #FF8080
+}
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-doctag,
+.hljs-name,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition,
+.hljs-regexp,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-type,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion,
+.hljs-title,
+.hljs-section,
+.hljs-function,
+.hljs-meta .hljs-keyword,
+.hljs-meta,
+.hljs-subst {
+  color: #C0C0C0
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/gml.min.css b/apps/documentation/lib/highlight.js/styles/gml.min.css
new file mode 100644
index 00000000..89455fe3
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/gml.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#222;color:silver}.hljs-keyword{color:#ffb871;font-weight:700}.hljs-built_in{color:#ffb871}.hljs-literal{color:#ff8080}.hljs-symbol{color:#58e55a}.hljs-comment{color:#5b995b}.hljs-string{color:#ff0}.hljs-number{color:#ff8080}.hljs-addition,.hljs-attribute,.hljs-bullet,.hljs-code,.hljs-deletion,.hljs-doctag,.hljs-function,.hljs-link,.hljs-meta,.hljs-meta .hljs-keyword,.hljs-name,.hljs-quote,.hljs-regexp,.hljs-section,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag,.hljs-subst,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:silver}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/googlecode.css b/apps/documentation/lib/highlight.js/styles/googlecode.css
new file mode 100644
index 00000000..135aaf29
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/googlecode.css
@@ -0,0 +1,79 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Google Code style (c) Aahan Krish <geekpanth3r@gmail.com>
+
+*/
+.hljs {
+  background: white;
+  color: black
+}
+.hljs-comment,
+.hljs-quote {
+  color: #800
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-section,
+.hljs-title,
+.hljs-name {
+  color: #008
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #660
+}
+.hljs-string,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-regexp {
+  color: #080
+}
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-meta,
+.hljs-number,
+.hljs-link {
+  color: #066
+}
+.hljs-title,
+.hljs-doctag,
+.hljs-type,
+.hljs-attr,
+.hljs-built_in,
+.hljs-params {
+  color: #606
+}
+.hljs-attribute,
+.hljs-subst {
+  color: #000
+}
+.hljs-formula {
+  background-color: #eee;
+  font-style: italic
+}
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #9B703F
+}
+.hljs-addition {
+  background-color: #baeeba
+}
+.hljs-deletion {
+  background-color: #ffc8bd
+}
+.hljs-doctag,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/googlecode.min.css b/apps/documentation/lib/highlight.js/styles/googlecode.min.css
new file mode 100644
index 00000000..0140b89b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/googlecode.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.hljs-comment,.hljs-quote{color:#800}.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-title{color:#008}.hljs-template-variable,.hljs-variable{color:#660}.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string{color:#080}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-symbol{color:#066}.hljs-attr,.hljs-built_in,.hljs-doctag,.hljs-params,.hljs-title,.hljs-type{color:#606}.hljs-attribute,.hljs-subst{color:#000}.hljs-formula{background-color:#eee;font-style:italic}.hljs-selector-class,.hljs-selector-id{color:#9b703f}.hljs-addition{background-color:#baeeba}.hljs-deletion{background-color:#ffc8bd}.hljs-doctag,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/gradient-dark.css b/apps/documentation/lib/highlight.js/styles/gradient-dark.css
new file mode 100644
index 00000000..d8ed0206
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/gradient-dark.css
@@ -0,0 +1,90 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Gradient Dark (c) Samia Ali <samiaab1990@gmail.com>
+
+*/
+.hljs {
+  background-color: #652487;
+  background-image: linear-gradient(160deg, #652487 0%, #443ac3 35%, #0174b7 68%, #04988e 100%);
+  color: #e7e4eb
+}
+.hljs-subtr {
+  color: #e7e4eb
+}
+.hljs-doctag,
+.hljs-meta,
+.hljs-comment,
+.hljs-quote {
+  color: #af8dd9
+}
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-template-tag,
+.hljs-regexp,
+.hljs-attr,
+.hljs-tag {
+  color: #AEFBFF
+}
+.hljs-params,
+.hljs-selector-class,
+.hljs-bullet {
+  color: #F19FFF
+}
+.hljs-keyword,
+.hljs-section,
+.hljs-meta .hljs-keyword,
+.hljs-symbol,
+.hljs-type {
+  color: #17fc95
+}
+.hljs-addition,
+.hljs-number,
+.hljs-link {
+  color: #C5FE00
+}
+.hljs-string {
+  color: #38c0ff
+}
+.hljs-attribute,
+.hljs-addition {
+  color: #E7FF9F
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #E447FF
+}
+.hljs-built_in,
+.hljs-formula,
+.hljs-name,
+.hljs-title,
+.hljs-class,
+.hljs-function {
+  color: #FFC800
+}
+.hljs-selector-pseudo,
+.hljs-deletion,
+.hljs-literal {
+  color: #FF9E44
+}
+.hljs-emphasis,
+.hljs-quote {
+  font-style: italic
+}
+.hljs-params,
+.hljs-selector-class,
+.hljs-strong,
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-template-tag,
+.hljs-section,
+.hljs-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/gradient-dark.min.css b/apps/documentation/lib/highlight.js/styles/gradient-dark.min.css
new file mode 100644
index 00000000..4aba9289
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/gradient-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background-color:#652487;background-image:linear-gradient(160deg,#652487 0,#443ac3 35%,#0174b7 68%,#04988e 100%);color:#e7e4eb}.hljs-subtr{color:#e7e4eb}.hljs-comment,.hljs-doctag,.hljs-meta,.hljs-quote{color:#af8dd9}.hljs-attr,.hljs-regexp,.hljs-selector-id,.hljs-selector-tag,.hljs-tag,.hljs-template-tag{color:#aefbff}.hljs-bullet,.hljs-params,.hljs-selector-class{color:#f19fff}.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-section,.hljs-symbol,.hljs-type{color:#17fc95}.hljs-addition,.hljs-link,.hljs-number{color:#c5fe00}.hljs-string{color:#38c0ff}.hljs-addition,.hljs-attribute{color:#e7ff9f}.hljs-template-variable,.hljs-variable{color:#e447ff}.hljs-built_in,.hljs-class,.hljs-formula,.hljs-function,.hljs-name,.hljs-title{color:#ffc800}.hljs-deletion,.hljs-literal,.hljs-selector-pseudo{color:#ff9e44}.hljs-emphasis,.hljs-quote{font-style:italic}.hljs-keyword,.hljs-params,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-template-tag{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/gradient-light.css b/apps/documentation/lib/highlight.js/styles/gradient-light.css
new file mode 100644
index 00000000..f9b5cbf2
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/gradient-light.css
@@ -0,0 +1,90 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Gradient Light (c) Samia Ali <samiaab1990@gmail.com>
+
+*/
+.hljs {
+  background-color: #f9ccff;
+  background-image: linear-gradient(295deg, #f9ccff 0%, #e6bbf9 11%, #9ec6f9 32%, #55e6ee 60%, #91f5d1 74%, #f9ffbf 98%);
+  color: #250482
+}
+.hljs-subtr {
+  color: #01958B
+}
+.hljs-doctag,
+.hljs-meta,
+.hljs-comment,
+.hljs-quote {
+  color: #CB7200
+}
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-template-tag,
+.hljs-regexp,
+.hljs-attr,
+.hljs-tag {
+  color: #07BD5F
+}
+.hljs-params,
+.hljs-selector-class,
+.hljs-bullet {
+  color: #43449F
+}
+.hljs-keyword,
+.hljs-section,
+.hljs-meta .hljs-keyword,
+.hljs-symbol,
+.hljs-type {
+  color: #7D2801
+}
+.hljs-addition,
+.hljs-number,
+.hljs-link {
+  color: #7F0096
+}
+.hljs-string {
+  color: #2681ab
+}
+.hljs-attribute,
+.hljs-addition {
+  color: #296562
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #025C8F
+}
+.hljs-built_in,
+.hljs-formula,
+.hljs-name,
+.hljs-title,
+.hljs-class,
+.hljs-function {
+  color: #529117
+}
+.hljs-selector-pseudo,
+.hljs-deletion,
+.hljs-literal {
+  color: #AD13FF
+}
+.hljs-emphasis,
+.hljs-quote {
+  font-style: italic
+}
+.hljs-params,
+.hljs-selector-class,
+.hljs-strong,
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-template-tag,
+.hljs-section,
+.hljs-keyword {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/gradient-light.min.css b/apps/documentation/lib/highlight.js/styles/gradient-light.min.css
new file mode 100644
index 00000000..c5db6fd1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/gradient-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background-color:#f9ccff;background-image:linear-gradient(295deg,#f9ccff 0,#e6bbf9 11%,#9ec6f9 32%,#55e6ee 60%,#91f5d1 74%,#f9ffbf 98%);color:#250482}.hljs-subtr{color:#01958b}.hljs-comment,.hljs-doctag,.hljs-meta,.hljs-quote{color:#cb7200}.hljs-attr,.hljs-regexp,.hljs-selector-id,.hljs-selector-tag,.hljs-tag,.hljs-template-tag{color:#07bd5f}.hljs-bullet,.hljs-params,.hljs-selector-class{color:#43449f}.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-section,.hljs-symbol,.hljs-type{color:#7d2801}.hljs-addition,.hljs-link,.hljs-number{color:#7f0096}.hljs-string{color:#2681ab}.hljs-addition,.hljs-attribute{color:#296562}.hljs-template-variable,.hljs-variable{color:#025c8f}.hljs-built_in,.hljs-class,.hljs-formula,.hljs-function,.hljs-name,.hljs-title{color:#529117}.hljs-deletion,.hljs-literal,.hljs-selector-pseudo{color:#ad13ff}.hljs-emphasis,.hljs-quote{font-style:italic}.hljs-keyword,.hljs-params,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-template-tag{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/grayscale.css b/apps/documentation/lib/highlight.js/styles/grayscale.css
new file mode 100644
index 00000000..9790a866
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/grayscale.css
@@ -0,0 +1,89 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+grayscale style (c) MY Sun <simonmysun@gmail.com>
+
+*/
+.hljs {
+  color: #333;
+  background: #fff
+}
+.hljs-comment,
+.hljs-quote {
+  color: #777;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+  color: #333;
+  font-weight: bold
+}
+.hljs-number,
+.hljs-literal {
+  color: #777
+}
+.hljs-string,
+.hljs-doctag,
+.hljs-formula {
+  color: #333;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQIW2O8e/fufwYGBgZBQUEQxcCIIfDu3Tuwivfv30NUoAsAALHpFMMLqZlPAAAAAElFTkSuQmCC) repeat
+}
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+  color: #000;
+  font-weight: bold
+}
+.hljs-subst {
+  font-weight: normal
+}
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-type,
+.hljs-name {
+  color: #333;
+  font-weight: bold
+}
+.hljs-tag {
+  color: #333
+}
+.hljs-regexp {
+  color: #333;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAN37979r6yszIgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQDexSef15DBCwAAAABJRU5ErkJggg==) repeat
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link {
+  color: #000;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAO7d+/+z4gsBhJwdXVlhAvCBECKwIIwAbhKZBUwBQA6hBpm5efZsgAAAABJRU5ErkJggg==) repeat
+}
+.hljs-built_in {
+  color: #000;
+  text-decoration: underline
+}
+.hljs-meta {
+  color: #999;
+  font-weight: bold
+}
+.hljs-deletion {
+  color: #fff;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAE0lEQVQIW2MMDQ39zzhz5kwIAQAyxweWgUHd1AAAAABJRU5ErkJggg==) repeat
+}
+.hljs-addition {
+  color: #000;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAALUlEQVQYV2N89+7dfwYk8P79ewZBQUFkIQZGOiu6e/cuiptQHAPl0NtNxAQBAM97Oejj3Dg7AAAAAElFTkSuQmCC) repeat
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/grayscale.min.css b/apps/documentation/lib/highlight.js/styles/grayscale.min.css
new file mode 100644
index 00000000..5eefdaa9
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/grayscale.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#333;background:#fff}.hljs-comment,.hljs-quote{color:#777;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:700}.hljs-literal,.hljs-number{color:#777}.hljs-doctag,.hljs-formula,.hljs-string{color:#333;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQIW2O8e/fufwYGBgZBQUEQxcCIIfDu3Tuwivfv30NUoAsAALHpFMMLqZlPAAAAAElFTkSuQmCC)}.hljs-section,.hljs-selector-id,.hljs-title{color:#000;font-weight:700}.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-name,.hljs-title.class_,.hljs-type{color:#333;font-weight:700}.hljs-tag{color:#333}.hljs-regexp{color:#333;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAN37979r6yszIgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQDexSef15DBCwAAAABJRU5ErkJggg==)}.hljs-bullet,.hljs-link,.hljs-symbol{color:#000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAO7d+/+z4gsBhJwdXVlhAvCBECKwIIwAbhKZBUwBQA6hBpm5efZsgAAAABJRU5ErkJggg==)}.hljs-built_in{color:#000;text-decoration:underline}.hljs-meta{color:#999;font-weight:700}.hljs-deletion{color:#fff;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAE0lEQVQIW2MMDQ39zzhz5kwIAQAyxweWgUHd1AAAAABJRU5ErkJggg==)}.hljs-addition{color:#000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAALUlEQVQYV2N89+7dfwYk8P79ewZBQUFkIQZGOiu6e/cuiptQHAPl0NtNxAQBAM97Oejj3Dg7AAAAAElFTkSuQmCC)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/hybrid.css b/apps/documentation/lib/highlight.js/styles/hybrid.css
new file mode 100644
index 00000000..237701dc
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/hybrid.css
@@ -0,0 +1,88 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+vim-hybrid theme by w0ng (https://github.com/w0ng/vim-hybrid)
+
+*/
+.hljs {
+  background: #1d1f21;
+  color: #c5c8c6
+}
+/*selection color*/
+.hljs::selection,
+.hljs span::selection {
+  background: #373b41
+}
+.hljs::-moz-selection,
+.hljs span::-moz-selection {
+  background: #373b41
+}
+/*color: fg_yellow*/
+.hljs-title,
+.hljs-name {
+  color: #f0c674
+}
+/*color: fg_comment*/
+.hljs-comment,
+.hljs-meta,
+.hljs-meta .hljs-keyword {
+  color: #707880
+}
+/*color: fg_red*/
+.hljs-number,
+.hljs-symbol,
+.hljs-literal,
+.hljs-deletion,
+.hljs-link {
+  color: #cc6666
+}
+/*color: fg_green*/
+.hljs-string,
+.hljs-doctag,
+.hljs-addition,
+.hljs-regexp,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #b5bd68
+}
+/*color: fg_purple*/
+.hljs-attribute,
+.hljs-code,
+.hljs-selector-id {
+  color: #b294bb
+}
+/*color: fg_blue*/
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-bullet,
+.hljs-tag {
+  color: #81a2be
+}
+/*color: fg_aqua*/
+.hljs-subst,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable {
+  color: #8abeb7
+}
+/*color: fg_orange*/
+.hljs-type,
+.hljs-built_in,
+.hljs-quote,
+.hljs-section,
+.hljs-selector-class {
+  color: #de935f
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/hybrid.min.css b/apps/documentation/lib/highlight.js/styles/hybrid.min.css
new file mode 100644
index 00000000..52489b6b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/hybrid.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#1d1f21;color:#c5c8c6}.hljs span::selection,.hljs::selection{background:#373b41}.hljs span::-moz-selection,.hljs::-moz-selection{background:#373b41}.hljs-name,.hljs-title{color:#f0c674}.hljs-comment,.hljs-meta,.hljs-meta .hljs-keyword{color:#707880}.hljs-deletion,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol{color:#c66}.hljs-addition,.hljs-doctag,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string{color:#b5bd68}.hljs-attribute,.hljs-code,.hljs-selector-id{color:#b294bb}.hljs-bullet,.hljs-keyword,.hljs-selector-tag,.hljs-tag{color:#81a2be}.hljs-subst,.hljs-template-tag,.hljs-template-variable,.hljs-variable{color:#8abeb7}.hljs-built_in,.hljs-quote,.hljs-section,.hljs-selector-class,.hljs-type{color:#de935f}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/idea.css b/apps/documentation/lib/highlight.js/styles/idea.css
new file mode 100644
index 00000000..03307df4
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/idea.css
@@ -0,0 +1,86 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Intellij Idea-like styling (c) Vasily Polovnyov <vast@whiteants.net>
+
+*/
+.hljs {
+  color: #000;
+  background: #fff
+}
+.hljs-subst,
+.hljs-title {
+  font-weight: normal;
+  color: #000
+}
+.hljs-comment,
+.hljs-quote {
+  color: #808080;
+  font-style: italic
+}
+.hljs-meta {
+  color: #808000
+}
+.hljs-tag {
+  background: #efefef
+}
+.hljs-section,
+.hljs-name,
+.hljs-literal,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type,
+.hljs-selector-id,
+.hljs-selector-class {
+  font-weight: bold;
+  color: #000080
+}
+.hljs-attribute,
+.hljs-number,
+.hljs-regexp,
+.hljs-link {
+  font-weight: bold;
+  color: #0000ff
+}
+.hljs-number,
+.hljs-regexp,
+.hljs-link {
+  font-weight: normal
+}
+.hljs-string {
+  color: #008000;
+  font-weight: bold
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-formula {
+  color: #000;
+  background: #d0eded;
+  font-style: italic
+}
+.hljs-doctag {
+  text-decoration: underline
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #660e7a
+}
+.hljs-addition {
+  background: #baeeba
+}
+.hljs-deletion {
+  background: #ffc8bd
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/idea.min.css b/apps/documentation/lib/highlight.js/styles/idea.min.css
new file mode 100644
index 00000000..7cc62ff3
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/idea.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#000;background:#fff}.hljs-subst,.hljs-title{font-weight:400;color:#000}.hljs-comment,.hljs-quote{color:grey;font-style:italic}.hljs-meta{color:olive}.hljs-tag{background:#efefef}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-type{font-weight:700;color:navy}.hljs-attribute,.hljs-link,.hljs-number,.hljs-regexp{font-weight:700;color:#00f}.hljs-link,.hljs-number,.hljs-regexp{font-weight:400}.hljs-string{color:green;font-weight:700}.hljs-bullet,.hljs-formula,.hljs-symbol{color:#000;background:#d0eded;font-style:italic}.hljs-doctag{text-decoration:underline}.hljs-template-variable,.hljs-variable{color:#660e7a}.hljs-addition{background:#baeeba}.hljs-deletion{background:#ffc8bd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/intellij-light.css b/apps/documentation/lib/highlight.js/styles/intellij-light.css
new file mode 100644
index 00000000..9140f80c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/intellij-light.css
@@ -0,0 +1,107 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Intellij-light style (c) Pegasis <me@pegasis.site>
+
+*/
+.hljs {
+  color: #000;
+  background: #fff
+}
+.hljs-subst,
+.hljs-title {
+  font-weight: normal;
+  color: #000
+}
+.hljs-title.function_ {
+  color: #7A7A43
+}
+.hljs-code,
+.hljs-comment,
+.hljs-quote {
+  color: #8C8C8C;
+  font-style: italic
+}
+.hljs-meta {
+  color: #9E880D
+}
+.hljs-section {
+  color: #871094
+}
+.hljs-variable.language_,
+.hljs-symbol,
+.hljs-selector-class,
+.hljs-selector-id,
+.hljs-selector-tag,
+.hljs-template-tag,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-keyword,
+.hljs-meta .hljs-keyword,
+.hljs-literal,
+.hljs-name,
+.hljs-built_in,
+.hljs-type {
+  color: #0033B3
+}
+.hljs-property,
+.hljs-attr {
+  color: #871094
+}
+.hljs-attribute {
+  color: #174AD4
+}
+.hljs-number {
+  color: #1750EB
+}
+.hljs-regexp {
+  color: #264EFF
+}
+.hljs-link {
+  text-decoration: underline;
+  color: #006DCC
+}
+.hljs-meta .hljs-string,
+.hljs-string {
+  color: #067D17
+}
+.hljs-char.escape_ {
+  color: #0037A6
+}
+.hljs-doctag {
+  text-decoration: underline
+}
+.hljs-template-variable {
+  color: #248F8F
+}
+.hljs-addition {
+  background: #BEE6BE
+}
+.hljs-deletion {
+  background: #D6D6D6
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-variable,
+.hljs-operator,
+.hljs-punctuation,
+.hljs-title.class_.inherited__,
+.hljs-title.class_,
+.hljs-params,
+.hljs-bullet,
+.hljs-formula,
+.hljs-tag {
+  /* purposely ignored */
+  
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/intellij-light.min.css b/apps/documentation/lib/highlight.js/styles/intellij-light.min.css
new file mode 100644
index 00000000..97fc3e2d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/intellij-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#000;background:#fff}.hljs-subst,.hljs-title{font-weight:400;color:#000}.hljs-title.function_{color:#7a7a43}.hljs-code,.hljs-comment,.hljs-quote{color:#8c8c8c;font-style:italic}.hljs-meta{color:#9e880d}.hljs-section{color:#871094}.hljs-built_in,.hljs-keyword,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag,.hljs-symbol,.hljs-template-tag,.hljs-type,.hljs-variable.language_{color:#0033b3}.hljs-attr,.hljs-property{color:#871094}.hljs-attribute{color:#174ad4}.hljs-number{color:#1750eb}.hljs-regexp{color:#264eff}.hljs-link{text-decoration:underline;color:#006dcc}.hljs-meta .hljs-string,.hljs-string{color:#067d17}.hljs-char.escape_{color:#0037a6}.hljs-doctag{text-decoration:underline}.hljs-template-variable{color:#248f8f}.hljs-addition{background:#bee6be}.hljs-deletion{background:#d6d6d6}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/ir-black.css b/apps/documentation/lib/highlight.js/styles/ir-black.css
new file mode 100644
index 00000000..3557853b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/ir-black.css
@@ -0,0 +1,66 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+  IR_Black style (c) Vasily Mikhailitchenko <vaskas@programica.ru>
+*/
+.hljs {
+  background: #000;
+  color: #f8f8f8
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-meta {
+  color: #7c7c7c
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-tag,
+.hljs-name {
+  color: #96cbfe
+}
+.hljs-attribute,
+.hljs-selector-id {
+  color: #ffffb6
+}
+.hljs-string,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-addition {
+  color: #a8ff60
+}
+.hljs-subst {
+  color: #daefa3
+}
+.hljs-regexp,
+.hljs-link {
+  color: #e9c062
+}
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-doctag {
+  color: #ffffb6
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-literal {
+  color: #c6c5fe
+}
+.hljs-number,
+.hljs-deletion {
+  color: #ff73fd
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/ir-black.min.css b/apps/documentation/lib/highlight.js/styles/ir-black.min.css
new file mode 100644
index 00000000..e78fd083
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/ir-black.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#000;color:#f8f8f8}.hljs-comment,.hljs-meta,.hljs-quote{color:#7c7c7c}.hljs-keyword,.hljs-name,.hljs-selector-tag,.hljs-tag{color:#96cbfe}.hljs-attribute,.hljs-selector-id{color:#ffffb6}.hljs-addition,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string{color:#a8ff60}.hljs-subst{color:#daefa3}.hljs-link,.hljs-regexp{color:#e9c062}.hljs-doctag,.hljs-section,.hljs-title,.hljs-type{color:#ffffb6}.hljs-bullet,.hljs-literal,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#c6c5fe}.hljs-deletion,.hljs-number{color:#ff73fd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/isbl-editor-dark.css b/apps/documentation/lib/highlight.js/styles/isbl-editor-dark.css
new file mode 100644
index 00000000..4787d080
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/isbl-editor-dark.css
@@ -0,0 +1,94 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+ISBL Editor style dark color scheme (c) Dmitriy Tarasov <dimatar@gmail.com>
+
+*/
+.hljs {
+  background: #404040;
+  color: #f0f0f0
+}
+/* Base color: saturation 0; */
+.hljs,
+.hljs-subst {
+  color: #f0f0f0
+}
+.hljs-comment {
+  color: #b5b5b5;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-name {
+  color: #f0f0f0;
+  font-weight: bold
+}
+/* User color: hue: 0 */
+.hljs-string {
+  color: #97bf0d
+}
+.hljs-type,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #f0f0f0
+}
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #e2c696
+}
+/* Language color: hue: 90; */
+.hljs-built_in,
+.hljs-literal {
+  color: #97bf0d;
+  font-weight: bold
+}
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #397300
+}
+.hljs-class {
+  color: #ce9d4d;
+  font-weight: bold
+}
+.hljs-title,
+.hljs-section {
+  color: #df471e
+}
+.hljs-title>.hljs-built_in {
+  color: #81bce9;
+  font-weight: normal
+}
+/* Meta color: hue: 200 */
+.hljs-meta {
+  color: #1f7199
+}
+.hljs-meta .hljs-string {
+  color: #4d99bf
+}
+/* Misc effects */
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/isbl-editor-dark.min.css b/apps/documentation/lib/highlight.js/styles/isbl-editor-dark.min.css
new file mode 100644
index 00000000..535ef87a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/isbl-editor-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#404040}.hljs,.hljs-subst{color:#f0f0f0}.hljs-comment{color:#b5b5b5;font-style:italic}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f0f0f0;font-weight:700}.hljs-string{color:#97bf0d}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-template-tag,.hljs-type{color:#f0f0f0}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#e2c696}.hljs-built_in,.hljs-literal{color:#97bf0d;font-weight:700}.hljs-addition,.hljs-bullet,.hljs-code{color:#397300}.hljs-class{color:#ce9d4d;font-weight:700}.hljs-section,.hljs-title{color:#df471e}.hljs-title>.hljs-built_in{color:#81bce9;font-weight:400}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/isbl-editor-light.css b/apps/documentation/lib/highlight.js/styles/isbl-editor-light.css
new file mode 100644
index 00000000..cdbabbeb
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/isbl-editor-light.css
@@ -0,0 +1,93 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+ISBL Editor style light color schemec (c) Dmitriy Tarasov <dimatar@gmail.com>
+
+*/
+.hljs {
+  background: white;
+  color: black
+}
+/* Base color: saturation 0; */
+.hljs-subst {
+  color: black
+}
+.hljs-comment {
+  color: #555555;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-name {
+  color: #000000;
+  font-weight: bold
+}
+/* User color: hue: 0 */
+.hljs-string {
+  color: #000080
+}
+.hljs-type,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #000000
+}
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #5e1700
+}
+/* Language color: hue: 90; */
+.hljs-built_in,
+.hljs-literal {
+  color: #000080;
+  font-weight: bold
+}
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #397300
+}
+.hljs-class {
+  color: #6f1C00;
+  font-weight: bold
+}
+.hljs-title,
+.hljs-section {
+  color: #fb2c00
+}
+.hljs-title>.hljs-built_in {
+  color: #008080;
+  font-weight: normal
+}
+/* Meta color: hue: 200 */
+.hljs-meta {
+  color: #1f7199
+}
+.hljs-meta .hljs-string {
+  color: #4d99bf
+}
+/* Misc effects */
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/isbl-editor-light.min.css b/apps/documentation/lib/highlight.js/styles/isbl-editor-light.min.css
new file mode 100644
index 00000000..f008c740
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/isbl-editor-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.hljs-subst{color:#000}.hljs-comment{color:#555;font-style:italic}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{color:#000;font-weight:700}.hljs-string{color:navy}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-template-tag,.hljs-type{color:#000}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#5e1700}.hljs-built_in,.hljs-literal{color:navy;font-weight:700}.hljs-addition,.hljs-bullet,.hljs-code{color:#397300}.hljs-class{color:#6f1c00;font-weight:700}.hljs-section,.hljs-title{color:#fb2c00}.hljs-title>.hljs-built_in{color:teal;font-weight:400}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/kimbie-dark.css b/apps/documentation/lib/highlight.js/styles/kimbie-dark.css
new file mode 100644
index 00000000..eddf4a04
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/kimbie-dark.css
@@ -0,0 +1,69 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+    Name:     Kimbie (dark)
+    Author:   Jan T. Sott
+    License:  Creative Commons Attribution-ShareAlike 4.0 Unported License
+    URL:      https://github.com/idleberg/Kimbie-highlight.js
+*/
+.hljs {
+  background: #221a0f;
+  color: #d3af86
+}
+/* Kimbie Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #d6baad
+}
+/* Kimbie Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-meta {
+  color: #dc3958
+}
+/* Kimbie Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-deletion,
+.hljs-link {
+  color: #f79a32
+}
+/* Kimbie Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #889b4a
+}
+/* Kimbie Purple */
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-function {
+  color: #98676a
+}
+/* Kimbie Yellow */
+.hljs-title,
+.hljs-section,
+.hljs-attribute {
+  color: #f06431
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/kimbie-dark.min.css b/apps/documentation/lib/highlight.js/styles/kimbie-dark.min.css
new file mode 100644
index 00000000..cf56cea5
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/kimbie-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#221a0f;color:#d3af86}.hljs-comment,.hljs-quote{color:#d6baad}.hljs-meta,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#dc3958}.hljs-built_in,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-number,.hljs-params,.hljs-type{color:#f79a32}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#889b4a}.hljs-function,.hljs-keyword,.hljs-selector-tag{color:#98676a}.hljs-attribute,.hljs-section,.hljs-title{color:#f06431}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/kimbie-light.css b/apps/documentation/lib/highlight.js/styles/kimbie-light.css
new file mode 100644
index 00000000..3cefadc8
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/kimbie-light.css
@@ -0,0 +1,69 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+    Name:     Kimbie (light)
+    Author:   Jan T. Sott
+    License:  Creative Commons Attribution-ShareAlike 4.0 Unported License
+    URL:      https://github.com/idleberg/Kimbie-highlight.js
+*/
+.hljs {
+  background: #fbebd4;
+  color: #84613d
+}
+/* Kimbie Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #a57a4c
+}
+/* Kimbie Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-meta {
+  color: #dc3958
+}
+/* Kimbie Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-deletion,
+.hljs-link {
+  color: #f79a32
+}
+/* Kimbie Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #889b4a
+}
+/* Kimbie Purple */
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-function {
+  color: #98676a
+}
+/* Kimbie Yellow */
+.hljs-title,
+.hljs-section,
+.hljs-attribute {
+  color: #f06431
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/kimbie-light.min.css b/apps/documentation/lib/highlight.js/styles/kimbie-light.min.css
new file mode 100644
index 00000000..b9d0ea44
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/kimbie-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fbebd4;color:#84613d}.hljs-comment,.hljs-quote{color:#a57a4c}.hljs-meta,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#dc3958}.hljs-built_in,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-number,.hljs-params,.hljs-type{color:#f79a32}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#889b4a}.hljs-function,.hljs-keyword,.hljs-selector-tag{color:#98676a}.hljs-attribute,.hljs-section,.hljs-title{color:#f06431}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/lightfair.css b/apps/documentation/lib/highlight.js/styles/lightfair.css
new file mode 100644
index 00000000..5142dff0
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/lightfair.css
@@ -0,0 +1,81 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Lightfair style (c) Tristian Kelly <tristian.kelly560@gmail.com>
+
+*/
+.hljs {
+  color: #444;
+  background: #fff
+}
+.hljs-name {
+  color: #01a3a3
+}
+.hljs-tag,
+.hljs-meta {
+  color: #778899
+}
+.hljs-subst {
+  /* default */
+  
+}
+.hljs-comment {
+  color: #888888
+}
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-name {
+  font-weight: bold
+}
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #4286f4
+}
+.hljs-title,
+.hljs-section {
+  color: #4286f4;
+  font-weight: bold
+}
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #BC6060
+}
+.hljs-literal {
+  color: #62bcbc
+}
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #25c6c6
+}
+.hljs-meta .hljs-string {
+  color: #4d99bf
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/lightfair.min.css b/apps/documentation/lib/highlight.js/styles/lightfair.min.css
new file mode 100644
index 00000000..b6c37918
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/lightfair.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#444;background:#fff}.hljs-name{color:#01a3a3}.hljs-meta,.hljs-tag{color:#789}.hljs-comment{color:#888}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#4286f4}.hljs-section,.hljs-title{color:#4286f4;font-weight:700}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#bc6060}.hljs-literal{color:#62bcbc}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#25c6c6}.hljs-meta .hljs-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/lioshi.css b/apps/documentation/lib/highlight.js/styles/lioshi.css
new file mode 100644
index 00000000..035611a3
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/lioshi.css
@@ -0,0 +1,76 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/* lioshi Theme */
+/* Original theme - https://github.com/lioshi/vscode-lioshi-theme */
+.hljs {
+  background: #303030;
+  color: #c5c8c6
+}
+/* Comment */
+.hljs-comment {
+  color: #8d8d8d
+}
+/* quote */
+.hljs-quote {
+  color: #b3c7d8
+}
+/* Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #cc6666
+}
+/* Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-subst
+.hljs-link {
+  color: #de935f
+}
+/* Yellow */
+.hljs-attribute {
+  color: #f0c674
+}
+/* Green */
+.hljs-string,
+.hljs-bullet,
+.hljs-params,
+.hljs-addition {
+  color: #b5bd68
+}
+/* Purple */
+.hljs-selector-tag,
+.hljs-keyword,
+.hljs-function,
+.hljs-class {
+  color: #be94bb
+}
+/* Blue */
+.hljs-title,
+.hljs-meta,
+.hljs-section {
+  color: #81a2be
+}
+/* Purple light */
+.hljs-symbol {
+  color: #dbc4d9
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/lioshi.min.css b/apps/documentation/lib/highlight.js/styles/lioshi.min.css
new file mode 100644
index 00000000..3d6a92f4
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/lioshi.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#303030;color:#c5c8c6}.hljs-comment{color:#8d8d8d}.hljs-quote{color:#b3c7d8}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#c66}.hljs-built_in,.hljs-literal,.hljs-number,.hljs-subst .hljs-link,.hljs-type{color:#de935f}.hljs-attribute{color:#f0c674}.hljs-addition,.hljs-bullet,.hljs-params,.hljs-string{color:#b5bd68}.hljs-class,.hljs-function,.hljs-keyword,.hljs-selector-tag{color:#be94bb}.hljs-meta,.hljs-section,.hljs-title{color:#81a2be}.hljs-symbol{color:#dbc4d9}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/magula.css b/apps/documentation/lib/highlight.js/styles/magula.css
new file mode 100644
index 00000000..9d304191
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/magula.css
@@ -0,0 +1,66 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Description: Magula style for highligh.js
+Author: Ruslan Keba <rukeba@gmail.com>
+Website: http://rukeba.com/
+Version: 1.0
+Date: 2009-01-03
+Music: Aphex Twin / Xtal
+*/
+.hljs {
+  background-color: #f4f4f4;
+  color: black
+}
+.hljs-subst {
+  color: black
+}
+.hljs-string,
+.hljs-title,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable {
+  color: #050
+}
+.hljs-comment,
+.hljs-quote {
+  color: #777
+}
+.hljs-number,
+.hljs-regexp,
+.hljs-literal,
+.hljs-type,
+.hljs-link {
+  color: #800
+}
+.hljs-deletion,
+.hljs-meta {
+  color: #00e
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-doctag,
+.hljs-title,
+.hljs-section,
+.hljs-built_in,
+.hljs-tag,
+.hljs-name {
+  font-weight: bold;
+  color: navy
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/magula.min.css b/apps/documentation/lib/highlight.js/styles/magula.min.css
new file mode 100644
index 00000000..e0243877
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/magula.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background-color:#f4f4f4;color:#000}.hljs-subst{color:#000}.hljs-addition,.hljs-attribute,.hljs-bullet,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-variable{color:#050}.hljs-comment,.hljs-quote{color:#777}.hljs-link,.hljs-literal,.hljs-number,.hljs-regexp,.hljs-type{color:#800}.hljs-deletion,.hljs-meta{color:#00e}.hljs-built_in,.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-tag,.hljs-title{font-weight:700;color:navy}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/mono-blue.css b/apps/documentation/lib/highlight.js/styles/mono-blue.css
new file mode 100644
index 00000000..bc9bceae
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/mono-blue.css
@@ -0,0 +1,56 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+  Five-color theme from a single blue hue.
+*/
+.hljs {
+  background: #eaeef3;
+  color: #00193a
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-title,
+.hljs-section,
+.hljs-doctag,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-comment {
+  color: #738191
+}
+.hljs-string,
+.hljs-title,
+.hljs-section,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-addition,
+.hljs-tag,
+.hljs-quote,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #0048ab
+}
+.hljs-meta,
+.hljs-subst,
+.hljs-symbol,
+.hljs-regexp,
+.hljs-attribute,
+.hljs-deletion,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-bullet {
+  color: #4c81c9
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/mono-blue.min.css b/apps/documentation/lib/highlight.js/styles/mono-blue.min.css
new file mode 100644
index 00000000..fb74d405
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/mono-blue.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#eaeef3;color:#00193a}.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-title{font-weight:700}.hljs-comment{color:#738191}.hljs-addition,.hljs-built_in,.hljs-literal,.hljs-name,.hljs-quote,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-tag,.hljs-title,.hljs-type{color:#0048ab}.hljs-attribute,.hljs-bullet,.hljs-deletion,.hljs-link,.hljs-meta,.hljs-regexp,.hljs-subst,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#4c81c9}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/monokai-sublime.css b/apps/documentation/lib/highlight.js/styles/monokai-sublime.css
new file mode 100644
index 00000000..b469dd4f
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/monokai-sublime.css
@@ -0,0 +1,76 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
+
+*/
+.hljs {
+  background: #23241f;
+  color: #f8f8f2
+}
+.hljs-tag,
+.hljs-subst {
+  color: #f8f8f2
+}
+.hljs-strong,
+.hljs-emphasis {
+  color: #a8a8a2
+}
+.hljs-bullet,
+.hljs-quote,
+.hljs-number,
+.hljs-regexp,
+.hljs-literal,
+.hljs-link {
+  color: #ae81ff
+}
+.hljs-code,
+.hljs-title,
+.hljs-section,
+.hljs-selector-class {
+  color: #a6e22e
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-attr {
+  color: #f92672
+}
+.hljs-symbol,
+.hljs-attribute {
+  color: #66d9ef
+}
+.hljs-params,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #f8f8f2
+}
+.hljs-string,
+.hljs-type,
+.hljs-built_in,
+.hljs-selector-id,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-variable {
+  color: #e6db74
+}
+.hljs-comment,
+.hljs-deletion,
+.hljs-meta {
+  color: #75715e
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/monokai-sublime.min.css b/apps/documentation/lib/highlight.js/styles/monokai-sublime.min.css
new file mode 100644
index 00000000..247e2e91
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/monokai-sublime.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#23241f;color:#f8f8f2}.hljs-subst,.hljs-tag{color:#f8f8f2}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#a6e22e}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f92672}.hljs-attribute,.hljs-symbol{color:#66d9ef}.hljs-class .hljs-title,.hljs-params,.hljs-title.class_{color:#f8f8f2}.hljs-addition,.hljs-built_in,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#e6db74}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/monokai.css b/apps/documentation/lib/highlight.js/styles/monokai.css
new file mode 100644
index 00000000..4c77f4de
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/monokai.css
@@ -0,0 +1,68 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Monokai style - ported by Luigi Maselli - http://grigio.org
+*/
+.hljs {
+  background: #272822;
+  color: #ddd
+}
+.hljs-tag,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-strong,
+.hljs-name {
+  color: #f92672
+}
+.hljs-code {
+  color: #66d9ef
+}
+.hljs-attribute,
+.hljs-symbol,
+.hljs-regexp,
+.hljs-link {
+  color: #bf79db
+}
+.hljs-string,
+.hljs-bullet,
+.hljs-subst,
+.hljs-title,
+.hljs-section,
+.hljs-emphasis,
+.hljs-type,
+.hljs-built_in,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable {
+  color: #a6e22e
+}
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: white
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-deletion,
+.hljs-meta {
+  color: #75715e
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-doctag,
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-selector-id {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/monokai.min.css b/apps/documentation/lib/highlight.js/styles/monokai.min.css
new file mode 100644
index 00000000..448d85dd
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/monokai.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#272822;color:#ddd}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-selector-tag,.hljs-strong,.hljs-tag{color:#f92672}.hljs-code{color:#66d9ef}.hljs-attribute,.hljs-link,.hljs-regexp,.hljs-symbol{color:#bf79db}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-emphasis,.hljs-section,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string,.hljs-subst,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#a6e22e}.hljs-class .hljs-title,.hljs-title.class_{color:#fff}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#75715e}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-section,.hljs-selector-id,.hljs-selector-tag,.hljs-title,.hljs-type{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/night-owl.css b/apps/documentation/lib/highlight.js/styles/night-owl.css
new file mode 100644
index 00000000..3cad0ebf
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/night-owl.css
@@ -0,0 +1,174 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Night Owl for highlight.js (c) Carl Baxter <carl@cbax.tech>
+
+An adaptation of Sarah Drasner's Night Owl VS Code Theme
+https://github.com/sdras/night-owl-vscode-theme
+
+Copyright (c) 2018 Sarah Drasner
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+.hljs {
+  background: #011627;
+  color: #d6deeb
+}
+/* General Purpose */
+.hljs-keyword {
+  color: #c792ea;
+  font-style: italic
+}
+.hljs-built_in {
+  color: #addb67;
+  font-style: italic
+}
+.hljs-type {
+  color: #82aaff
+}
+.hljs-literal {
+  color: #ff5874
+}
+.hljs-number {
+  color: #F78C6C
+}
+.hljs-regexp {
+  color: #5ca7e4
+}
+.hljs-string {
+  color: #ecc48d
+}
+.hljs-subst {
+  color: #d3423e
+}
+.hljs-symbol {
+  color: #82aaff
+}
+.hljs-class {
+  color: #ffcb8b
+}
+.hljs-function {
+  color: #82AAFF
+}
+.hljs-title {
+  color: #DCDCAA;
+  font-style: italic
+}
+.hljs-params {
+  color: #7fdbca
+}
+/* Meta */
+.hljs-comment {
+  color: #637777;
+  font-style: italic
+}
+.hljs-doctag {
+  color: #7fdbca
+}
+.hljs-meta {
+  color: #82aaff
+}
+.hljs-meta .hljs-keyword {
+  color: #82aaff
+}
+.hljs-meta .hljs-string {
+  color: #ecc48d
+}
+/* Tags, attributes, config */
+.hljs-section {
+  color: #82b1ff
+}
+.hljs-tag,
+.hljs-name {
+  color: #7fdbca
+}
+.hljs-attr {
+  color: #7fdbca
+}
+.hljs-attribute {
+  color: #80cbc4
+}
+.hljs-variable {
+  color: #addb67
+}
+/* Markup */
+.hljs-bullet {
+  color: #d9f5dd
+}
+.hljs-code {
+  color: #80CBC4
+}
+.hljs-emphasis {
+  color: #c792ea;
+  font-style: italic
+}
+.hljs-strong {
+  color: #addb67;
+  font-weight: bold
+}
+.hljs-formula {
+  color: #c792ea
+}
+.hljs-link {
+  color: #ff869a
+}
+.hljs-quote {
+  color: #697098;
+  font-style: italic
+}
+/* CSS */
+.hljs-selector-tag {
+  color: #ff6363
+}
+.hljs-selector-id {
+  color: #fad430
+}
+.hljs-selector-class {
+  color: #addb67;
+  font-style: italic
+}
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #c792ea;
+  font-style: italic
+}
+/* Templates */
+.hljs-template-tag {
+  color: #c792ea
+}
+.hljs-template-variable {
+  color: #addb67
+}
+/* diff */
+.hljs-addition {
+  color: #addb67ff;
+  font-style: italic
+}
+.hljs-deletion {
+  color: #EF535090;
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/night-owl.min.css b/apps/documentation/lib/highlight.js/styles/night-owl.min.css
new file mode 100644
index 00000000..ed945902
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/night-owl.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#011627;color:#d6deeb}.hljs-keyword{color:#c792ea;font-style:italic}.hljs-built_in{color:#addb67;font-style:italic}.hljs-type{color:#82aaff}.hljs-literal{color:#ff5874}.hljs-number{color:#f78c6c}.hljs-regexp{color:#5ca7e4}.hljs-string{color:#ecc48d}.hljs-subst{color:#d3423e}.hljs-symbol{color:#82aaff}.hljs-class{color:#ffcb8b}.hljs-function{color:#82aaff}.hljs-title{color:#dcdcaa;font-style:italic}.hljs-params{color:#7fdbca}.hljs-comment{color:#637777;font-style:italic}.hljs-doctag{color:#7fdbca}.hljs-meta,.hljs-meta .hljs-keyword{color:#82aaff}.hljs-meta .hljs-string{color:#ecc48d}.hljs-section{color:#82b1ff}.hljs-attr,.hljs-name,.hljs-tag{color:#7fdbca}.hljs-attribute{color:#80cbc4}.hljs-variable{color:#addb67}.hljs-bullet{color:#d9f5dd}.hljs-code{color:#80cbc4}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-strong{color:#addb67;font-weight:700}.hljs-formula{color:#c792ea}.hljs-link{color:#ff869a}.hljs-quote{color:#697098;font-style:italic}.hljs-selector-tag{color:#ff6363}.hljs-selector-id{color:#fad430}.hljs-selector-class{color:#addb67;font-style:italic}.hljs-selector-attr,.hljs-selector-pseudo{color:#c792ea;font-style:italic}.hljs-template-tag{color:#c792ea}.hljs-template-variable{color:#addb67}.hljs-addition{color:#addb67ff;font-style:italic}.hljs-deletion{color:#ef535090;font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/nnfx-dark.css b/apps/documentation/lib/highlight.js/styles/nnfx-dark.css
new file mode 100644
index 00000000..cbacc288
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/nnfx-dark.css
@@ -0,0 +1,104 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: nnfx dark
+  Description: a theme inspired by Netscape Navigator/Firefox
+  Author: (c) 2020-2021 Jim Mason <jmason@ibinx.com>
+  Maintainer: @RocketMan
+  License: https://creativecommons.org/licenses/by-sa/4.0  CC BY-SA 4.0
+  Updated: 2021-05-17
+
+  @version 1.1.0
+*/
+.hljs {
+  background: #333;
+  color: #fff
+}
+.language-xml .hljs-meta,
+.language-xml .hljs-meta-string {
+  font-weight: bold;
+  font-style: italic;
+  color: #69f
+}
+.hljs-comment,
+.hljs-quote {
+  font-style: italic;
+  color: #9c6
+}
+.hljs-name,
+.hljs-keyword,
+.hljs-built_in {
+  color: #a7a
+}
+.hljs-name,
+.hljs-attr {
+  font-weight: bold
+}
+.hljs-string {
+  font-weight: normal
+}
+.hljs-code,
+.hljs-string,
+.hljs-meta .hljs-string,
+.hljs-number,
+.hljs-regexp,
+.hljs-link {
+  color: #bce
+}
+.hljs-title,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable {
+  color: #d40
+}
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-type {
+  font-weight: bold;
+  color: #96c
+}
+.hljs-title.function_,
+.hljs-function .hljs-title,
+.hljs-attr,
+.hljs-subst,
+.hljs-tag {
+  color: #fff
+}
+.hljs-formula {
+  background-color: #eee;
+  font-style: italic
+}
+.hljs-addition {
+  background-color: #797
+}
+.hljs-deletion {
+  background-color: #c99
+}
+.hljs-meta {
+  color: #69f
+}
+.hljs-section,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-pseudo,
+.hljs-selector-tag {
+  font-weight: bold;
+  color: #69f
+}
+.hljs-selector-pseudo {
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/nnfx-dark.min.css b/apps/documentation/lib/highlight.js/styles/nnfx-dark.min.css
new file mode 100644
index 00000000..4e6403d6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/nnfx-dark.min.css
@@ -0,0 +1,10 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: nnfx dark
+  Description: a theme inspired by Netscape Navigator/Firefox
+  Author: (c) 2020-2021 Jim Mason <jmason@ibinx.com>
+  Maintainer: @RocketMan
+  License: https://creativecommons.org/licenses/by-sa/4.0  CC BY-SA 4.0
+  Updated: 2021-05-17
+
+  @version 1.1.0
+*/.hljs{background:#333;color:#fff}.language-xml .hljs-meta,.language-xml .hljs-meta-string{font-weight:700;font-style:italic;color:#69f}.hljs-comment,.hljs-quote{font-style:italic;color:#9c6}.hljs-built_in,.hljs-keyword,.hljs-name{color:#a7a}.hljs-attr,.hljs-name{font-weight:700}.hljs-string{font-weight:400}.hljs-code,.hljs-link,.hljs-meta .hljs-string,.hljs-number,.hljs-regexp,.hljs-string{color:#bce}.hljs-bullet,.hljs-symbol,.hljs-template-variable,.hljs-title,.hljs-variable{color:#d40}.hljs-class .hljs-title,.hljs-title.class_,.hljs-type{font-weight:700;color:#96c}.hljs-attr,.hljs-function .hljs-title,.hljs-subst,.hljs-tag,.hljs-title.function_{color:#fff}.hljs-formula{background-color:#eee;font-style:italic}.hljs-addition{background-color:#797}.hljs-deletion{background-color:#c99}.hljs-meta{color:#69f}.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{font-weight:700;color:#69f}.hljs-selector-pseudo{font-style:italic}.hljs-doctag,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/nnfx-light.css b/apps/documentation/lib/highlight.js/styles/nnfx-light.css
new file mode 100644
index 00000000..87a04c69
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/nnfx-light.css
@@ -0,0 +1,104 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: nnfx light
+  Description: a theme inspired by Netscape Navigator/Firefox
+  Author: (c) 2020-2021 Jim Mason <jmason@ibinx.com>
+  Maintainer: @RocketMan
+  License: https://creativecommons.org/licenses/by-sa/4.0  CC BY-SA 4.0
+  Updated: 2021-05-17
+
+  @version 1.1.0
+*/
+.hljs {
+  background: #fff;
+  color: #000
+}
+.language-xml .hljs-meta,
+.language-xml .hljs-meta-string {
+  font-weight: bold;
+  font-style: italic;
+  color: #48b
+}
+.hljs-comment,
+.hljs-quote {
+  font-style: italic;
+  color: #070
+}
+.hljs-name,
+.hljs-keyword,
+.hljs-built_in {
+  color: #808
+}
+.hljs-name,
+.hljs-attr {
+  font-weight: bold
+}
+.hljs-string {
+  font-weight: normal
+}
+.hljs-code,
+.hljs-string,
+.hljs-meta .hljs-string,
+.hljs-number,
+.hljs-regexp,
+.hljs-link {
+  color: #00f
+}
+.hljs-title,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable {
+  color: #f40
+}
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-type {
+  font-weight: bold;
+  color: #639
+}
+.hljs-title.function_,
+.hljs-function .hljs-title,
+.hljs-attr,
+.hljs-subst,
+.hljs-tag {
+  color: #000
+}
+.hljs-formula {
+  background-color: #eee;
+  font-style: italic
+}
+.hljs-addition {
+  background-color: #beb
+}
+.hljs-deletion {
+  background-color: #fbb
+}
+.hljs-meta {
+  color: #269
+}
+.hljs-section,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-pseudo,
+.hljs-selector-tag {
+  font-weight: bold;
+  color: #48b
+}
+.hljs-selector-pseudo {
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/nnfx-light.min.css b/apps/documentation/lib/highlight.js/styles/nnfx-light.min.css
new file mode 100644
index 00000000..469223a9
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/nnfx-light.min.css
@@ -0,0 +1,10 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: nnfx light
+  Description: a theme inspired by Netscape Navigator/Firefox
+  Author: (c) 2020-2021 Jim Mason <jmason@ibinx.com>
+  Maintainer: @RocketMan
+  License: https://creativecommons.org/licenses/by-sa/4.0  CC BY-SA 4.0
+  Updated: 2021-05-17
+
+  @version 1.1.0
+*/.hljs{background:#fff;color:#000}.language-xml .hljs-meta,.language-xml .hljs-meta-string{font-weight:700;font-style:italic;color:#48b}.hljs-comment,.hljs-quote{font-style:italic;color:#070}.hljs-built_in,.hljs-keyword,.hljs-name{color:#808}.hljs-attr,.hljs-name{font-weight:700}.hljs-string{font-weight:400}.hljs-code,.hljs-link,.hljs-meta .hljs-string,.hljs-number,.hljs-regexp,.hljs-string{color:#00f}.hljs-bullet,.hljs-symbol,.hljs-template-variable,.hljs-title,.hljs-variable{color:#f40}.hljs-class .hljs-title,.hljs-title.class_,.hljs-type{font-weight:700;color:#639}.hljs-attr,.hljs-function .hljs-title,.hljs-subst,.hljs-tag,.hljs-title.function_{color:#000}.hljs-formula{background-color:#eee;font-style:italic}.hljs-addition{background-color:#beb}.hljs-deletion{background-color:#fbb}.hljs-meta{color:#269}.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{font-weight:700;color:#48b}.hljs-selector-pseudo{font-style:italic}.hljs-doctag,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/nord.css b/apps/documentation/lib/highlight.js/styles/nord.css
new file mode 100644
index 00000000..2e849af9
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/nord.css
@@ -0,0 +1,275 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+ * Copyright (c) 2017-present Arctic Ice Studio <development@arcticicestudio.com>
+ * Copyright (c) 2017-present Sven Greb <development@svengreb.de>
+ *
+ * Project:    Nord highlight.js
+ * Version:    0.1.0
+ * Repository: https://github.com/arcticicestudio/nord-highlightjs
+ * License:    MIT
+ * References:
+ *   https://github.com/arcticicestudio/nord
+ */
+/*
+
+Polar Night
+
+#2E3440
+#3B4252
+#434C5E
+#4C566A
+
+Snow Storm
+
+#D8DEE9
+#E5E9F0
+#ECEFF4
+
+Frost
+
+#8FBCBB
+#88C0D0
+#81A1C1
+#5E81AC
+
+Aurora
+
+#BF616A
+#D08770
+#EBCB8B
+#A3BE8C
+#B48EAD
+
+*/
+.hljs {
+  background: #2E3440
+}
+.hljs,
+.hljs-subst {
+  color: #D8DEE9
+}
+.hljs-selector-tag {
+  color: #81A1C1
+}
+.hljs-selector-id {
+  color: #8FBCBB;
+  font-weight: bold
+}
+.hljs-selector-class {
+  color: #8FBCBB
+}
+.hljs-selector-attr {
+  color: #8FBCBB
+}
+.hljs-property {
+  color: #88C0D0
+}
+.hljs-selector-pseudo {
+  color: #88C0D0
+}
+.hljs-addition {
+  background-color: rgba(163, 190, 140, 0.5)
+}
+.hljs-deletion {
+  background-color: rgba(191, 97, 106, 0.5)
+}
+.hljs-built_in,
+.hljs-type {
+  color: #8FBCBB
+}
+.hljs-class {
+  color: #8FBCBB
+}
+.hljs-function {
+  color: #88C0D0
+}
+.hljs-title.hljs-function,
+.hljs-function > .hljs-title {
+  color: #88C0D0
+}
+.hljs-keyword,
+.hljs-literal,
+.hljs-symbol {
+  color: #81A1C1
+}
+.hljs-number {
+  color: #B48EAD
+}
+.hljs-regexp {
+  color: #EBCB8B
+}
+.hljs-string {
+  color: #A3BE8C
+}
+.hljs-title {
+  color: #8FBCBB
+}
+.hljs-params {
+  color: #D8DEE9
+}
+.hljs-bullet {
+  color: #81A1C1
+}
+.hljs-code {
+  color: #8FBCBB
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-formula {
+  color: #8FBCBB
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link:hover {
+  text-decoration: underline
+}
+.hljs-quote {
+  color: #4C566A
+}
+.hljs-comment {
+  color: #4C566A
+}
+.hljs-doctag {
+  color: #8FBCBB
+}
+.hljs-meta,
+.hljs-meta .hljs-keyword {
+  color: #5E81AC
+}
+.hljs-meta .hljs-string {
+  color: #A3BE8C
+}
+.hljs-attr {
+  color: #8FBCBB
+}
+.hljs-attribute {
+  color: #D8DEE9
+}
+.hljs-name {
+  color: #81A1C1
+}
+.hljs-section {
+  color: #88C0D0
+}
+.hljs-tag {
+  color: #81A1C1
+}
+.hljs-variable {
+  color: #D8DEE9
+}
+.hljs-template-variable {
+  color: #D8DEE9
+}
+.hljs-template-tag {
+  color: #5E81AC
+}
+/* per language customizations */
+.language-abnf .hljs-attribute {
+  color: #88C0D0
+}
+.language-abnf .hljs-symbol {
+  color: #EBCB8B
+}
+.language-apache .hljs-attribute {
+  color: #88C0D0
+}
+.language-apache .hljs-section {
+  color: #81A1C1
+}
+.language-arduino .hljs-built_in {
+  color: #88C0D0
+}
+.language-aspectj .hljs-meta {
+  color: #D08770
+}
+.language-aspectj > .hljs-title {
+  color: #88C0D0
+}
+.language-bnf .hljs-attribute {
+  color: #8FBCBB
+}
+.language-clojure .hljs-name {
+  color: #88C0D0
+}
+.language-clojure .hljs-symbol {
+  color: #EBCB8B
+}
+.language-coq .hljs-built_in {
+  color: #88C0D0
+}
+.language-cpp .hljs-meta .hljs-string {
+  color: #8FBCBB
+}
+.language-css .hljs-built_in {
+  color: #88C0D0
+}
+.language-css .hljs-keyword {
+  color: #D08770
+}
+.language-diff .hljs-meta {
+  color: #8FBCBB
+}
+.language-ebnf .hljs-attribute {
+  color: #8FBCBB
+}
+.language-glsl .hljs-built_in {
+  color: #88C0D0
+}
+.language-groovy .hljs-meta:not(:first-child) {
+  color: #D08770
+}
+.language-haxe .hljs-meta {
+  color: #D08770
+}
+.language-java .hljs-meta {
+  color: #D08770
+}
+.language-ldif .hljs-attribute {
+  color: #8FBCBB
+}
+.language-lisp .hljs-name {
+  color: #88C0D0
+}
+.language-lua .hljs-built_in {
+  color: #88C0D0
+}
+.language-moonscript .hljs-built_in {
+  color: #88C0D0
+}
+.language-nginx .hljs-attribute {
+  color: #88C0D0
+}
+.language-nginx .hljs-section {
+  color: #5E81AC
+}
+.language-pf .hljs-built_in {
+  color: #88C0D0
+}
+.language-processing .hljs-built_in {
+  color: #88C0D0
+}
+.language-scss .hljs-keyword {
+  color: #81A1C1
+}
+.language-stylus .hljs-keyword {
+  color: #81A1C1
+}
+.language-swift .hljs-meta {
+  color: #D08770
+}
+.language-vim .hljs-built_in {
+  color: #88C0D0;
+  font-style: italic
+}
+.language-yaml .hljs-meta {
+  color: #D08770
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/nord.min.css b/apps/documentation/lib/highlight.js/styles/nord.min.css
new file mode 100644
index 00000000..efbb0c13
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/nord.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#2e3440}.hljs,.hljs-subst{color:#d8dee9}.hljs-selector-tag{color:#81a1c1}.hljs-selector-id{color:#8fbcbb;font-weight:700}.hljs-selector-attr,.hljs-selector-class{color:#8fbcbb}.hljs-property,.hljs-selector-pseudo{color:#88c0d0}.hljs-addition{background-color:rgba(163,190,140,.5)}.hljs-deletion{background-color:rgba(191,97,106,.5)}.hljs-built_in,.hljs-class,.hljs-type{color:#8fbcbb}.hljs-function,.hljs-function>.hljs-title,.hljs-title.hljs-function{color:#88c0d0}.hljs-keyword,.hljs-literal,.hljs-symbol{color:#81a1c1}.hljs-number{color:#b48ead}.hljs-regexp{color:#ebcb8b}.hljs-string{color:#a3be8c}.hljs-title{color:#8fbcbb}.hljs-params{color:#d8dee9}.hljs-bullet{color:#81a1c1}.hljs-code{color:#8fbcbb}.hljs-emphasis{font-style:italic}.hljs-formula{color:#8fbcbb}.hljs-strong{font-weight:700}.hljs-link:hover{text-decoration:underline}.hljs-comment,.hljs-quote{color:#4c566a}.hljs-doctag{color:#8fbcbb}.hljs-meta,.hljs-meta .hljs-keyword{color:#5e81ac}.hljs-meta .hljs-string{color:#a3be8c}.hljs-attr{color:#8fbcbb}.hljs-attribute{color:#d8dee9}.hljs-name{color:#81a1c1}.hljs-section{color:#88c0d0}.hljs-tag{color:#81a1c1}.hljs-template-variable,.hljs-variable{color:#d8dee9}.hljs-template-tag{color:#5e81ac}.language-abnf .hljs-attribute{color:#88c0d0}.language-abnf .hljs-symbol{color:#ebcb8b}.language-apache .hljs-attribute{color:#88c0d0}.language-apache .hljs-section{color:#81a1c1}.language-arduino .hljs-built_in{color:#88c0d0}.language-aspectj .hljs-meta{color:#d08770}.language-aspectj>.hljs-title{color:#88c0d0}.language-bnf .hljs-attribute{color:#8fbcbb}.language-clojure .hljs-name{color:#88c0d0}.language-clojure .hljs-symbol{color:#ebcb8b}.language-coq .hljs-built_in{color:#88c0d0}.language-cpp .hljs-meta .hljs-string{color:#8fbcbb}.language-css .hljs-built_in{color:#88c0d0}.language-css .hljs-keyword{color:#d08770}.language-diff .hljs-meta,.language-ebnf .hljs-attribute{color:#8fbcbb}.language-glsl .hljs-built_in{color:#88c0d0}.language-groovy .hljs-meta:not(:first-child),.language-haxe .hljs-meta,.language-java .hljs-meta{color:#d08770}.language-ldif .hljs-attribute{color:#8fbcbb}.language-lisp .hljs-name,.language-lua .hljs-built_in,.language-moonscript .hljs-built_in,.language-nginx .hljs-attribute{color:#88c0d0}.language-nginx .hljs-section{color:#5e81ac}.language-pf .hljs-built_in,.language-processing .hljs-built_in{color:#88c0d0}.language-scss .hljs-keyword,.language-stylus .hljs-keyword{color:#81a1c1}.language-swift .hljs-meta{color:#d08770}.language-vim .hljs-built_in{color:#88c0d0;font-style:italic}.language-yaml .hljs-meta{color:#d08770}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/obsidian.css b/apps/documentation/lib/highlight.js/styles/obsidian.css
new file mode 100644
index 00000000..df7af1de
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/obsidian.css
@@ -0,0 +1,79 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/**
+ * Obsidian style
+ * ported by Alexander Marenin (http://github.com/ioncreature)
+ */
+.hljs {
+  color: #e0e2e4;
+  background: #282b2e
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-selector-id {
+  color: #93c763
+}
+.hljs-number {
+  color: #ffcd22
+}
+.hljs-attribute {
+  color: #668bb0
+}
+.hljs-regexp,
+.hljs-link {
+  color: #d39745
+}
+.hljs-meta {
+  color: #557182
+}
+.hljs-tag,
+.hljs-name,
+.hljs-bullet,
+.hljs-subst,
+.hljs-emphasis,
+.hljs-type,
+.hljs-built_in,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable {
+  color: #8cbbad
+}
+.hljs-string,
+.hljs-symbol {
+  color: #ec7600
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-deletion {
+  color: #818e96
+}
+.hljs-selector-class {
+  color: #A082BD
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-doctag,
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-code,
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-section {
+  color: white
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/obsidian.min.css b/apps/documentation/lib/highlight.js/styles/obsidian.min.css
new file mode 100644
index 00000000..c2a07865
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/obsidian.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e0e2e4;background:#282b2e}.hljs-keyword,.hljs-literal,.hljs-selector-id,.hljs-selector-tag{color:#93c763}.hljs-number{color:#ffcd22}.hljs-attribute{color:#668bb0}.hljs-link,.hljs-regexp{color:#d39745}.hljs-meta{color:#557182}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-emphasis,.hljs-name,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-subst,.hljs-tag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable{color:#8cbbad}.hljs-string,.hljs-symbol{color:#ec7600}.hljs-comment,.hljs-deletion,.hljs-quote{color:#818e96}.hljs-selector-class{color:#a082bd}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-title,.hljs-type{font-weight:700}.hljs-class .hljs-title,.hljs-code,.hljs-section,.hljs-title.class_{color:#fff}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/panda-syntax-dark.css b/apps/documentation/lib/highlight.js/styles/panda-syntax-dark.css
new file mode 100644
index 00000000..9a0695d1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/panda-syntax-dark.css
@@ -0,0 +1,92 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/**
+ * Panda Syntax Theme for Highlight.js
+ * Based on: https://github.com/tinkertrain/panda-syntax-vscode
+ * Author: Annmarie Switzer <https://github.com/annmarie-switzer>
+ */
+.hljs {
+  color: #e6e6e6;
+  background: #2a2c2d
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}
+.hljs-comment,
+.hljs-quote {
+  color: #bbbbbb;
+  font-style: italic
+}
+.hljs-params {
+  color: #bbbbbb
+}
+.hljs-punctuation,
+.hljs-attr {
+  color: #e6e6e6
+}
+.hljs-selector-tag,
+.hljs-name,
+.hljs-meta {
+  color: #ff4b82
+}
+.hljs-operator,
+.hljs-char.escape_ {
+  color: #b084eb
+}
+.hljs-keyword,
+.hljs-deletion {
+  color: #ff75b5
+}
+.hljs-regexp,
+.hljs-selector-pseudo,
+.hljs-selector-attr,
+.hljs-variable.language_ {
+  color: #ff9ac1
+}
+.hljs-subst,
+.hljs-property,
+.hljs-code,
+.hljs-formula,
+.hljs-section,
+.hljs-title.function_ {
+  color: #45a9f9
+}
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition,
+.hljs-selector-class,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-meta .hljs-string {
+  color: #19f9d8
+}
+.hljs-variable,
+.hljs-template-variable,
+.hljs-number,
+.hljs-literal,
+.hljs-type,
+.hljs-link,
+.hljs-built_in,
+.hljs-title,
+.hljs-selector-id,
+.hljs-tag,
+.hljs-doctag,
+.hljs-attribute,
+.hljs-template-tag,
+.hljs-meta .hljs-keyword,
+.hljs-punctuation {
+  color: #ffb86c
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/panda-syntax-dark.min.css b/apps/documentation/lib/highlight.js/styles/panda-syntax-dark.min.css
new file mode 100644
index 00000000..55e26c68
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/panda-syntax-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e6e6e6;background:#2a2c2d}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.hljs-comment,.hljs-quote{color:#bbb;font-style:italic}.hljs-params{color:#bbb}.hljs-attr,.hljs-punctuation{color:#e6e6e6}.hljs-meta,.hljs-name,.hljs-selector-tag{color:#ff4b82}.hljs-char.escape_,.hljs-operator{color:#b084eb}.hljs-deletion,.hljs-keyword{color:#ff75b5}.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-variable.language_{color:#ff9ac1}.hljs-code,.hljs-formula,.hljs-property,.hljs-section,.hljs-subst,.hljs-title.function_{color:#45a9f9}.hljs-addition,.hljs-bullet,.hljs-meta .hljs-string,.hljs-selector-class,.hljs-string,.hljs-symbol,.hljs-title.class_,.hljs-title.class_.inherited__{color:#19f9d8}.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-link,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-number,.hljs-punctuation,.hljs-selector-id,.hljs-tag,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#ffb86c}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/panda-syntax-light.css b/apps/documentation/lib/highlight.js/styles/panda-syntax-light.css
new file mode 100644
index 00000000..4bb40247
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/panda-syntax-light.css
@@ -0,0 +1,89 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/**
+ * Panda Syntax Theme for Highlight.js
+ * Based on: https://github.com/tinkertrain/panda-syntax-vscode
+ * Author: Annmarie Switzer <https://github.com/annmarie-switzer>
+ */
+.hljs {
+  color: #2a2c2d;
+  background: #e6e6e6
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}
+.hljs-comment,
+.hljs-quote {
+  color: #676B79;
+  font-style: italic
+}
+.hljs-params {
+  color: #676B79
+}
+.hljs-punctuation,
+.hljs-attr {
+  color: #2a2c2d
+}
+.hljs-selector-tag,
+.hljs-name,
+.hljs-meta,
+.hljs-operator,
+.hljs-char.escape_ {
+  color: #c56200
+}
+.hljs-keyword,
+.hljs-deletion {
+  color: #d92792
+}
+.hljs-regexp,
+.hljs-selector-pseudo,
+.hljs-selector-attr,
+.hljs-variable.language_ {
+  color: #cc5e91
+}
+.hljs-subst,
+.hljs-property,
+.hljs-code,
+.hljs-formula,
+.hljs-section,
+.hljs-title.function_ {
+  color: #3787c7
+}
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition,
+.hljs-selector-class,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-meta .hljs-string {
+  color: #0d7d6c
+}
+.hljs-variable,
+.hljs-template-variable,
+.hljs-number,
+.hljs-literal,
+.hljs-type,
+.hljs-link,
+.hljs-built_in,
+.hljs-title,
+.hljs-selector-id,
+.hljs-tag,
+.hljs-doctag,
+.hljs-attribute,
+.hljs-template-tag,
+.hljs-meta .hljs-keyword {
+  color: #7641bb
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/panda-syntax-light.min.css b/apps/documentation/lib/highlight.js/styles/panda-syntax-light.min.css
new file mode 100644
index 00000000..6710dbdf
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/panda-syntax-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#2a2c2d;background:#e6e6e6}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.hljs-comment,.hljs-quote{color:#676b79;font-style:italic}.hljs-params{color:#676b79}.hljs-attr,.hljs-punctuation{color:#2a2c2d}.hljs-char.escape_,.hljs-meta,.hljs-name,.hljs-operator,.hljs-selector-tag{color:#c56200}.hljs-deletion,.hljs-keyword{color:#d92792}.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-variable.language_{color:#cc5e91}.hljs-code,.hljs-formula,.hljs-property,.hljs-section,.hljs-subst,.hljs-title.function_{color:#3787c7}.hljs-addition,.hljs-bullet,.hljs-meta .hljs-string,.hljs-selector-class,.hljs-string,.hljs-symbol,.hljs-title.class_,.hljs-title.class_.inherited__{color:#0d7d6c}.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-link,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-number,.hljs-selector-id,.hljs-tag,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#7641bb}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/paraiso-dark.css b/apps/documentation/lib/highlight.js/styles/paraiso-dark.css
new file mode 100644
index 00000000..e375a883
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/paraiso-dark.css
@@ -0,0 +1,67 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+    Paraíso (dark)
+    Created by Jan T. Sott (http://github.com/idleberg)
+    Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
+*/
+.hljs {
+  background: #2f1e2e;
+  color: #a39e9b
+}
+/* Paraíso Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #8d8687
+}
+/* Paraíso Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-link,
+.hljs-meta {
+  color: #ef6155
+}
+/* Paraíso Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-deletion {
+  color: #f99b15
+}
+/* Paraíso Yellow */
+.hljs-title,
+.hljs-section,
+.hljs-attribute {
+  color: #fec418
+}
+/* Paraíso Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #48b685
+}
+/* Paraíso Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #815ba4
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/paraiso-dark.min.css b/apps/documentation/lib/highlight.js/styles/paraiso-dark.min.css
new file mode 100644
index 00000000..d51dd185
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/paraiso-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#2f1e2e;color:#a39e9b}.hljs-comment,.hljs-quote{color:#8d8687}.hljs-link,.hljs-meta,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ef6155}.hljs-built_in,.hljs-deletion,.hljs-literal,.hljs-number,.hljs-params,.hljs-type{color:#f99b15}.hljs-attribute,.hljs-section,.hljs-title{color:#fec418}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#48b685}.hljs-keyword,.hljs-selector-tag{color:#815ba4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/paraiso-light.css b/apps/documentation/lib/highlight.js/styles/paraiso-light.css
new file mode 100644
index 00000000..ef527f09
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/paraiso-light.css
@@ -0,0 +1,67 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+    Paraíso (light)
+    Created by Jan T. Sott (http://github.com/idleberg)
+    Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
+*/
+.hljs {
+  background: #e7e9db;
+  color: #4f424c
+}
+/* Paraíso Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #776e71
+}
+/* Paraíso Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-link,
+.hljs-meta {
+  color: #ef6155
+}
+/* Paraíso Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-deletion {
+  color: #f99b15
+}
+/* Paraíso Yellow */
+.hljs-title,
+.hljs-section,
+.hljs-attribute {
+  color: #fec418
+}
+/* Paraíso Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #48b685
+}
+/* Paraíso Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #815ba4
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/paraiso-light.min.css b/apps/documentation/lib/highlight.js/styles/paraiso-light.min.css
new file mode 100644
index 00000000..3a17c3f8
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/paraiso-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#e7e9db;color:#4f424c}.hljs-comment,.hljs-quote{color:#776e71}.hljs-link,.hljs-meta,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ef6155}.hljs-built_in,.hljs-deletion,.hljs-literal,.hljs-number,.hljs-params,.hljs-type{color:#f99b15}.hljs-attribute,.hljs-section,.hljs-title{color:#fec418}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#48b685}.hljs-keyword,.hljs-selector-tag{color:#815ba4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/pojoaque.css b/apps/documentation/lib/highlight.js/styles/pojoaque.css
new file mode 100644
index 00000000..e04bf70c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/pojoaque.css
@@ -0,0 +1,76 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Pojoaque Style by Jason Tate
+http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html
+Based on Solarized Style from http://ethanschoonover.com/solarized
+
+*/
+.hljs {
+  color: #dccf8f;
+  background: url(./pojoaque.jpg) repeat scroll left top #181914
+}
+.hljs-comment,
+.hljs-quote {
+  color: #586e75;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-addition {
+  color: #b64926
+}
+.hljs-number,
+.hljs-string,
+.hljs-doctag,
+.hljs-regexp {
+  color: #468966
+}
+.hljs-title,
+.hljs-section,
+.hljs-built_in,
+.hljs-name {
+  color: #ffb03b
+}
+.hljs-variable,
+.hljs-template-variable,
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-type,
+.hljs-tag {
+  color: #b58900
+}
+.hljs-attribute {
+  color: #b89859
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-subst,
+.hljs-meta {
+  color: #cb4b16
+}
+.hljs-deletion {
+  color: #dc322f
+}
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #d3a60c
+}
+.hljs-formula {
+  background: #073642
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/pojoaque.jpg b/apps/documentation/lib/highlight.js/styles/pojoaque.jpg
new file mode 100644
index 00000000..9c07d4ab
Binary files /dev/null and b/apps/documentation/lib/highlight.js/styles/pojoaque.jpg differ
diff --git a/apps/documentation/lib/highlight.js/styles/pojoaque.min.css b/apps/documentation/lib/highlight.js/styles/pojoaque.min.css
new file mode 100644
index 00000000..71345a9c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/pojoaque.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#dccf8f;background:url(./pojoaque.jpg) left top #181914}.hljs-comment,.hljs-quote{color:#586e75;font-style:italic}.hljs-addition,.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#b64926}.hljs-doctag,.hljs-number,.hljs-regexp,.hljs-string{color:#468966}.hljs-built_in,.hljs-name,.hljs-section,.hljs-title{color:#ffb03b}.hljs-class .hljs-title,.hljs-tag,.hljs-template-variable,.hljs-title.class_,.hljs-type,.hljs-variable{color:#b58900}.hljs-attribute{color:#b89859}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-subst,.hljs-symbol{color:#cb4b16}.hljs-deletion{color:#dc322f}.hljs-selector-class,.hljs-selector-id{color:#d3a60c}.hljs-formula{background:#073642}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/purebasic.css b/apps/documentation/lib/highlight.js/styles/purebasic.css
new file mode 100644
index 00000000..3529efd0
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/purebasic.css
@@ -0,0 +1,103 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+PureBASIC native IDE style ( version 1.0 - April 2016 )
+
+by Tristano Ajmone <tajmone@gmail.com>
+
+Public Domain
+
+NOTE_1:	PureBASIC code syntax highlighting only applies the following classes:
+			.hljs-comment
+			.hljs-function
+			.hljs-keywords
+			.hljs-string
+			.hljs-symbol
+
+		Other classes are added here for the benefit of styling other languages with the look and feel of PureBASIC native IDE style.
+		If you need to customize a stylesheet for PureBASIC only, remove all non-relevant classes -- PureBASIC-related classes are followed by
+		a "--- used for PureBASIC ... ---" comment on same line.
+
+NOTE_2:	Color names provided in comments were derived using "Name that Color" online tool:
+			http://chir.ag/projects/name-that-color
+*/
+.hljs {
+  background: #FFFFDF/* Half and Half (approx.) */
+  
+}
+/* --- used for PureBASIC base color --- */
+/* --- used for PureBASIC Procedures return type --- */
+/* --- used for wrapping PureBASIC Procedures definitions --- */
+.hljs,
+.hljs-type,
+.hljs-function,
+.hljs-name,
+.hljs-number,
+.hljs-attr,
+.hljs-params,
+.hljs-subst {
+  color: #000000/* Black */
+  
+}
+/* --- used for PureBASIC Comments --- */
+.hljs-comment,
+.hljs-regexp,
+.hljs-section,
+.hljs-selector-pseudo,
+.hljs-addition {
+  color: #00AAAA/* Persian Green (approx.) */
+  
+}
+/* --- used for PureBASIC Keywords --- */
+.hljs-keyword,
+.hljs-class,
+.hljs-meta .hljs-keyword,
+.hljs-selector-class,
+.hljs-built_in {
+  color: #006666;
+  /* Blue Stone (approx.) */
+  font-weight: bold
+}
+/* --- used for PureBASIC Procedures Names --- */
+.hljs-title,
+.hljs-tag,
+.hljs-variable,
+.hljs-code {
+  color: #006666/* Blue Stone (approx.) */
+  
+}
+/* --- used for PureBASIC Strings --- */
+.hljs-string,
+.hljs-selector-attr {
+  color: #0080FF/* Azure Radiance (approx.) */
+  
+}
+/* --- used for PureBASIC Constants --- */
+.hljs-symbol,
+.hljs-link,
+.hljs-deletion,
+.hljs-attribute {
+  color: #924B72/* Cannon Pink (approx.) */
+  
+}
+.hljs-meta,
+.hljs-literal,
+.hljs-selector-id {
+  color: #924B72;
+  /* Cannon Pink (approx.) */
+  font-weight: bold
+}
+.hljs-strong,
+.hljs-name {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/purebasic.min.css b/apps/documentation/lib/highlight.js/styles/purebasic.min.css
new file mode 100644
index 00000000..e026c45c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/purebasic.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#ffffdf}.hljs,.hljs-attr,.hljs-function,.hljs-name,.hljs-number,.hljs-params,.hljs-subst,.hljs-type{color:#000}.hljs-addition,.hljs-comment,.hljs-regexp,.hljs-section,.hljs-selector-pseudo{color:#0aa}.hljs-built_in,.hljs-class,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-selector-class{color:#066;font-weight:700}.hljs-code,.hljs-tag,.hljs-title,.hljs-variable{color:#066}.hljs-selector-attr,.hljs-string{color:#0080ff}.hljs-attribute,.hljs-deletion,.hljs-link,.hljs-symbol{color:#924b72}.hljs-literal,.hljs-meta,.hljs-selector-id{color:#924b72;font-weight:700}.hljs-name,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/qtcreator-dark.css b/apps/documentation/lib/highlight.js/styles/qtcreator-dark.css
new file mode 100644
index 00000000..a6553842
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/qtcreator-dark.css
@@ -0,0 +1,76 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Qt Creator dark color scheme
+
+*/
+.hljs {
+  color: #aaaaaa;
+  background: #000000
+}
+.hljs-strong,
+.hljs-emphasis {
+  color: #a8a8a2
+}
+.hljs-bullet,
+.hljs-quote,
+.hljs-number,
+.hljs-regexp,
+.hljs-literal {
+  color: #ff55ff
+}
+.hljs-code
+.hljs-selector-class {
+  color: #aaaaff
+}
+.hljs-emphasis,
+.hljs-stronge,
+.hljs-type {
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-function,
+.hljs-section,
+.hljs-symbol,
+.hljs-name {
+  color: #ffff55
+}
+.hljs-subst,
+.hljs-tag,
+.hljs-title {
+  color: #aaaaaa
+}
+.hljs-attribute {
+  color: #ff5555
+}
+.hljs-variable,
+.hljs-params,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #8888ff
+}
+.hljs-string,
+.hljs-selector-id,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-type,
+.hljs-built_in,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-addition,
+.hljs-link {
+  color: #ff55ff
+}
+.hljs-comment,
+.hljs-meta,
+.hljs-deletion {
+  color: #55ffff
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/qtcreator-dark.min.css b/apps/documentation/lib/highlight.js/styles/qtcreator-dark.min.css
new file mode 100644
index 00000000..976e519e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/qtcreator-dark.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#aaa;background:#000}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#f5f}.hljs-code .hljs-selector-class{color:#aaf}.hljs-emphasis,.hljs-stronge,.hljs-type{font-style:italic}.hljs-function,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-symbol{color:#ff5}.hljs-subst,.hljs-tag,.hljs-title{color:#aaa}.hljs-attribute{color:#f55}.hljs-class .hljs-title,.hljs-params,.hljs-title.class_,.hljs-variable{color:#88f}.hljs-addition,.hljs-built_in,.hljs-link,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-type{color:#f5f}.hljs-comment,.hljs-deletion,.hljs-meta{color:#5ff}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/qtcreator-light.css b/apps/documentation/lib/highlight.js/styles/qtcreator-light.css
new file mode 100644
index 00000000..327126d9
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/qtcreator-light.css
@@ -0,0 +1,74 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Qt Creator light color scheme
+*/
+.hljs {
+  color: #000000;
+  background: #ffffff
+}
+.hljs-strong,
+.hljs-emphasis {
+  color: #000000
+}
+.hljs-bullet,
+.hljs-quote,
+.hljs-number,
+.hljs-regexp,
+.hljs-literal {
+  color: #000080
+}
+.hljs-code
+.hljs-selector-class {
+  color: #800080
+}
+.hljs-emphasis,
+.hljs-stronge,
+.hljs-type {
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-function,
+.hljs-section,
+.hljs-symbol,
+.hljs-name {
+  color: #808000
+}
+.hljs-subst,
+.hljs-tag,
+.hljs-title {
+  color: #000000
+}
+.hljs-attribute {
+  color: #800000
+}
+.hljs-variable,
+.hljs-params,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #0055AF
+}
+.hljs-string,
+.hljs-selector-id,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-type,
+.hljs-built_in,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-addition,
+.hljs-link {
+  color: #008000
+}
+.hljs-comment,
+.hljs-meta,
+.hljs-deletion {
+  color: #008000
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/qtcreator-light.min.css b/apps/documentation/lib/highlight.js/styles/qtcreator-light.min.css
new file mode 100644
index 00000000..7f1af8c6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/qtcreator-light.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#000;background:#fff}.hljs-emphasis,.hljs-strong{color:#000}.hljs-bullet,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:navy}.hljs-code .hljs-selector-class{color:purple}.hljs-emphasis,.hljs-stronge,.hljs-type{font-style:italic}.hljs-function,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-symbol{color:olive}.hljs-subst,.hljs-tag,.hljs-title{color:#000}.hljs-attribute{color:maroon}.hljs-class .hljs-title,.hljs-params,.hljs-title.class_,.hljs-variable{color:#0055af}.hljs-addition,.hljs-built_in,.hljs-comment,.hljs-deletion,.hljs-link,.hljs-meta,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-type{color:green}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/rainbow.css b/apps/documentation/lib/highlight.js/styles/rainbow.css
new file mode 100644
index 00000000..80b2834a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/rainbow.css
@@ -0,0 +1,77 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Style with support for rainbow parens
+
+*/
+.hljs {
+  background: #474949;
+  color: #d1d9e1
+}
+.hljs-comment,
+.hljs-quote {
+  color: #969896;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-type,
+.hljs-addition {
+  color: #cc99cc
+}
+.hljs-number,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #f99157
+}
+.hljs-string,
+.hljs-doctag,
+.hljs-regexp {
+  color: #8abeb7
+}
+.hljs-title,
+.hljs-name,
+.hljs-section,
+.hljs-built_in {
+  color: #b5bd68
+}
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-id,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #ffcc66
+}
+.hljs-section,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-subst,
+.hljs-meta,
+.hljs-link {
+  color: #f99157
+}
+.hljs-deletion {
+  color: #dc322f
+}
+.hljs-formula {
+  background: #eee8d5
+}
+.hljs-attr,
+.hljs-attribute {
+  color: #81a2be
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/rainbow.min.css b/apps/documentation/lib/highlight.js/styles/rainbow.min.css
new file mode 100644
index 00000000..c8ca25fb
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/rainbow.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#474949;color:#d1d9e1}.hljs-comment,.hljs-quote{color:#969896;font-style:italic}.hljs-addition,.hljs-keyword,.hljs-literal,.hljs-selector-tag,.hljs-type{color:#c9c}.hljs-number,.hljs-selector-attr,.hljs-selector-pseudo{color:#f99157}.hljs-doctag,.hljs-regexp,.hljs-string{color:#8abeb7}.hljs-built_in,.hljs-name,.hljs-section,.hljs-title{color:#b5bd68}.hljs-class .hljs-title,.hljs-selector-id,.hljs-template-variable,.hljs-title.class_,.hljs-variable{color:#fc6}.hljs-name,.hljs-section,.hljs-strong{font-weight:700}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-subst,.hljs-symbol{color:#f99157}.hljs-deletion{color:#dc322f}.hljs-formula{background:#eee8d5}.hljs-attr,.hljs-attribute{color:#81a2be}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/routeros.css b/apps/documentation/lib/highlight.js/styles/routeros.css
new file mode 100644
index 00000000..5b3602bb
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/routeros.css
@@ -0,0 +1,86 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+ highlight.js style for MikroTik RouterOS script
+
+*/
+.hljs {
+  color: #444;
+  background: #F0F0F0
+}
+/* Base color: saturation 0; */
+.hljs-subst {
+  color: #444
+}
+.hljs-comment {
+  color: #888888
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-name {
+  font-weight: bold
+}
+.hljs-attribute {
+  color: #0E9A00
+}
+.hljs-function {
+  color: #99069A
+}
+/* User color: hue: 0 */
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #880000
+}
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold
+}
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #BC6060
+}
+/* Language color: hue: 90; */
+.hljs-literal {
+  color: #78A960
+}
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #0C9A9A
+}
+/* Meta color: hue: 200 */
+.hljs-meta {
+  color: #1f7199
+}
+.hljs-meta .hljs-string {
+  color: #4d99bf
+}
+/* Misc effects */
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/routeros.min.css b/apps/documentation/lib/highlight.js/styles/routeros.min.css
new file mode 100644
index 00000000..03786787
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/routeros.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#444;background:#f0f0f0}.hljs-subst{color:#444}.hljs-comment{color:#888}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-attribute{color:#0e9a00}.hljs-function{color:#99069a}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#bc6060}.hljs-literal{color:#78a960}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#0c9a9a}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/school-book.css b/apps/documentation/lib/highlight.js/styles/school-book.css
new file mode 100644
index 00000000..8dcb9021
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/school-book.css
@@ -0,0 +1,62 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+School Book style from goldblog.com.ua (c) Zaripov Yura <yur4ik7@ukr.net>
+
+*/
+.hljs {
+  color: #3e5915;
+  background: #f6f5b2
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal {
+  color: #005599;
+  font-weight: bold
+}
+.hljs-subst {
+  color: #3e5915
+}
+.hljs-string,
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute,
+.hljs-built_in,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-link {
+  color: #2c009f
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-deletion,
+.hljs-meta {
+  color: #e60415
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-doctag,
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-name,
+.hljs-selector-id,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/school-book.min.css b/apps/documentation/lib/highlight.js/styles/school-book.min.css
new file mode 100644
index 00000000..843f2687
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/school-book.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#3e5915;background:#f6f5b2}.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#059}.hljs-subst{color:#3e5915}.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-link,.hljs-section,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#2c009f}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#e60415}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-title,.hljs-type{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/shades-of-purple.css b/apps/documentation/lib/highlight.js/styles/shades-of-purple.css
new file mode 100644
index 00000000..8a510501
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/shades-of-purple.css
@@ -0,0 +1,84 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/**
+ * Shades of Purple Theme — for Highlightjs.
+ *
+ * @author (c) Ahmad Awais <https://twitter.com/mrahmadawais/>
+ * @link GitHub Repo → https://github.com/ahmadawais/Shades-of-Purple-HighlightJS
+ * @version 1.5.0
+ */
+.hljs {
+  background: #2d2b57;
+  color: #e3dfff;
+  font-weight: normal
+}
+.hljs-subst {
+  color: #e3dfff
+}
+.hljs-title {
+  color: #fad000;
+  font-weight: normal
+}
+.hljs-name {
+  color: #a1feff
+}
+.hljs-tag {
+  color: #ffffff
+}
+.hljs-attr {
+  color: #f8d000;
+  font-style: italic
+}
+.hljs-built_in,
+.hljs-selector-tag,
+.hljs-section {
+  color: #fb9e00
+}
+.hljs-keyword {
+  color: #fb9e00
+}
+.hljs-string,
+.hljs-attribute,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition,
+.hljs-code,
+.hljs-regexp,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-template-tag,
+.hljs-quote,
+.hljs-deletion {
+  color: #4cd213
+}
+.hljs-meta,
+.hljs-meta .hljs-string {
+  color: #fb9e00
+}
+.hljs-comment {
+  color: #ac65ff
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-name,
+.hljs-strong {
+  font-weight: normal
+}
+.hljs-literal,
+.hljs-number {
+  color: #fa658d
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/shades-of-purple.min.css b/apps/documentation/lib/highlight.js/styles/shades-of-purple.min.css
new file mode 100644
index 00000000..3dd25b44
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/shades-of-purple.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#2d2b57;color:#e3dfff;font-weight:400}.hljs-subst{color:#e3dfff}.hljs-title{color:#fad000;font-weight:400}.hljs-name{color:#a1feff}.hljs-tag{color:#fff}.hljs-attr{color:#f8d000;font-style:italic}.hljs-built_in,.hljs-keyword,.hljs-section,.hljs-selector-tag{color:#fb9e00}.hljs-addition,.hljs-attribute,.hljs-bullet,.hljs-code,.hljs-deletion,.hljs-quote,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-string,.hljs-symbol,.hljs-template-tag{color:#4cd213}.hljs-meta,.hljs-meta .hljs-string{color:#fb9e00}.hljs-comment{color:#ac65ff}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-selector-tag,.hljs-strong{font-weight:400}.hljs-literal,.hljs-number{color:#fa658d}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/srcery.css b/apps/documentation/lib/highlight.js/styles/srcery.css
new file mode 100644
index 00000000..1b60bd40
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/srcery.css
@@ -0,0 +1,89 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+Theme: Srcery
+Description: Srcery dark color scheme for highlight.js
+Author: Chen Bin <chen.bin@gmail.com>
+Maintainer: @redguardtoo
+Website: https://srcery-colors.github.io/
+Date: 2021-04-13
+*/
+.hljs {
+  background: #1C1B19;
+  /* Black */
+  color: #FCE8C3/* Bright White */
+  
+}
+/* Bright White */
+.hljs-subst,
+.hljs-quote,
+.hljs-literal {
+  color: #FCE8C3
+}
+/* Bright Blue */
+.hljs-type,
+.hljs-symbol {
+  color: #68A8E4
+}
+/* Red */
+.hljs-keyword,
+.hljs-deletion {
+  color: #EF2F27
+}
+/* Yellow */
+.hljs-name,
+.hljs-function,
+.hljs-attribute,
+.hljs-selector-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-pseudo,
+.hljs-section,
+.hljs-title {
+  color: #FBB829
+}
+/* Cyan */
+.hljs-code,
+.hljs-variable,
+.hljs-property,
+.hljs-template-variable,
+.hljs-class {
+  color: #0AAEB3
+}
+/* Bright Green */
+.hljs-string,
+.hljs-regexp,
+.hljs-bullet,
+.hljs-addition {
+  color: #98BC37
+}
+/* Bright Magenta */
+.hljs-built_in,
+.hljs-params {
+  color: #FF5C8F
+}
+/* Blue */
+.hljs-template-tag,
+.hljs-selector-tag {
+  color: #2C78BF
+}
+/* Bright Black */
+.hljs-link,
+.hljs-number,
+.hljs-comment,
+.hljs-meta {
+  color: #918175
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+/* @see https://github.com/srcery-colors/srcery-emacs for reference */
diff --git a/apps/documentation/lib/highlight.js/styles/srcery.min.css b/apps/documentation/lib/highlight.js/styles/srcery.min.css
new file mode 100644
index 00000000..377d61ae
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/srcery.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#1c1b19;color:#fce8c3}.hljs-literal,.hljs-quote,.hljs-subst{color:#fce8c3}.hljs-symbol,.hljs-type{color:#68a8e4}.hljs-deletion,.hljs-keyword{color:#ef2f27}.hljs-attribute,.hljs-function,.hljs-name,.hljs-section,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-title{color:#fbb829}.hljs-class,.hljs-code,.hljs-property,.hljs-template-variable,.hljs-variable{color:#0aaeb3}.hljs-addition,.hljs-bullet,.hljs-regexp,.hljs-string{color:#98bc37}.hljs-built_in,.hljs-params{color:#ff5c8f}.hljs-selector-tag,.hljs-template-tag{color:#2c78bf}.hljs-comment,.hljs-link,.hljs-meta,.hljs-number{color:#918175}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/stackoverflow-dark.css b/apps/documentation/lib/highlight.js/styles/stackoverflow-dark.css
new file mode 100644
index 00000000..6cc355e9
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/stackoverflow-dark.css
@@ -0,0 +1,117 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: StackOverflow Dark
+  Description: Dark theme as used on stackoverflow.com
+  Author: stackoverflow.com
+  Maintainer: @Hirse
+  Website: https://github.com/StackExchange/Stacks
+  License: MIT
+  Updated: 2021-05-15
+
+  Updated for @stackoverflow/stacks v0.64.0
+  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
+  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
+*/
+.hljs {
+  /* var(--highlight-color) */
+  color: #ffffff;
+  /* var(--highlight-bg) */
+  background: #1c1b1b
+}
+.hljs-subst {
+  /* var(--highlight-color) */
+  color: #ffffff
+}
+.hljs-comment {
+  /* var(--highlight-comment) */
+  color: #999999
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-section {
+  /* var(--highlight-keyword) */
+  color: #88aece
+}
+.hljs-attr {
+  /* var(--highlight-attribute); */
+  color: #88aece
+}
+.hljs-attribute {
+  /* var(--highlight-symbol) */
+  color: #c59bc1
+}
+.hljs-name,
+.hljs-type,
+.hljs-number,
+.hljs-selector-id,
+.hljs-quote,
+.hljs-template-tag {
+  /* var(--highlight-namespace) */
+  color: #f08d49
+}
+.hljs-selector-class {
+  /* var(--highlight-keyword) */
+  color: #88aece
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr {
+  /* var(--highlight-variable) */
+  color: #b5bd68
+}
+.hljs-meta,
+.hljs-selector-pseudo {
+  /* var(--highlight-keyword) */
+  color: #88aece
+}
+.hljs-built_in,
+.hljs-title,
+.hljs-literal {
+  /* var(--highlight-literal) */
+  color: #f08d49
+}
+.hljs-bullet,
+.hljs-code {
+  /* var(--highlight-punctuation) */
+  color: #cccccc
+}
+.hljs-meta .hljs-string {
+  /* var(--highlight-variable) */
+  color: #b5bd68
+}
+.hljs-deletion {
+  /* var(--highlight-deletion) */
+  color: #de7176
+}
+.hljs-addition {
+  /* var(--highlight-addition) */
+  color: #76c490
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-formula,
+.hljs-operator,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation,
+.hljs-tag {
+  /* purposely ignored */
+  
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/stackoverflow-dark.min.css b/apps/documentation/lib/highlight.js/styles/stackoverflow-dark.min.css
new file mode 100644
index 00000000..33cea55a
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/stackoverflow-dark.min.css
@@ -0,0 +1,13 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: StackOverflow Dark
+  Description: Dark theme as used on stackoverflow.com
+  Author: stackoverflow.com
+  Maintainer: @Hirse
+  Website: https://github.com/StackExchange/Stacks
+  License: MIT
+  Updated: 2021-05-15
+
+  Updated for @stackoverflow/stacks v0.64.0
+  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
+  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
+*/.hljs{color:#fff;background:#1c1b1b}.hljs-subst{color:#fff}.hljs-comment{color:#999}.hljs-attr,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-section,.hljs-selector-tag{color:#88aece}.hljs-attribute{color:#c59bc1}.hljs-name,.hljs-number,.hljs-quote,.hljs-selector-id,.hljs-template-tag,.hljs-type{color:#f08d49}.hljs-selector-class{color:#88aece}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-string,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#b5bd68}.hljs-meta,.hljs-selector-pseudo{color:#88aece}.hljs-built_in,.hljs-literal,.hljs-title{color:#f08d49}.hljs-bullet,.hljs-code{color:#ccc}.hljs-meta .hljs-string{color:#b5bd68}.hljs-deletion{color:#de7176}.hljs-addition{color:#76c490}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/stackoverflow-light.css b/apps/documentation/lib/highlight.js/styles/stackoverflow-light.css
new file mode 100644
index 00000000..308171d6
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/stackoverflow-light.css
@@ -0,0 +1,117 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: StackOverflow Light
+  Description: Light theme as used on stackoverflow.com
+  Author: stackoverflow.com
+  Maintainer: @Hirse
+  Website: https://github.com/StackExchange/Stacks
+  License: MIT
+  Updated: 2021-05-15
+
+  Updated for @stackoverflow/stacks v0.64.0
+  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
+  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
+*/
+.hljs {
+  /* var(--highlight-color) */
+  color: #2f3337;
+  /* var(--highlight-bg) */
+  background: #f6f6f6
+}
+.hljs-subst {
+  /* var(--highlight-color) */
+  color: #2f3337
+}
+.hljs-comment {
+  /* var(--highlight-comment) */
+  color: #656e77
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-section {
+  /* var(--highlight-keyword) */
+  color: #015692
+}
+.hljs-attr {
+  /* var(--highlight-attribute); */
+  color: #015692
+}
+.hljs-attribute {
+  /* var(--highlight-symbol) */
+  color: #803378
+}
+.hljs-name,
+.hljs-type,
+.hljs-number,
+.hljs-selector-id,
+.hljs-quote,
+.hljs-template-tag {
+  /* var(--highlight-namespace) */
+  color: #b75501
+}
+.hljs-selector-class {
+  /* var(--highlight-keyword) */
+  color: #015692
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr {
+  /* var(--highlight-variable) */
+  color: #54790d
+}
+.hljs-meta,
+.hljs-selector-pseudo {
+  /* var(--highlight-keyword) */
+  color: #015692
+}
+.hljs-built_in,
+.hljs-title,
+.hljs-literal {
+  /* var(--highlight-literal) */
+  color: #b75501
+}
+.hljs-bullet,
+.hljs-code {
+  /* var(--highlight-punctuation) */
+  color: #535a60
+}
+.hljs-meta .hljs-string {
+  /* var(--highlight-variable) */
+  color: #54790d
+}
+.hljs-deletion {
+  /* var(--highlight-deletion) */
+  color: #c02d2e
+}
+.hljs-addition {
+  /* var(--highlight-addition) */
+  color: #2f6f44
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-formula,
+.hljs-operator,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation,
+.hljs-tag {
+  /* purposely ignored */
+  
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/stackoverflow-light.min.css b/apps/documentation/lib/highlight.js/styles/stackoverflow-light.min.css
new file mode 100644
index 00000000..c36d63d8
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/stackoverflow-light.min.css
@@ -0,0 +1,13 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: StackOverflow Light
+  Description: Light theme as used on stackoverflow.com
+  Author: stackoverflow.com
+  Maintainer: @Hirse
+  Website: https://github.com/StackExchange/Stacks
+  License: MIT
+  Updated: 2021-05-15
+
+  Updated for @stackoverflow/stacks v0.64.0
+  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
+  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
+*/.hljs{color:#2f3337;background:#f6f6f6}.hljs-subst{color:#2f3337}.hljs-comment{color:#656e77}.hljs-attr,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-section,.hljs-selector-tag{color:#015692}.hljs-attribute{color:#803378}.hljs-name,.hljs-number,.hljs-quote,.hljs-selector-id,.hljs-template-tag,.hljs-type{color:#b75501}.hljs-selector-class{color:#015692}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-string,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#54790d}.hljs-meta,.hljs-selector-pseudo{color:#015692}.hljs-built_in,.hljs-literal,.hljs-title{color:#b75501}.hljs-bullet,.hljs-code{color:#535a60}.hljs-meta .hljs-string{color:#54790d}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/sunburst.css b/apps/documentation/lib/highlight.js/styles/sunburst.css
new file mode 100644
index 00000000..5b49f215
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/sunburst.css
@@ -0,0 +1,89 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Sunburst-like style (c) Vasily Polovnyov <vast@whiteants.net>
+
+*/
+.hljs {
+  background: #000;
+  color: #f8f8f8
+}
+.hljs-comment,
+.hljs-quote {
+  color: #aeaeae;
+  font-style: italic
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #e28964
+}
+.hljs-string {
+  color: #65b042
+}
+.hljs-subst {
+  color: #daefa3
+}
+.hljs-regexp,
+.hljs-link {
+  color: #e9c062
+}
+.hljs-title,
+.hljs-section,
+.hljs-tag,
+.hljs-name {
+  color: #89bdff
+}
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-doctag {
+  text-decoration: underline
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-number {
+  color: #3387cc
+}
+.hljs-params,
+.hljs-variable,
+.hljs-template-variable {
+  color: #3e87e3
+}
+.hljs-attribute {
+  color: #cda869
+}
+.hljs-meta {
+  color: #8996a8
+}
+.hljs-formula {
+  background-color: #0e2231;
+  color: #f8f8f8;
+  font-style: italic
+}
+.hljs-addition {
+  background-color: #253b22;
+  color: #f8f8f8
+}
+.hljs-deletion {
+  background-color: #420e09;
+  color: #f8f8f8
+}
+.hljs-selector-class {
+  color: #9b703f
+}
+.hljs-selector-id {
+  color: #8b98ab
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/sunburst.min.css b/apps/documentation/lib/highlight.js/styles/sunburst.min.css
new file mode 100644
index 00000000..9210ae6d
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/sunburst.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#000;color:#f8f8f8}.hljs-comment,.hljs-quote{color:#aeaeae;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-type{color:#e28964}.hljs-string{color:#65b042}.hljs-subst{color:#daefa3}.hljs-link,.hljs-regexp{color:#e9c062}.hljs-name,.hljs-section,.hljs-tag,.hljs-title{color:#89bdff}.hljs-class .hljs-title,.hljs-doctag,.hljs-title.class_{text-decoration:underline}.hljs-bullet,.hljs-number,.hljs-symbol{color:#3387cc}.hljs-params,.hljs-template-variable,.hljs-variable{color:#3e87e3}.hljs-attribute{color:#cda869}.hljs-meta{color:#8996a8}.hljs-formula{background-color:#0e2231;color:#f8f8f8;font-style:italic}.hljs-addition{background-color:#253b22;color:#f8f8f8}.hljs-deletion{background-color:#420e09;color:#f8f8f8}.hljs-selector-class{color:#9b703f}.hljs-selector-id{color:#8b98ab}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/tokyo-night-dark.css b/apps/documentation/lib/highlight.js/styles/tokyo-night-dark.css
new file mode 100644
index 00000000..e746b50c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/tokyo-night-dark.css
@@ -0,0 +1,114 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Tokyo-night-Dark
+  origin: https://github.com/enkia/tokyo-night-vscode-theme
+  Description: Original highlight.js style
+  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
+  License: see project LICENSE
+  Touched: 2022
+*/
+/*  Comment */
+.hljs-meta,
+.hljs-comment {
+  color: #565f89
+}
+/* Red */
+/*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */
+.hljs-tag,
+.hljs-doctag,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-template-tag,
+.hljs-selector-pseudo,
+.hljs-selector-attr,
+.hljs-variable.language_,
+.hljs-deletion {
+  color: #f7768e
+}
+/*Orange */
+/*INFO: Number and Boolean constants, Language support constants */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-number,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-link {
+  color: #ff9e64
+}
+/*  Yellow */
+/* INFO:  	Function parameters, Regex character sets, Terminal Yellow */
+.hljs-built_in,
+.hljs-attribute {
+  color: #e0af68
+}
+/* cyan */
+/* INFO: Language support functions, CSS HTML elements */
+.hljs-selector-tag {
+  color: #2ac3de
+}
+/* light blue */
+/* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */
+.hljs-keyword,
+.hljs-title.function_,
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-subst,
+.hljs-property {
+  color: #7dcfff
+}
+/*Green*/
+/* INFO: Object literal keys, Markdown links, Terminal Green */
+.hljs-selector-tag {
+  color: #73daca
+}
+/*Green(er) */
+/* INFO: Strings, CSS class names */
+.hljs-quote,
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #9ece6a
+}
+/* Blue */
+/* INFO:  	Function names, CSS property names, Terminal Blue */
+.hljs-code,
+.hljs-formula,
+.hljs-section {
+  color: #7aa2f7
+}
+/* Magenta */
+/*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */
+.hljs-name,
+.hljs-keyword,
+.hljs-operator,
+.hljs-keyword,
+.hljs-char.escape_,
+.hljs-attr {
+  color: #bb9af7
+}
+/* white*/
+/* INFO: Variables, Class names, Terminal White */
+.hljs-punctuation {
+  color: #c0caf5
+}
+.hljs {
+  background: #1a1b26;
+  color: #9aa5ce
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/tokyo-night-dark.min.css b/apps/documentation/lib/highlight.js/styles/tokyo-night-dark.min.css
new file mode 100644
index 00000000..dc63ad9e
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/tokyo-night-dark.min.css
@@ -0,0 +1,8 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: Tokyo-night-Dark
+  origin: https://github.com/enkia/tokyo-night-vscode-theme
+  Description: Original highlight.js style
+  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
+  License: see project LICENSE
+  Touched: 2022
+*/.hljs-comment,.hljs-meta{color:#565f89}.hljs-deletion,.hljs-doctag,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-tag,.hljs-template-tag,.hljs-variable.language_{color:#f7768e}.hljs-link,.hljs-literal,.hljs-number,.hljs-params,.hljs-template-variable,.hljs-type,.hljs-variable{color:#ff9e64}.hljs-attribute,.hljs-built_in{color:#e0af68}.hljs-keyword,.hljs-property,.hljs-subst,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#7dcfff}.hljs-selector-tag{color:#73daca}.hljs-addition,.hljs-bullet,.hljs-quote,.hljs-string,.hljs-symbol{color:#9ece6a}.hljs-code,.hljs-formula,.hljs-section{color:#7aa2f7}.hljs-attr,.hljs-char.escape_,.hljs-keyword,.hljs-name,.hljs-operator{color:#bb9af7}.hljs-punctuation{color:#c0caf5}.hljs{background:#1a1b26;color:#9aa5ce}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/tokyo-night-light.css b/apps/documentation/lib/highlight.js/styles/tokyo-night-light.css
new file mode 100644
index 00000000..2c7ca12c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/tokyo-night-light.css
@@ -0,0 +1,114 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: Tokyo-night-light
+  origin: https://github.com/enkia/tokyo-night-vscode-theme
+  Description: Original highlight.js style
+  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
+  License: see project LICENSE
+  Touched: 2022
+*/
+/*  Comment */
+.hljs-meta,
+.hljs-comment {
+  color: #9699a3
+}
+/* Red */
+/*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */
+.hljs-tag,
+.hljs-doctag,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-template-tag,
+.hljs-selector-pseudo,
+.hljs-selector-attr,
+.hljs-variable.language_,
+.hljs-deletion {
+  color: #8c4351
+}
+/*Orange */
+/*INFO: Number and Boolean constants, Language support constants */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-number,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-link {
+  color: #965027
+}
+/*  Yellow */
+/* INFO:  	Function parameters, Regex character sets, Terminal Yellow */
+.hljs-built_in,
+.hljs-attribute {
+  color: #8f5e15
+}
+/* cyan */
+/* INFO: Language support functions, CSS HTML elements */
+.hljs-selector-tag {
+  color: #166775
+}
+/* light blue */
+/* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */
+.hljs-keyword,
+.hljs-title.function_,
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-subst,
+.hljs-property {
+  color: #0f4b6e
+}
+/*Green*/
+/* INFO: Object literal keys, Markdown links, Terminal Green */
+.hljs-selector-tag {
+  color: #33635c
+}
+/*Green(er) */
+/* INFO: Strings, CSS class names */
+.hljs-quote,
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #485e30
+}
+/* Blue */
+/* INFO:  	Function names, CSS property names, Terminal Blue */
+.hljs-code,
+.hljs-formula,
+.hljs-section {
+  color: #34548a
+}
+/* Magenta */
+/*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */
+.hljs-name,
+.hljs-keyword,
+.hljs-operator,
+.hljs-keyword,
+.hljs-char.escape_,
+.hljs-attr {
+  color: #5a4a78
+}
+/* white*/
+/* INFO: Variables, Class names, Terminal White */
+.hljs-punctuation {
+  color: #343b58
+}
+.hljs {
+  background: #d5d6db;
+  color: #565a6e
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/tokyo-night-light.min.css b/apps/documentation/lib/highlight.js/styles/tokyo-night-light.min.css
new file mode 100644
index 00000000..0096d4d1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/tokyo-night-light.min.css
@@ -0,0 +1,8 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: Tokyo-night-light
+  origin: https://github.com/enkia/tokyo-night-vscode-theme
+  Description: Original highlight.js style
+  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
+  License: see project LICENSE
+  Touched: 2022
+*/.hljs-comment,.hljs-meta{color:#9699a3}.hljs-deletion,.hljs-doctag,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-tag,.hljs-template-tag,.hljs-variable.language_{color:#8c4351}.hljs-link,.hljs-literal,.hljs-number,.hljs-params,.hljs-template-variable,.hljs-type,.hljs-variable{color:#965027}.hljs-attribute,.hljs-built_in{color:#8f5e15}.hljs-keyword,.hljs-property,.hljs-subst,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#0f4b6e}.hljs-selector-tag{color:#33635c}.hljs-addition,.hljs-bullet,.hljs-quote,.hljs-string,.hljs-symbol{color:#485e30}.hljs-code,.hljs-formula,.hljs-section{color:#34548a}.hljs-attr,.hljs-char.escape_,.hljs-keyword,.hljs-name,.hljs-operator{color:#5a4a78}.hljs-punctuation{color:#343b58}.hljs{background:#d5d6db;color:#565a6e}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/tomorrow-night-blue.css b/apps/documentation/lib/highlight.js/styles/tomorrow-night-blue.css
new file mode 100644
index 00000000..ae57a713
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/tomorrow-night-blue.css
@@ -0,0 +1,69 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/* Tomorrow Night Blue Theme */
+/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
+/* Original theme - https://github.com/chriskempson/tomorrow-theme */
+/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
+/* Tomorrow Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #7285b7
+}
+/* Tomorrow Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #ff9da4
+}
+/* Tomorrow Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #ffc58f
+}
+/* Tomorrow Yellow */
+.hljs-attribute {
+  color: #ffeead
+}
+/* Tomorrow Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #d1f1a9
+}
+/* Tomorrow Blue */
+.hljs-title,
+.hljs-section {
+  color: #bbdaff
+}
+/* Tomorrow Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #ebbbff
+}
+.hljs {
+  background: #002451;
+  color: white
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/tomorrow-night-blue.min.css b/apps/documentation/lib/highlight.js/styles/tomorrow-night-blue.min.css
new file mode 100644
index 00000000..2f71b26b
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/tomorrow-night-blue.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs-comment,.hljs-quote{color:#7285b7}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ff9da4}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#ffc58f}.hljs-attribute{color:#ffeead}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#d1f1a9}.hljs-section,.hljs-title{color:#bbdaff}.hljs-keyword,.hljs-selector-tag{color:#ebbbff}.hljs{background:#002451;color:#fff}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/tomorrow-night-bright.css b/apps/documentation/lib/highlight.js/styles/tomorrow-night-bright.css
new file mode 100644
index 00000000..b3b532d1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/tomorrow-night-bright.css
@@ -0,0 +1,68 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/* Tomorrow Night Bright Theme */
+/* Original theme - https://github.com/chriskempson/tomorrow-theme */
+/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
+/* Tomorrow Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #969896
+}
+/* Tomorrow Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #d54e53
+}
+/* Tomorrow Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #e78c45
+}
+/* Tomorrow Yellow */
+.hljs-attribute {
+  color: #e7c547
+}
+/* Tomorrow Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #b9ca4a
+}
+/* Tomorrow Blue */
+.hljs-title,
+.hljs-section {
+  color: #7aa6da
+}
+/* Tomorrow Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #c397d8
+}
+.hljs {
+  background: black;
+  color: #eaeaea
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/tomorrow-night-bright.min.css b/apps/documentation/lib/highlight.js/styles/tomorrow-night-bright.min.css
new file mode 100644
index 00000000..d3356299
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/tomorrow-night-bright.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs-comment,.hljs-quote{color:#969896}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#d54e53}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#e78c45}.hljs-attribute{color:#e7c547}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#b9ca4a}.hljs-section,.hljs-title{color:#7aa6da}.hljs-keyword,.hljs-selector-tag{color:#c397d8}.hljs{background:#000;color:#eaeaea}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/vs.css b/apps/documentation/lib/highlight.js/styles/vs.css
new file mode 100644
index 00000000..dc35c885
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/vs.css
@@ -0,0 +1,63 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+Visual Studio-like style based on original C# coloring by Jason Diamond <jason@diamond.name>
+
+*/
+.hljs {
+  background: white;
+  color: black
+}
+.hljs-comment,
+.hljs-quote,
+.hljs-variable {
+  color: #008000
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-built_in,
+.hljs-name,
+.hljs-tag {
+  color: #00f
+}
+.hljs-string,
+.hljs-title,
+.hljs-section,
+.hljs-attribute,
+.hljs-literal,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-type,
+.hljs-addition {
+  color: #a31515
+}
+.hljs-deletion,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-meta {
+  color: #2b91af
+}
+.hljs-doctag {
+  color: #808080
+}
+.hljs-attr {
+  color: #f00
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link {
+  color: #00b0e8
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/vs.min.css b/apps/documentation/lib/highlight.js/styles/vs.min.css
new file mode 100644
index 00000000..fb695c14
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/vs.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.hljs-comment,.hljs-quote,.hljs-variable{color:green}.hljs-built_in,.hljs-keyword,.hljs-name,.hljs-selector-tag,.hljs-tag{color:#00f}.hljs-addition,.hljs-attribute,.hljs-literal,.hljs-section,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type{color:#a31515}.hljs-deletion,.hljs-meta,.hljs-selector-attr,.hljs-selector-pseudo{color:#2b91af}.hljs-doctag{color:grey}.hljs-attr{color:red}.hljs-bullet,.hljs-link,.hljs-symbol{color:#00b0e8}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/vs2015.css b/apps/documentation/lib/highlight.js/styles/vs2015.css
new file mode 100644
index 00000000..2c2cf044
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/vs2015.css
@@ -0,0 +1,100 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+ * Visual Studio 2015 dark style
+ * Author: Nicolas LLOBERA <nllobera@gmail.com>
+ */
+.hljs {
+  background: #1E1E1E;
+  color: #DCDCDC
+}
+.hljs-keyword,
+.hljs-literal,
+.hljs-symbol,
+.hljs-name {
+  color: #569CD6
+}
+.hljs-link {
+  color: #569CD6;
+  text-decoration: underline
+}
+.hljs-built_in,
+.hljs-type {
+  color: #4EC9B0
+}
+.hljs-number,
+.hljs-class {
+  color: #B8D7A3
+}
+.hljs-string,
+.hljs-meta .hljs-string {
+  color: #D69D85
+}
+.hljs-regexp,
+.hljs-template-tag {
+  color: #9A5334
+}
+.hljs-subst,
+.hljs-function,
+.hljs-title,
+.hljs-params,
+.hljs-formula {
+  color: #DCDCDC
+}
+.hljs-comment,
+.hljs-quote {
+  color: #57A64A;
+  font-style: italic
+}
+.hljs-doctag {
+  color: #608B4E
+}
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-tag {
+  color: #9B9B9B
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #BD63C5
+}
+.hljs-attr,
+.hljs-attribute {
+  color: #9CDCFE
+}
+.hljs-section {
+  color: gold
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+/*.hljs-code {
+  font-family:'Monospace';
+}*/
+.hljs-bullet,
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #D7BA7D
+}
+.hljs-addition {
+  background-color: #144212;
+  display: inline-block;
+  width: 100%
+}
+.hljs-deletion {
+  background-color: #600;
+  display: inline-block;
+  width: 100%
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/vs2015.min.css b/apps/documentation/lib/highlight.js/styles/vs2015.min.css
new file mode 100644
index 00000000..7f6fe11c
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/vs2015.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#1e1e1e;color:#dcdcdc}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-symbol{color:#569cd6}.hljs-link{color:#569cd6;text-decoration:underline}.hljs-built_in,.hljs-type{color:#4ec9b0}.hljs-class,.hljs-number{color:#b8d7a3}.hljs-meta .hljs-string,.hljs-string{color:#d69d85}.hljs-regexp,.hljs-template-tag{color:#9a5334}.hljs-formula,.hljs-function,.hljs-params,.hljs-subst,.hljs-title{color:#dcdcdc}.hljs-comment,.hljs-quote{color:#57a64a;font-style:italic}.hljs-doctag{color:#608b4e}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag{color:#9b9b9b}.hljs-template-variable,.hljs-variable{color:#bd63c5}.hljs-attr,.hljs-attribute{color:#9cdcfe}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-bullet,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:#d7ba7d}.hljs-addition{background-color:#144212;display:inline-block;width:100%}.hljs-deletion{background-color:#600;display:inline-block;width:100%}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/xcode.css b/apps/documentation/lib/highlight.js/styles/xcode.css
new file mode 100644
index 00000000..6ed07fba
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/xcode.css
@@ -0,0 +1,90 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+
+XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>
+
+*/
+.hljs {
+  background: #fff;
+  color: black
+}
+/* Gray DOCTYPE selectors like WebKit */
+.xml .hljs-meta {
+  color: #c0c0c0
+}
+.hljs-comment,
+.hljs-quote {
+  color: #007400
+}
+.hljs-tag,
+.hljs-attribute,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-name {
+  color: #aa0d91
+}
+.hljs-variable,
+.hljs-template-variable {
+  color: #3F6E74
+}
+.hljs-code,
+.hljs-string,
+.hljs-meta .hljs-string {
+  color: #c41a16
+}
+.hljs-regexp,
+.hljs-link {
+  color: #0E0EFF
+}
+.hljs-title,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-number {
+  color: #1c00cf
+}
+.hljs-section,
+.hljs-meta {
+  color: #643820
+}
+.hljs-title.class_,
+.hljs-class .hljs-title,
+.hljs-type,
+.hljs-built_in,
+.hljs-params {
+  color: #5c2699
+}
+.hljs-attr {
+  color: #836C28
+}
+.hljs-subst {
+  color: #000
+}
+.hljs-formula {
+  background-color: #eee;
+  font-style: italic
+}
+.hljs-addition {
+  background-color: #baeeba
+}
+.hljs-deletion {
+  background-color: #ffc8bd
+}
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #9b703f
+}
+.hljs-doctag,
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-emphasis {
+  font-style: italic
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/xcode.min.css b/apps/documentation/lib/highlight.js/styles/xcode.min.css
new file mode 100644
index 00000000..cda4adc1
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/xcode.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.xml .hljs-meta{color:silver}.hljs-comment,.hljs-quote{color:#007400}.hljs-attribute,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-selector-tag,.hljs-tag{color:#aa0d91}.hljs-template-variable,.hljs-variable{color:#3f6e74}.hljs-code,.hljs-meta .hljs-string,.hljs-string{color:#c41a16}.hljs-link,.hljs-regexp{color:#0e0eff}.hljs-bullet,.hljs-number,.hljs-symbol,.hljs-title{color:#1c00cf}.hljs-meta,.hljs-section{color:#643820}.hljs-built_in,.hljs-class .hljs-title,.hljs-params,.hljs-title.class_,.hljs-type{color:#5c2699}.hljs-attr{color:#836c28}.hljs-subst{color:#000}.hljs-formula{background-color:#eee;font-style:italic}.hljs-addition{background-color:#baeeba}.hljs-deletion{background-color:#ffc8bd}.hljs-selector-class,.hljs-selector-id{color:#9b703f}.hljs-doctag,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/xt256.css b/apps/documentation/lib/highlight.js/styles/xt256.css
new file mode 100644
index 00000000..85950c40
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/xt256.css
@@ -0,0 +1,79 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*
+  xt256.css
+
+  Contact: initbar [at] protonmail [dot] ch
+         : github.com/initbar
+*/
+.hljs {
+  color: #eaeaea;
+  background: #000
+}
+.hljs-subst {
+  color: #eaeaea
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-type {
+  color: #eaeaea
+}
+.hljs-params {
+  color: #da0000
+}
+.hljs-literal,
+.hljs-number,
+.hljs-name {
+  color: #ff0000;
+  font-weight: bolder
+}
+.hljs-comment {
+  color: #969896
+}
+.hljs-selector-id,
+.hljs-quote {
+  color: #00ffff
+}
+.hljs-template-variable,
+.hljs-variable,
+.hljs-title {
+  color: #00ffff;
+  font-weight: bold
+}
+.hljs-selector-class,
+.hljs-keyword,
+.hljs-symbol {
+  color: #fff000
+}
+.hljs-string,
+.hljs-bullet {
+  color: #00ff00
+}
+.hljs-tag,
+.hljs-section {
+  color: #000fff
+}
+.hljs-selector-tag {
+  color: #000fff;
+  font-weight: bold
+}
+.hljs-attribute,
+.hljs-built_in,
+.hljs-regexp,
+.hljs-link {
+  color: #ff00ff
+}
+.hljs-meta {
+  color: #fff;
+  font-weight: bolder
+}
\ No newline at end of file
diff --git a/apps/documentation/lib/highlight.js/styles/xt256.min.css b/apps/documentation/lib/highlight.js/styles/xt256.min.css
new file mode 100644
index 00000000..ef34f0c5
--- /dev/null
+++ b/apps/documentation/lib/highlight.js/styles/xt256.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#eaeaea;background:#000}.hljs-subst{color:#eaeaea}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-type{color:#eaeaea}.hljs-params{color:#da0000}.hljs-literal,.hljs-name,.hljs-number{color:red;font-weight:bolder}.hljs-comment{color:#969896}.hljs-quote,.hljs-selector-id{color:#0ff}.hljs-template-variable,.hljs-title,.hljs-variable{color:#0ff;font-weight:700}.hljs-keyword,.hljs-selector-class,.hljs-symbol{color:#fff000}.hljs-bullet,.hljs-string{color:#0f0}.hljs-section,.hljs-tag{color:#000fff}.hljs-selector-tag{color:#000fff;font-weight:700}.hljs-attribute,.hljs-built_in,.hljs-link,.hljs-regexp{color:#f0f}.hljs-meta{color:#fff;font-weight:bolder}
\ No newline at end of file
diff --git a/apps/documentation/lib/mdxOptions.ts b/apps/documentation/lib/mdxOptions.ts
deleted file mode 100644
index 560714a2..00000000
--- a/apps/documentation/lib/mdxOptions.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import rehypeSlug from 'rehype-slug';
-import remarkGfm from 'remark-gfm';
-
-export const options = {
-  mdxOptions: {
-    remarkPlugins: [remarkGfm], // Stuck on version 3.0.1 see: https://github.com/hashicorp/next-mdx-remote/issues/403
-    rehypePlugins: [rehypeSlug],
-  },
-};
diff --git a/apps/documentation/lib/processYamlMatter.ts b/apps/documentation/lib/processYamlMatter.ts
new file mode 100644
index 00000000..df1a9302
--- /dev/null
+++ b/apps/documentation/lib/processYamlMatter.ts
@@ -0,0 +1,25 @@
+import type { VFile } from 'vfile';
+import type { Node } from 'unist';
+import { matter } from 'vfile-matter';
+
+/**
+ * Parse YAML frontmatter and expose it at `file.data.matter`.
+ *
+ * @returns
+ *   Transform.
+ */
+export default function processYamlMatter() {
+  /**
+   * Transform.
+   *
+   * @param {Node} tree
+   *   Tree.
+   * @param {VFile} file
+   *   File.
+   * @returns {undefined}
+   *   Nothing.
+   */
+  return function (_tree: Node, file: VFile) {
+    matter(file, { strip: true });
+  };
+}
diff --git a/apps/documentation/lib/tableOfContents.ts b/apps/documentation/lib/tableOfContents.ts
index 633de205..ad89b005 100644
--- a/apps/documentation/lib/tableOfContents.ts
+++ b/apps/documentation/lib/tableOfContents.ts
@@ -1,73 +1,69 @@
 import { toString } from 'mdast-util-to-string';
-import { remark } from 'remark';
-import { Node } from 'unist';
+import type { Nodes, Root } from 'hast';
 import { visit } from 'unist-util-visit';
-import { VFile } from 'vfile';
-import { convertToUrlText } from './helper_functions';
+import type { VFile } from 'vfile';
+import { headingRank } from 'hast-util-heading-rank';
 
 export type HeadingNode = {
   value: string;
-  depth: number;
-  data: {
-    id: string;
-  };
+  level: number;
+  id: string;
   children: HeadingNode[];
 };
 
-export function headingTree(): (node: Node, file: VFile) => void {
+export function headingTree(): (node: Root, file: VFile) => void {
   return (node, file) => {
     file.data.headings = getHeadingsForTree(node);
   };
 }
 
-function getHeadingsForTree(root: Node): HeadingNode[] {
-  const nodes = {};
-  const output: HeadingNode[] = [];
-  const indexMap = {};
-  visit(root, 'heading', (node: HeadingNode) => {
-    addID(node, nodes);
-    transformNode(node, output, indexMap);
-  });
+type SpecialNodes = {
+  properties: {
+    id?: string;
+  };
+} & Nodes;
 
-  return output;
-}
+function getHeadingsForTree(root: Nodes): HeadingNode[] {
+  const indexMap: HeadingNode[] = [];
 
-// Add an "id" attribute to the heading elements based on their content
-function addID(node: HeadingNode, nodes: Record<string, number>): void {
-  const id = node.children.map((c: HeadingNode) => c.value || '').join('');
-  nodes[id] = (nodes[id] || 0) + 1;
-  node.data = node.data || {
-    id: convertToUrlText(`${id}${nodes[id] > 1 ? ` ${nodes[id] - 1}` : ''}`),
-  };
-}
+  visit(root, 'element', (node: SpecialNodes) => {
+    if (headingRank(node) && node.properties.id) {
+      const level = headingRank(node)!;
 
-function transformNode(
-  node: HeadingNode,
-  output: HeadingNode[],
-  indexMap: Record<string, any>,
-): void {
-  const transformedNode: HeadingNode = {
-    value: toString(node),
-    depth: node.depth,
-    data: node.data,
-    children: [],
-  };
+      // If this is a level 2 heading, we want to start a new tree
+      if (level === 2) {
+        indexMap.push({
+          value: toString(node),
+          level,
+          id: node.properties.id,
+          children: [],
+        });
+      }
 
-  if (node.depth === 2) {
-    output.push(transformedNode);
-    indexMap[node.depth] = transformedNode;
-  } else {
-    const parent = indexMap[node.depth - 1];
-    if (parent) {
-      parent.children.push(transformedNode);
-      indexMap[node.depth] = transformedNode;
-    }
-  }
-}
+      // If level 3, add to the last level 2 headings children
+      if (level === 3) {
+        const lastLevel2 = indexMap[indexMap.length - 1];
+
+        if (!lastLevel2) {
+          indexMap.push({
+            value: toString(node),
+            level: 2,
+            id: node.properties.id,
+            children: [],
+          });
 
-export async function getHeadings(content: string): Promise<HeadingNode[]> {
-  // Use remark to convert Markdown into HTML string
-  const processedContent = await remark().use(headingTree).process(content);
+          return;
+        }
+
+        lastLevel2.children.push({
+          value: toString(node),
+          level,
+          id: node.properties.id,
+          children: [],
+        });
+      }
+    }
+  });
 
-  return processedContent.data.headings as HeadingNode[];
+  return indexMap;
 }
diff --git a/apps/documentation/lib/universal_helper_functions.mjs b/apps/documentation/lib/universal_helper_functions.mjs
deleted file mode 100644
index 7c90e24b..00000000
--- a/apps/documentation/lib/universal_helper_functions.mjs
+++ /dev/null
@@ -1,33 +0,0 @@
-import fs from 'fs';
-import { join } from 'path';
-import rehypeStringify from 'rehype-stringify';
-import remarkParse from 'remark-parse';
-import remarkRehype from 'remark-rehype';
-import { unified } from 'unified';
-import { env } from '../env.mjs';
-
-const relativePathToDocs = join(process.cwd(), env.NEXT_PUBLIC_DOCS_PATH);
-
-export function isFolderPageAvailableForLocale(path, locale) {
-  if (!path) return false;
-  const pathToFolderPage = join(relativePathToDocs, path, `index.${locale}`);
-
-  let result =
-    fs.existsSync(pathToFolderPage + '.md') ||
-    fs.existsSync(pathToFolderPage + '.mdx');
-
-  return result;
-}
-
-export async function markdownToText(markdown) {
-  const result = await unified()
-    .use(remarkParse)
-    .use(remarkRehype)
-    .use(rehypeStringify)
-    .process(markdown);
-
-  const html = String(result);
-  const text = html.replace(/<[^>]*>/g, '').replace(/\.\.\//g, ''); // remove HTML tags
-
-  return text;
-}
diff --git a/apps/documentation/lib/writeSidebarJson.mjs b/apps/documentation/lib/writeSidebarJson.mjs
deleted file mode 100644
index a5898789..00000000
--- a/apps/documentation/lib/writeSidebarJson.mjs
+++ /dev/null
@@ -1,148 +0,0 @@
-import dotenv from 'dotenv';
-import fs from 'fs';
-import matter from 'gray-matter';
-import { basename, join, relative } from 'path';
-import { env } from '../env.mjs';
-import { locales } from '../locales.mjs';
-import { isFolderPageAvailableForLocale } from './universal_helper_functions.mjs';
-
-dotenv.config();
-
-const relativePathToDocs = join(process.cwd(), env.NEXT_PUBLIC_DOCS_PATH);
-
-// Get file-system data to generate dynamic navigation menus
-function generateSidebarDataForDirectory(directory, locale) {
-  const files = fs.readdirSync(directory);
-
-  // sort the files so that the document files will be at the top of the list and then comes folders
-  const sortedFiles = files.sort((a, b) => {
-    const fileA = join(directory, a);
-    const fileB = join(directory, b);
-    const statsA = fs.statSync(fileA);
-    const statsB = fs.statSync(fileB);
-
-    if (statsA.isDirectory() && !statsB.isDirectory()) {
-      return 1;
-    } else if (!statsA.isDirectory() && statsB.isDirectory()) {
-      return -1;
-    }
-
-    // get the nav_order from frontmatter or default to Infinity
-    const getOrder = (filePath) => {
-      if (fs.statSync(filePath).isFile()) {
-        const markdownFile = fs.readFileSync(filePath, 'utf-8');
-        const matterResult = matter(markdownFile);
-        return matterResult.data.nav_order || Infinity;
-      }
-      return Infinity;
-    };
-
-    // compare based on nav_order or file name if nav_order is not present
-    const orderA = getOrder(fileA);
-    const orderB = getOrder(fileB);
-
-    return orderA - orderB || a.localeCompare(b);
-  });
-
-  return sortedFiles
-    .map((file) => {
-      const filePath = join(directory, file);
-      const stats = fs.statSync(filePath);
-
-      if (stats.isDirectory()) {
-        const nestedFiles = generateSidebarDataForDirectory(filePath, locale);
-        const metadataPath = join(filePath, 'metadata.json');
-
-        // check if metadata.json file exists in the folder
-        if (fs.existsSync(metadataPath)) {
-          const metadataString = fs.readFileSync(metadataPath, 'utf-8');
-          const metadata = JSON.parse(metadataString);
-          const translatedFolderName = metadata['localeLabels'][locale];
-          const folderPagePath = metadata['folderPagePath'];
-          const isExpanded = metadata['isExpanded'];
-          const result = isFolderPageAvailableForLocale(folderPagePath, locale);
-
-          // if there's no locale-based files in the folder and the folder doesn't have translated index page,
-          // then don't include it in sidebar.json
-          if (!nestedFiles.length && !result) return null;
-
-          return {
-            type: 'folder',
-            name: translatedFolderName,
-            language: locale,
-            source: file,
-            folderPagePath: folderPagePath && result ? folderPagePath : null,
-            isExpanded: isExpanded ?? false, // assumes false if not exists
-            files: nestedFiles,
-          };
-        } else {
-          return {
-            type: 'folder',
-            name: file,
-            language: locale,
-            source: file,
-            folderPagePath: null,
-            isExpanded: false,
-            files: nestedFiles,
-          };
-        }
-      } else {
-        const fileRelativePath = relative(env.NEXT_PUBLIC_DOCS_PATH, filePath);
-
-        // if the file is metadata.json or folder page (index.mdx/md),
-        // then don't include it inside a folder in sidebar.json
-        // because folder pages are hidden under un-expandable folders
-        if (
-          fileRelativePath.includes('metadata.json') ||
-          fileRelativePath.includes(`index.${locale}.mdx`) ||
-          fileRelativePath.includes(`index.${locale}.md`)
-        ) {
-          return null;
-        }
-
-        const markdownFile = fs.readFileSync(filePath, 'utf-8');
-        const matterResult = matter(markdownFile);
-        const formattedFilePath = fileRelativePath
-          .replace(/\.(md|mdx)$/, '')
-          .replace(/\\/g, '/');
-
-        const fileLink = formattedFilePath.split('.')[0];
-        const fileLanguage = formattedFilePath.split('.')[1];
-        const fileName = basename(fileLink);
-
-        if (fileLanguage === locale) {
-          return {
-            type: 'file',
-            name: matterResult.data.title,
-            language: locale,
-            path: `/${fileLink}`,
-            source: fileName,
-          };
-        }
-      }
-    })
-    .filter(Boolean);
-}
-
-try {
-  let sidebarData = [];
-
-  locales.forEach((locale) => {
-    const localeBasedData = generateSidebarDataForDirectory(
-      relativePathToDocs,
-      locale,
-    );
-
-    sidebarData.push({
-      [locale]: localeBasedData,
-    });
-  });
-
-  fs.writeFileSync(
-    './public/sidebar.json',
-    JSON.stringify(sidebarData, null, 2),
-    'utf-8',
-  );
-} catch (e) {
-  console.log('Error writing sidebar data!', e);
-}
diff --git a/apps/documentation/lib/writeSidebarJson.ts b/apps/documentation/lib/writeSidebarJson.ts
new file mode 100644
index 00000000..f03ee242
--- /dev/null
+++ b/apps/documentation/lib/writeSidebarJson.ts
@@ -0,0 +1,125 @@
+import { readdirSync, readFileSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+import type fs from 'node:fs';
+import dotenv from 'dotenv';
+import matter from 'gray-matter';
+import type { LocalesEnum, TSideBar } from '~/app/types';
+import { locales } from '~/app/types';
+import {
+  createFolderEntry,
+  createPageEntry,
+  createProjectEntry,
+  getMetaDataForDirectory,
+  getNestedPath,
+  relativePathToDocs,
+  set,
+  sortDirectoryListing,
+} from './helper_functions';
+
+dotenv.config();
+
+/**
+ * Generate sidebar data based on docs and locales.
+ */
+function generateSidebarData() {
+  const files = readdirSync(relativePathToDocs, {
+    withFileTypes: true, // returns fs.Dirent objects
+    recursive: true, // recursively read all files in subdirectories
+  }).filter(
+    (file) =>
+      file.isDirectory() ||
+      file.name.endsWith('.mdx') ||
+      file.name.endsWith('.md'),
+  );
+
+  // Set up initial structure for sidebar data.
+  const sidebarData: TSideBar = locales.reduce((acc, locale) => {
+    acc[locale] = {};
+    return acc;
+  }, {} as TSideBar);
+
+  const sortedFiles = sortDirectoryListing(files);
+
+  sortedFiles.forEach((file: fs.Dirent) => {
+    if (file.isDirectory()) {
+      const metadata = getMetaDataForDirectory(join(file.path, file.name));
+
+      if (metadata.type === 'project') {
+        Object.keys(sidebarData).forEach((l) => {
+          const locale = l as LocalesEnum;
+
+          sidebarData[locale] = {
+            ...sidebarData[locale],
+            [file.name]: createProjectEntry(file, locale, metadata),
+          };
+        });
+
+        return;
+      }
+
+      // If this is a folder, create a folder entry
+      if (metadata.type === 'folder') {
+        const nestedPath = getNestedPath(file.path);
+
+        // Insert folder entry for each locale in the nested path
+        Object.keys(sidebarData).forEach((l) => {
+          const locale = l as LocalesEnum;
+          set(
+            sidebarData[locale]!,
+            [...nestedPath, file.name],
+            createFolderEntry(file, locale, metadata),
+          );
+        });
+
+        return;
+      }
+    }
+
+    // Only process files ending in .md or .mdx
+    if (!file.name.endsWith('.md') && !file.name.endsWith('.mdx')) return;
+
+    // Determine locale based on file name (format is `index.en.mdx` or `index.en.md`)
+    const locale = file.name.split('.')[1] as LocalesEnum | undefined;
+
+    // If there's no locale, or the locale isn't included in the type, ignore it.
+    if (!locale || !locales.includes(locale as LocalesEnum)) {
+      // eslint-disable-next-line no-console
+      console.warn(
+        `File ${file.name} is missing a locale or has a locale not defined in LocalesEnum. Locale is ${locale}. Skipping.`,
+      );
+      return;
+    }
+
+    // create a key based on the filename without the locale or extension
+    const key = file.name.split('.')[0];
+
+    const nestedPath = getNestedPath(file.path);
+
+    const markdownFile = readFileSync(join(file.path, file.name), 'utf-8');
+    const matterResult = matter(markdownFile);
+
+    // If file has "hidden: true" in frontmatter, skip it
+    if (matterResult.data.hidden) return;
+
+    set(
+      sidebarData[locale]!,
+      [...nestedPath, key!],
+      createPageEntry(file, matterResult),
+    );
+  });
+
+  return sidebarData;
+}
+
+try {
+  const sidebarData = generateSidebarData();
+
+  writeFileSync(
+    join(process.cwd(), 'public', 'sidebar.json'),
+    JSON.stringify(sidebarData, null, 2),
+    'utf-8',
+  );
+} catch (e) {
+  // eslint-disable-next-line no-console
+  console.log('Error writing sidebar data!', e);
+}
diff --git a/apps/documentation/locales.mjs b/apps/documentation/locales.mjs
deleted file mode 100644
index 62337d4b..00000000
--- a/apps/documentation/locales.mjs
+++ /dev/null
@@ -1,3 +0,0 @@
-// this is the source of truth for all the supported locales
-// new languages must be added here
-export const locales = ['en', 'ru'];
diff --git a/apps/documentation/messages/en.json b/apps/documentation/messages/en.json
index 0a4a3883..275268c2 100644
--- a/apps/documentation/messages/en.json
+++ b/apps/documentation/messages/en.json
@@ -1,36 +1,106 @@
 {
-  "Navbar": {
-    "communityBtn": "Community"
+  "ProjectSwitcher": {
+    "fresco": {
+      "label": "Fresco",
+      "description": "A new project that brings Network Canvas interviews to the web browser. Currently in beta."
+    },
+    "desktop": {
+      "label": "Desktop Suite",
+      "description": "The traditional Network Canvas suite of desktop and tablet applications (Architect and Interviewer)."
+    },
+    "studio": {
+      "label": "Studio",
+      "description": "A web-based platform for creating and sharing network data collection instruments."
+    }
+  },
+  "TipBox": {
+    "info": "Good to know:",
+    "warning": "Take Care!"
+  },
+  "DocSearch": {
+    "button": {
+      "buttonText": "Search documentation",
+      "buttonTextMobile": "Search docs",
+      "buttonAriaLabel": "Open search modal"
+    },
+    "modal": {
+      "searchBox": {
+        "resetButtonTitle": "Clear the query",
+        "resetButtonAriaLabel": "Clear the query",
+        "cancelButtonText": "Cancel",
+        "cancelButtonAriaLabel": "Cancel"
+      },
+      "startScreen": {
+        "recentSearchesTitle": "Recent",
+        "noRecentSearchesText": "No recent searches",
+        "saveRecentSearchButtonTitle": "Save this search",
+        "removeRecentSearchButtonTitle": "Remove this search from history",
+        "favoriteSearchesTitle": "Favorite",
+        "removeFavoriteSearchButtonTitle": "Remove this search from favorites"
+      },
+      "errorScreen": {
+        "titleText": "Unable to fetch results",
+        "helpText": "You might want to check your network connection"
+      },
+      "footer": {
+        "selectText": "to select",
+        "selectKeyAriaLabel": "Enter key",
+        "navigateText": "to navigate",
+        "navigateUpKeyAriaLabel": "Arrow up",
+        "navigateDownKeyAriaLabel": "Arrow down",
+        "closeText": "to close",
+        "closeKeyAriaLabel": "Escape key",
+        "searchByText": "Search by"
+      },
+      "noResultsScreen": {
+        "noResultsText": "No results for",
+        "suggestedQueryText": "Try searching for",
+        "reportMissingResultsText": "Believe this query should return results?",
+        "reportMissingResultsLinkText": "Let us know"
+      }
+    }
+  },
+  "SharedNavigation": {
+    "community": "Community",
+    "documentation": "Documentation",
+    "projects": "Projects",
+    "projectsChildren": {
+      "partner-services": {
+        "label": "Partner Services",
+        "description": "Evaluating Network Canvas in the context of partner notification services."
+      },
+      "fresco": {
+        "label": "Fresco",
+        "description": "A pilot project to bring Network Canvas interviews to the web browser."
+      },
+      "studio": {
+        "label": "Studio",
+        "description": "A web-based platform for creating and sharing network data collection instruments."
+      }
+    },
+    "download": "Download"
   },
   "ThemeTranslations": {
     "light": "Light",
     "dark": "Dark",
     "system": "System"
   },
-  "SearchCommand": {
-    "searchPlaceholder": "Search documentation...",
-    "searchNoResultsFor": "No results for",
-    "searchNoResults": "No results"
-  },
-  "ProductSwitcher": {
-    "selectPlaceholder": "Select software",
-    "fresco": "Fresco",
-    "desktop": "Desktop"
+  "Hero": {
+    "title": "Welcome to our documentation!",
+    "tagline": "A home for tutorials, guides, and information about the Network Canvas project."
   },
   "Home": {
-    "title": "Home Page"
+    "title": "Home",
+    "subtitle": "Welcome to the Network Canvas documentation. This is a place to learn about the project, find tutorials, and get help with using our software."
   },
   "DocPage": {
     "docAvailableTxt": "This document is also available in"
   },
-  "ProjectPage": {
-    "title": "This is an introductory page for"
-  },
   "AIAssistant": {
-    "dialogPlaceholder": "What is the main aim of the Network Canvas project?",
-    "q1": "How does it work?",
-    "q2": "What is Network Canvas?",
-    "popupText": "Hi, how can I help you?",
-    "welcomeMessage": "Hi, I'm an AI assistant trained on documentation. Ask me anything about Network Canvas."
+    "dialogPlaceholder": "What are the main aims of the Network Canvas project?",
+    "q2": "How do I get started with Network Canvas?",
+    "q1": "What is Network Canvas?",
+    "popupText": "Click this button to open our AI assistant. It's a great way to get quick answers to your questions.",
+    "welcomeMessage": "Hi, I'm an AI assistant trained on the Network Canvas documentation. Ask me anything about Network Canvas."
   }
 }
diff --git a/apps/documentation/messages/ru.json b/apps/documentation/messages/ru.json
deleted file mode 100644
index b7611336..00000000
--- a/apps/documentation/messages/ru.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-  "Navbar": {
-    "communityBtn": "Сообщество"
-  },
-  "ThemeTranslations": {
-    "light": "День",
-    "dark": "Ночь",
-    "system": "Система"
-  },
-  "SearchCommand": {
-    "searchPlaceholder": "Поиск документации...",
-    "searchNoResultsFor": "Нет результатов для",
-    "searchNoResults": "Нет результатов"
-  },
-  "ProductSwitcher": {
-    "selectPlaceholder": "Выберите программное",
-    "fresco": "Фреска",
-    "desktop": "Рабочий стол"
-  },
-  "Home": {
-    "title": "Домашняя страница"
-  },
-  "DocPage": {
-    "docAvailableTxt": "Этот документ также доступен в"
-  },
-  "ProjectPage": {
-    "title": "Это вводная страница для"
-  },
-  "AIAssistant": {
-    "dialogPlaceholder": "Какова основная цель проекта Network Canvas?",
-    "q1": "Как это работает?",
-    "q2": "Что такое сетевое полотно?",
-    "popupText": "Привет, чем я могу тебе помочь?",
-    "welcomeMessage": "Привет, я помощник по искусственному интеллекту, обученный документации. Спросите меня о Network Canvas."
-  }
-}
diff --git a/apps/documentation/navigation.ts b/apps/documentation/navigation.ts
index d4bb36f6..2175275d 100644
--- a/apps/documentation/navigation.ts
+++ b/apps/documentation/navigation.ts
@@ -1,5 +1,5 @@
 import { createSharedPathnamesNavigation } from 'next-intl/navigation';
-import { locales } from './locales.mjs';
+import { locales } from './app/types';
 
 export const { Link, redirect, usePathname, useRouter } =
   createSharedPathnamesNavigation({ locales });
diff --git a/apps/documentation/next-sitemap.config.js b/apps/documentation/next-sitemap.config.js
index b5ed0469..36a1199f 100644
--- a/apps/documentation/next-sitemap.config.js
+++ b/apps/documentation/next-sitemap.config.js
@@ -1,6 +1,7 @@
-/** @type {import('next-sitemap').IConfig} */
-module.exports = {
+const config = {
   siteUrl: process.env.SITE_URL || 'https://documentation.networkcanvas.dev',
   generateRobotsTxt: true, // (optional)
   // ...other options
 };
+
+export default config;
diff --git a/apps/documentation/next.config.js b/apps/documentation/next.config.js
index a99ae29e..37aa1a0e 100644
--- a/apps/documentation/next.config.js
+++ b/apps/documentation/next.config.js
@@ -1,7 +1,6 @@
-const withNextIntl = require('next-intl/plugin')(
-  // This is the default (also the `src` folder is supported out of the box)
-  './i18n.ts',
-);
+import createNextIntl from 'next-intl/plugin';
+
+const withNextIntl = createNextIntl();
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -10,7 +9,14 @@ const nextConfig = {
   images: {
     unoptimized: true,
   },
+  /** Enables hot reloading for local packages without a build step */
+  transpilePackages: [
+    "@codaco/ui",
+  ],
+  /** We already do linting and typechecking as separate tasks in CI */
+  eslint: { ignoreDuringBuilds: true },
+  typescript: { ignoreBuildErrors: true },
 };
 
 // Merge NextIntl config with Next.js config
-module.exports = withNextIntl(nextConfig);
+export default withNextIntl(nextConfig);
diff --git a/apps/documentation/package.json b/apps/documentation/package.json
index b19001d3..bbf9c511 100644
--- a/apps/documentation/package.json
+++ b/apps/documentation/package.json
@@ -1,74 +1,81 @@
 {
-  "name": "documentation",
+  "name": "@codaco/documentation",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "postbuild": "next-sitemap",
-    "prebuild": "node ./lib/writeSidebarJson.mjs",
-    "start": "next start",
-    "lint": "next lint"
+    "dev": "tsx ./lib/writeSidebarJson.ts && pnpm next dev",
+    "build": "pnpm next build",
+    "postbuild": "pnpm next-sitemap",
+    "prebuild": "tsx ./lib/writeSidebarJson.ts",
+    "start": "pnpm next start",
+    "lint": "pnpm next lint"
   },
   "dependencies": {
+    "@codaco/art": "workspace:*",
+    "@codaco/ui": "workspace:*",
+    "@docsearch/css": "^3.5.2",
     "@docsearch/react": "3",
-    "@mendable/search": "^0.0.167",
-    "@radix-ui/react-accordion": "^1.1.2",
+    "@mendable/search": "^0.0.205",
     "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-scroll-area": "^1.0.5",
-    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-navigation-menu": "^1.1.4",
     "@t3-oss/env-nextjs": "^0.7.1",
-    "@tailwindcss/typography": "^0.5.10",
-    "algoliasearch": "^4.20.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
-    "cmdk": "^0.2.0",
     "dotenv": "^16.3.1",
+    "framer-motion": "^11.0.6",
+    "lucide-react": "^0.354.0",
+    "next": "14.1.3",
+    "next-intl": "3.9.1",
+    "next-themes": "^0.2.1",
+    "react": "^18.2.0",
+    "react-dom": "^18"
+  },
+  "devDependencies": {
+    "@codaco/eslint-config": "workspace:*",
+    "@codaco/prettier-config": "workspace:*",
+    "@codaco/tailwind-config": "workspace:*",
+    "@codaco/tsconfig": "workspace:*",
+    "@microflash/rehype-figure": "^2.0.0",
+    "@tailwindcss/typography": "^0.5.10",
+    "@types/hast": "^3.0.4",
+    "@types/node": "^20.5.2",
+    "@types/react": "^18.2.61",
+    "@types/react-dom": "^18.2.18",
+    "@types/unist": "^3.0.0",
+    "eslint": "^8.57.0",
     "gray-matter": "^4.0.3",
-    "instantsearch.js": "^4.57.0",
-    "lucide-react": "^0.279.0",
+    "hast-util-heading-rank": "^3.0.0",
     "mdast-util-to-string": "^4.0.0",
-    "next": "14.0.1",
-    "next-intl": "3.0.0-rc.6",
-    "next-mdx-remote": "^4.4.1",
     "next-sitemap": "^4.2.3",
-    "next-themes": "^0.2.1",
-    "react": "^18.2.0",
-    "react-dom": "^18",
-    "react-instantsearch": "^7.1.0",
+    "prettier": "^3.2.5",
+    "rehype-highlight": "^7.0.0",
+    "rehype-raw": "^7.0.0",
+    "rehype-react": "^8.0.0",
     "rehype-slug": "^6.0.0",
     "rehype-stringify": "^10.0.0",
     "remark": "^15.0.1",
-    "remark-gfm": "^3.0.1",
+    "remark-frontmatter": "^5.0.0",
+    "remark-gfm": "^4.0.0",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.0.0",
     "tailwind-merge": "^1.14.0",
-    "tailwindcss-animate": "^1.0.7",
+    "tailwindcss": "^3.4.1",
+    "tsx": "^4.7.1",
+    "typescript": "^5.3.3",
     "unified": "^11.0.3",
     "unist-util-visit": "^5.0.0",
     "vfile": "^6.0.1",
+    "vfile-matter": "^5.0.0",
     "zod": "^3.22.4"
   },
-  "devDependencies": {
-    "@types/eslint": "^8.44.6",
-    "@types/node": "^20.5.2",
-    "@types/react": "^18.2.48",
-    "@types/react-dom": "^18.2.18",
-    "@types/unist": "^3.0.0",
-    "@typescript-eslint/eslint-plugin": "^6.9.1",
-    "@typescript-eslint/parser": "^6.9.1",
-    "autoprefixer": "^10.4.16",
-    "eslint-config-custom": "workspace:*",
-    "postcss": "latest",
-    "prettier": "^3.0.3",
-    "prettier-plugin-tailwindcss": "^0.5.6",
-    "shared-tailwind-config": "workspace:*",
-    "tailwindcss": "^3.3.0",
-    "ts-node": "^10.9.1",
-    "tsconfig": "workspace:*",
-    "typescript": "^5.2.2"
-  }
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@codaco/eslint-config/base",
+      "@codaco/eslint-config/nextjs",
+      "@codaco/eslint-config/react"
+    ]
+  },
+  "prettier": "@codaco/prettier-config"
 }
diff --git a/apps/documentation/postcss.config.js b/apps/documentation/postcss.config.cjs
similarity index 63%
rename from apps/documentation/postcss.config.js
rename to apps/documentation/postcss.config.cjs
index 33ad091d..112196c3 100644
--- a/apps/documentation/postcss.config.js
+++ b/apps/documentation/postcss.config.cjs
@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
+    'tailwindcss/nesting': {},
     tailwindcss: {},
-    autoprefixer: {},
   },
-}
+};
diff --git a/apps/documentation/prettier.config.cjs b/apps/documentation/prettier.config.cjs
deleted file mode 100644
index 7d36f743..00000000
--- a/apps/documentation/prettier.config.cjs
+++ /dev/null
@@ -1,9 +0,0 @@
-/** @type {import("prettier").Config} */
-const config = {
-  plugins: [require.resolve('prettier-plugin-tailwindcss')],
-  printWidth: 80,
-  quoteProps: 'consistent',
-  singleQuote: true,
-};
-
-module.exports = config;
diff --git a/apps/documentation/public/assets/img/fresco-images/delete-db1.png b/apps/documentation/public/assets/img/fresco-images/delete-db1.png
new file mode 100644
index 00000000..c43e51de
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/delete-db1.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/delete-db2.png b/apps/documentation/public/assets/img/fresco-images/delete-db2.png
new file mode 100644
index 00000000..26221b93
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/delete-db2.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/deploy-error1.png b/apps/documentation/public/assets/img/fresco-images/deploy-error1.png
new file mode 100644
index 00000000..1f593880
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/deploy-error1.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/deploy-error2.png b/apps/documentation/public/assets/img/fresco-images/deploy-error2.png
new file mode 100644
index 00000000..0fdf4be0
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/deploy-error2.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/features/dashboard.png b/apps/documentation/public/assets/img/fresco-images/features/dashboard.png
new file mode 100644
index 00000000..ec2a0991
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/features/dashboard.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/features/data-export.png b/apps/documentation/public/assets/img/fresco-images/features/data-export.png
new file mode 100644
index 00000000..3e4c7ac2
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/features/data-export.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/features/interviews.png b/apps/documentation/public/assets/img/fresco-images/features/interviews.png
new file mode 100644
index 00000000..ab8196e9
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/features/interviews.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/features/participants.png b/apps/documentation/public/assets/img/fresco-images/features/participants.png
new file mode 100644
index 00000000..f9fd7d14
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/features/participants.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/features/protocols.png b/apps/documentation/public/assets/img/fresco-images/features/protocols.png
new file mode 100644
index 00000000..58c2da2d
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/features/protocols.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/features/settings.png b/apps/documentation/public/assets/img/fresco-images/features/settings.png
new file mode 100644
index 00000000..fbbf3de6
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/features/settings.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/fresco1.png b/apps/documentation/public/assets/img/fresco-images/fresco1.png
new file mode 100644
index 00000000..102b706b
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/fresco1.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/fresco2.png b/apps/documentation/public/assets/img/fresco-images/fresco2.png
new file mode 100644
index 00000000..9ee30aa7
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/fresco2.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/fresco3.png b/apps/documentation/public/assets/img/fresco-images/fresco3.png
new file mode 100644
index 00000000..f421746c
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/fresco3.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/github-fork1.png b/apps/documentation/public/assets/img/fresco-images/github-fork1.png
new file mode 100644
index 00000000..d71cdab1
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/github-fork1.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/github-fork2.png b/apps/documentation/public/assets/img/fresco-images/github-fork2.png
new file mode 100644
index 00000000..5117604f
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/github-fork2.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/redeploy1.png b/apps/documentation/public/assets/img/fresco-images/redeploy1.png
new file mode 100644
index 00000000..b7c0b33c
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/redeploy1.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/redeploy2.png b/apps/documentation/public/assets/img/fresco-images/redeploy2.png
new file mode 100644
index 00000000..de371581
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/redeploy2.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/redeploy3.png b/apps/documentation/public/assets/img/fresco-images/redeploy3.png
new file mode 100644
index 00000000..3fc30417
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/redeploy3.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/reset-db-1.png b/apps/documentation/public/assets/img/fresco-images/reset-db-1.png
new file mode 100644
index 00000000..f6618b9c
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/reset-db-1.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/reset-db-2.png b/apps/documentation/public/assets/img/fresco-images/reset-db-2.png
new file mode 100644
index 00000000..3954bba1
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/reset-db-2.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/reset-db-3.png b/apps/documentation/public/assets/img/fresco-images/reset-db-3.png
new file mode 100644
index 00000000..266d9b25
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/reset-db-3.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/reset-db-4.png b/apps/documentation/public/assets/img/fresco-images/reset-db-4.png
new file mode 100644
index 00000000..25bc4a43
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/reset-db-4.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/sync-fork.png b/apps/documentation/public/assets/img/fresco-images/sync-fork.png
new file mode 100644
index 00000000..33e88915
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/sync-fork.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/uploadthing1.png b/apps/documentation/public/assets/img/fresco-images/uploadthing1.png
new file mode 100644
index 00000000..d59bc8f6
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/uploadthing1.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/uploadthing2.png b/apps/documentation/public/assets/img/fresco-images/uploadthing2.png
new file mode 100644
index 00000000..57244b2d
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/uploadthing2.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/uploadthing3.png b/apps/documentation/public/assets/img/fresco-images/uploadthing3.png
new file mode 100644
index 00000000..2cd7aa02
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/uploadthing3.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/uploadthing4.png b/apps/documentation/public/assets/img/fresco-images/uploadthing4.png
new file mode 100644
index 00000000..f95403b1
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/uploadthing4.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/uploadthing5.png b/apps/documentation/public/assets/img/fresco-images/uploadthing5.png
new file mode 100644
index 00000000..1dd0c6d0
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/uploadthing5.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/uploadthing6.png b/apps/documentation/public/assets/img/fresco-images/uploadthing6.png
new file mode 100644
index 00000000..1cd94232
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/uploadthing6.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/vercel-configure copy.png b/apps/documentation/public/assets/img/fresco-images/vercel-configure copy.png
new file mode 100644
index 00000000..4e22f68b
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/vercel-configure copy.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/vercel-configure.png b/apps/documentation/public/assets/img/fresco-images/vercel-configure.png
new file mode 100644
index 00000000..6fef5124
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/vercel-configure.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/vercel-db-1.png b/apps/documentation/public/assets/img/fresco-images/vercel-db-1.png
new file mode 100644
index 00000000..c784658f
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/vercel-db-1.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/vercel-db-2.png b/apps/documentation/public/assets/img/fresco-images/vercel-db-2.png
new file mode 100644
index 00000000..c19c73cc
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/vercel-db-2.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/vercel-db-3.png b/apps/documentation/public/assets/img/fresco-images/vercel-db-3.png
new file mode 100644
index 00000000..164c7243
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/vercel-db-3.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/vercel-db-4.png b/apps/documentation/public/assets/img/fresco-images/vercel-db-4.png
new file mode 100644
index 00000000..31333b0e
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/vercel-db-4.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/vercel-db-5.png b/apps/documentation/public/assets/img/fresco-images/vercel-db-5.png
new file mode 100644
index 00000000..9982dbb5
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/vercel-db-5.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/vercel1.png b/apps/documentation/public/assets/img/fresco-images/vercel1.png
new file mode 100644
index 00000000..47901258
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/vercel1.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/vercel2.png b/apps/documentation/public/assets/img/fresco-images/vercel2.png
new file mode 100644
index 00000000..558b1301
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/vercel2.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/vercel3.png b/apps/documentation/public/assets/img/fresco-images/vercel3.png
new file mode 100644
index 00000000..b29475d7
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/vercel3.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/vercel4.png b/apps/documentation/public/assets/img/fresco-images/vercel4.png
new file mode 100644
index 00000000..df4543b3
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/vercel4.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/vercel5.png b/apps/documentation/public/assets/img/fresco-images/vercel5.png
new file mode 100644
index 00000000..533d7e8e
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/vercel5.png differ
diff --git a/apps/documentation/public/assets/img/fresco-images/vercel6.png b/apps/documentation/public/assets/img/fresco-images/vercel6.png
new file mode 100644
index 00000000..a3f674ff
Binary files /dev/null and b/apps/documentation/public/assets/img/fresco-images/vercel6.png differ
diff --git a/apps/documentation/public/favicons/apple-icon.png b/apps/documentation/public/favicons/apple-icon.png
new file mode 100644
index 00000000..dec7a195
Binary files /dev/null and b/apps/documentation/public/favicons/apple-icon.png differ
diff --git a/apps/documentation/public/favicons/icon.svg b/apps/documentation/public/favicons/icon.svg
new file mode 100644
index 00000000..f19819df
--- /dev/null
+++ b/apps/documentation/public/favicons/icon.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 131.7 131.6" style="enable-background:new 0 0 131.7 131.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CE1E55;}
+	.st1{fill:#E2215B;}
+	.st2{fill:#079B7F;}
+	.st3{fill:#00C9A2;}
+	.st4{fill:#F2B700;}
+	.st5{fill:#DAA727;}
+	.st6{fill:#0FA3CF;}
+	.st7{fill:#13B3E2;}
+</style>
+<path class="st0" d="M19.4,27.2C19.4,12.2,31.6,0,46.6,0c7.2,0,14.1,2.9,19.2,8L27.3,46.5C22.2,41.4,19.3,34.4,19.4,27.2"/>
+<path class="st1" d="M46.5,27.2C57.1,37.9,57,55.2,46.3,65.7C35.7,76.2,18.6,76.2,8,65.7L46.5,27.2z"/>
+<path class="st2" d="M27.2,112.2C12.2,112.2,0,100,0,85c0-7.2,2.9-14.2,8-19.3l38.5,38.5C41.4,109.3,34.4,112.2,27.2,112.2"/>
+<path class="st3" d="M27.5,85.2C38.1,74.5,55.3,74.4,66,84.9s10.8,27.8,0.2,38.5c-0.1,0.1-0.2,0.2-0.2,0.2L27.5,85.2z"/>
+<path class="st4" d="M77.3,85.2c0-15,12.2-27.2,27.2-27.2c7.2,0,14.1,2.9,19.3,8l-38.5,38.5C80.2,99.3,77.3,92.4,77.3,85.2"/>
+<path class="st5" d="M104.5,85.2c10.6,10.6,10.6,27.8,0,38.5s-27.8,10.6-38.5,0L104.5,85.2z"/>
+<path class="st6" d="M104.5,19.5c15,0,27.2,12.2,27.2,27.2c0,7.2-2.9,14.1-8,19.3L85.3,27.5C90.3,22.4,97.3,19.5,104.5,19.5"/>
+<path class="st7" d="M104.3,46.5c-10.6,10.7-27.8,10.8-38.5,0.2S55,18.9,65.6,8.2c0.1-0.1,0.2-0.2,0.2-0.2L104.3,46.5z"/>
+</svg>
diff --git a/apps/documentation/public/favicons/icon16.png b/apps/documentation/public/favicons/icon16.png
new file mode 100644
index 00000000..6e0c935c
Binary files /dev/null and b/apps/documentation/public/favicons/icon16.png differ
diff --git a/apps/documentation/public/favicons/icon180.png b/apps/documentation/public/favicons/icon180.png
new file mode 100644
index 00000000..c41eba9d
Binary files /dev/null and b/apps/documentation/public/favicons/icon180.png differ
diff --git a/apps/documentation/public/favicons/icon192.png b/apps/documentation/public/favicons/icon192.png
new file mode 100644
index 00000000..68864960
Binary files /dev/null and b/apps/documentation/public/favicons/icon192.png differ
diff --git a/apps/documentation/public/favicons/icon32.png b/apps/documentation/public/favicons/icon32.png
new file mode 100644
index 00000000..69758e2b
Binary files /dev/null and b/apps/documentation/public/favicons/icon32.png differ
diff --git a/apps/documentation/public/favicons/icon512.png b/apps/documentation/public/favicons/icon512.png
new file mode 100644
index 00000000..a5539cc4
Binary files /dev/null and b/apps/documentation/public/favicons/icon512.png differ
diff --git a/apps/documentation/public/images/desktop.png b/apps/documentation/public/images/desktop.png
new file mode 100644
index 00000000..3f65e5c6
Binary files /dev/null and b/apps/documentation/public/images/desktop.png differ
diff --git a/apps/documentation/public/images/fresco.png b/apps/documentation/public/images/fresco.png
new file mode 100644
index 00000000..f46de133
Binary files /dev/null and b/apps/documentation/public/images/fresco.png differ
diff --git a/apps/documentation/public/images/key-concept.svg b/apps/documentation/public/images/key-concept.svg
new file mode 100644
index 00000000..2d458866
--- /dev/null
+++ b/apps/documentation/public/images/key-concept.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 38 36.2" style="enable-background:new 0 0 38 36.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#DEA800;}
+	.st1{fill:#F2B700;}
+</style>
+<polygon class="st0" points="19,0 25.5,11.1 38,13.8 29.5,23.4 30.8,36.2 19,31 7.3,36.2 8.6,23.4 0,13.8 12.6,11.1 "/>
+<polygon class="st1" points="25.5,11.1 19,0 12.6,11.1 0,13.8 8.6,23.4 8,29.1 25.9,11.2 "/>
+</svg>
diff --git a/apps/documentation/public/images/mark.svg b/apps/documentation/public/images/mark.svg
new file mode 100644
index 00000000..f19819df
--- /dev/null
+++ b/apps/documentation/public/images/mark.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 131.7 131.6" style="enable-background:new 0 0 131.7 131.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CE1E55;}
+	.st1{fill:#E2215B;}
+	.st2{fill:#079B7F;}
+	.st3{fill:#00C9A2;}
+	.st4{fill:#F2B700;}
+	.st5{fill:#DAA727;}
+	.st6{fill:#0FA3CF;}
+	.st7{fill:#13B3E2;}
+</style>
+<path class="st0" d="M19.4,27.2C19.4,12.2,31.6,0,46.6,0c7.2,0,14.1,2.9,19.2,8L27.3,46.5C22.2,41.4,19.3,34.4,19.4,27.2"/>
+<path class="st1" d="M46.5,27.2C57.1,37.9,57,55.2,46.3,65.7C35.7,76.2,18.6,76.2,8,65.7L46.5,27.2z"/>
+<path class="st2" d="M27.2,112.2C12.2,112.2,0,100,0,85c0-7.2,2.9-14.2,8-19.3l38.5,38.5C41.4,109.3,34.4,112.2,27.2,112.2"/>
+<path class="st3" d="M27.5,85.2C38.1,74.5,55.3,74.4,66,84.9s10.8,27.8,0.2,38.5c-0.1,0.1-0.2,0.2-0.2,0.2L27.5,85.2z"/>
+<path class="st4" d="M77.3,85.2c0-15,12.2-27.2,27.2-27.2c7.2,0,14.1,2.9,19.3,8l-38.5,38.5C80.2,99.3,77.3,92.4,77.3,85.2"/>
+<path class="st5" d="M104.5,85.2c10.6,10.6,10.6,27.8,0,38.5s-27.8,10.6-38.5,0L104.5,85.2z"/>
+<path class="st6" d="M104.5,19.5c15,0,27.2,12.2,27.2,27.2c0,7.2-2.9,14.1-8,19.3L85.3,27.5C90.3,22.4,97.3,19.5,104.5,19.5"/>
+<path class="st7" d="M104.3,46.5c-10.6,10.7-27.8,10.8-38.5,0.2S55,18.9,65.6,8.2c0.1-0.1,0.2-0.2,0.2-0.2L104.3,46.5z"/>
+</svg>
diff --git a/apps/documentation/public/images/projects/partner-services.jpg b/apps/documentation/public/images/projects/partner-services.jpg
new file mode 100644
index 00000000..540af199
Binary files /dev/null and b/apps/documentation/public/images/projects/partner-services.jpg differ
diff --git a/apps/documentation/public/images/robot.svg b/apps/documentation/public/images/robot.svg
new file mode 100644
index 00000000..4efe235a
--- /dev/null
+++ b/apps/documentation/public/images/robot.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 729.64 854.48">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+        stroke: #000;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 2px;
+      }
+
+      .cls-2 {
+        fill: #32325f;
+      }
+
+      .cls-2, .cls-3, .cls-4 {
+        stroke-width: 0px;
+      }
+
+      .cls-3 {
+        fill: #e9c700;
+      }
+
+      .cls-4 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="cls-3" d="M361.84,251.75c-.35-14.24,1.33-27.87,4.75-41.3.92-3.6,3.08-7.11,3.08-10.65,0-4.99-3.25-6.05-7.52-3.29-1.13.73-2.53,1.67-3.73,1.56-4.69-.39-9.34-1.28-14.03-1.75-2.66-.27-5.43.22-8.04-.23-2.22-.38-4.49-1.32-6.39-2.55-2.65-1.72-5.65-3.01-7.41-.08-1.15,1.92-1.1,6.83.06,7.49,6.23,3.55,6.06,9.73,6.92,15.19,1.74,10.94,2.73,22.01,4.05,33.23-7.85-.61-10.46-3.64-11.24-9.79-.55-4.38-1.78-8.99-3.97-12.78-3.98-6.89-8.73-13.36-13.47-19.78-8.87-12-14.12-25.42-14.97-40.22-.56-9.67,3.42-18.33,9.08-26.1,15.63-21.47,43.01-29.32,67.6-18.95,23.71,10,40.17,26.46,43.8,52.99,1.96,14.3-2.97,26.97-12.01,37.91-4.96,6-10.62,11.43-16.11,16.97-4.2,4.24-7.51,8.59-8.08,15-.64,7.1-2.58,7.91-12.39,7.13Z"/>
+    <path class="cls-2" d="M441.98,261.16c1.84.87,3.86,1.49,5.5,2.65,19.52,13.85,39,27.76,58.4,41.76.99.71,1.24,2.43,1.84,3.68-1.56,0-3.55.63-4.61-.1-7.58-5.17-15.04-10.53-22.41-16-10.35-7.69-20.64-15.47-30.87-23.32-3.02-2.32-5.75-5.01-8.61-7.53.25-.38.5-.76.76-1.15Z"/>
+    <path class="cls-2" d="M439.38,127.75c2.83-2.47,5.49-5.18,8.52-7.36,14.54-10.48,29.21-20.78,43.78-31.23,3.43-2.46,6.62-5.26,10.27-8.18,1.93,6.55-2.48,9.48-6.5,12.28-12.14,8.48-24.43,16.74-36.63,25.13-3.53,2.43-6.92,5.08-10.51,7.4-2.35,1.52-4.97,2.62-7.47,3.91-.48-.65-.97-1.29-1.45-1.94Z"/>
+    <path class="cls-2" d="M253.63,186.11c-29.73-1.72-59.47-3.43-89.2-5.15.04-.56.07-1.12.11-1.69,7.76-3.92,84.37.82,89.09,6.83Z"/>
+    <path class="cls-2" d="M195.86,287.92c2.19-1.87,4.19-4.02,6.59-5.58,15.5-10.08,31.07-20.05,46.64-30.02,1.8-1.15,3.63-2.38,5.62-3.07.99-.34,2.8.12,3.44.88.47.56.05,2.85-.65,3.28-19.43,11.79-38.94,23.45-58.47,35.09-.75.45-1.81.38-2.73.55-.14-.37-.29-.75-.43-1.12Z"/>
+    <path class="cls-2" d="M203.39,54.06c5.75,5.46,11.65,10.77,17.21,16.43,8.75,8.89,16.76,18.58,28.55,23.9,1.27.57,1.74,2.91,2.58,4.43-1.74.15-3.49.42-5.23.41-.71,0-1.45-.55-2.1-.97-17.42-11.07-30.38-26.51-42.86-42.43.62-.59,1.24-1.18,1.85-1.77Z"/>
+    <path class="cls-2" d="M474.52,191c22.65-1.03,44.98-6.35,67.78-5.28.14.69.28,1.37.42,2.06-1.65.6-3.25,1.55-4.95,1.75-17.42,2.01-34.84,4.04-52.29,5.73-3.69.36-7.52-.66-11.28-1.04.11-1.07.21-2.15.32-3.22Z"/>
+    <path class="cls-2" d="M345.08,69.63c-5.4-23.06-1.72-48.02-14.66-69.63,6.07,4.29,9.33,10.34,10.68,16.88,2.48,11.98,3.98,24.17,5.87,36.27.63,4.05,1.43,8.08,1.71,12.16.11,1.6-.99,3.29-1.54,4.94-.69-.21-1.37-.42-2.06-.63Z"/>
+    <path class="cls-2" d="M409.7,171.63c-4.98-22.47-31.43-48.87-61.85-47.68-21.33-.76-36.96,9.91-47.53,28.9-7.88,14.16-5.68,28.65.78,42.25,4.89,10.29,12.07,19.48,17.93,29.33,1.62,2.72,2.16,6.08,3.22,9.14,1.31,3.78,2.91,7.49,3.89,11.35.96,3.75,2.21,7.78,1.68,11.45-.72,4.98-.12,8.7,3.54,12.28,2.38,2.33,4.78,4.96,6.13,7.93,2.68,5.87,7.38,7.7,13.15,7.84,5.65.14,9.28-2.83,11.52-7.9.62-1.41,1.63-2.99,2.9-3.71,7.55-4.28,9.79-8.39,7.7-16.94-.78-3.2.54-4.34,2.31-6.42,2.31-2.72,3.59-6.34,5.2-9.63,1.39-2.86,2.04-6.27,4-8.61,4.76-5.66,10.44-10.56,15.13-16.27,10.43-12.68,13.85-27.26,10.29-43.33ZM394.12,211.15c-4.22,5.11-9.05,9.74-13.73,14.46-3.58,3.61-6.4,7.32-6.89,12.79-.55,6.05-2.19,6.74-10.56,6.08-.3-12.14,1.13-23.76,4.05-35.2.78-3.07,2.63-6.06,2.62-9.08,0-4.25-2.77-5.16-6.41-2.8-.96.62-2.16,1.42-3.18,1.33-4-.34-7.96-1.09-11.96-1.49-2.27-.23-4.63.18-6.85-.2-1.89-.33-3.83-1.12-5.44-2.17-2.26-1.47-4.81-2.57-6.32-.06-.98,1.64-.94,5.82.05,6.38,5.31,3.02,5.16,8.3,5.9,12.95,1.48,9.33,2.32,18.76,3.45,28.32-6.69-.52-8.92-3.1-9.58-8.35-.47-3.73-1.52-7.67-3.38-10.89-3.39-5.87-7.44-11.39-11.48-16.86-7.56-10.23-12.03-21.67-12.76-34.28-.47-8.24,2.92-15.62,7.74-22.25,13.32-18.3,36.66-24.99,57.62-16.15,20.21,8.52,34.24,22.55,37.34,45.17,1.67,12.19-2.53,22.99-10.23,32.31Z"/>
+    <path class="cls-4" d="M355.42,243.85c-2.51,0-5.05.02-7.59-.01-.59,0-1.17-.18-1.97-.32-1.75-12.97-3.5-25.88-5.43-40.18,6.93.82,13.41,1.59,19.9,2.36-1.72,13.41-3.29,25.63-4.9,38.15Z"/>
+    <path class="cls-4" d="M363.13,253.73c-4.27.56-8.57.96-12.79,1.77-1.29.25-2.36,1.62-3.53,2.48,1.1.74,2.14,1.99,3.3,2.12,3.87.44,7.8.37,11.68.73,1.27.12,2.47.94,3.71,1.43-1.19,1.1-2.31,3.04-3.59,3.14-4.34.36-8.74.17-13.11,0-3.31-.14-6.67-.29-9.87-1.03-1.68-.39-3.06-2.05-4.58-3.14.9-1.09,1.69-2.31,2.72-3.25,2.42-2.21.39-3.23-.98-4.62-.86-.87-1.41-2.04-2.1-3.07,1.33-.28,2.68-.87,3.99-.79,6.61.42,13.22.98,19.82,1.55,1.79.16,3.57.54,5.35.82-.01.62-.02,1.23-.04,1.85Z"/>
+    <path class="cls-2" d="M388.56,199.17c-.39-3.11-1.19-5.6-.93-7.97,1.51-13.7-2.96-24.43-14.56-32.33-7.9-5.38-15.66-10.77-25.06-13.29-1.22-.33-2.09-1.99-3.12-3.03,1.35-.8,2.66-2.16,4.06-2.27,1.87-.15,3.91.42,5.71,1.13,12.15,4.77,22.77,11.92,31.5,21.59,7.86,8.71,9.2,27.22,2.41,36.18Z"/>
+    <path class="cls-2" d="M338.38,145.74c-2.19,1.7-3.42,3.36-4.76,3.46-1.03.08-2.22-1.79-3.34-2.79,1.09-1.18,2.01-2.98,3.33-3.35.97-.27,2.47,1.31,4.76,2.68Z"/>
+    <path class="cls-1" d="M389.93,196.9c.15-5.45.3-10.9.45-16.35"/>
+  </g>
+  <g>
+    <g>
+      <path class="cls-4" d="M426.75,606.56c7.44,3.08,14.89,6.16,22.12,9.16-2.32,4.88-4.27,8.99-6.11,12.85,6,1.39,11.47,2.65,16.93,3.92l-.17,1.29c-2.16,0-4.34.22-6.47-.05-2.93-.38-5.81-1.16-8.72-1.72-3.49-.68-4.29-1.64-3.38-5.08.83-3.14,2.06-6.18,3.32-9.85-4.15-1.44-7.9-3.36-11.85-3.94-3.67-.54-4.93-2.75-6.45-5.19.25-.46.51-.92.76-1.37Z"/>
+      <path class="cls-4" d="M599.11,552.13c2.39,1.95,1.77,3.93.83,6.03-2.94,6.54-8.19,10.38-14.89,12.18-5.02,1.35-9.87,2.8-13.65,6.63-.34.35-1.14.25-2.54-.4.92-1.31,1.56-3.07,2.81-3.85,2.92-1.82,6.07-3.31,9.24-4.67,2.57-1.11,5.39-1.65,7.95-2.79,5.63-2.51,9.31-6.73,10.25-13.13Z"/>
+      <path class="cls-4" d="M480.09,610.21c-6.1,13.39-.48,21.82,9.51,28.67-4.99,1.56-9.92-2.02-13.35-9.51-3.93-8.59-3.03-14.76,3.84-19.16Z"/>
+      <path class="cls-4" d="M588.58,592.14c.72-1.04,1.21-2.52,2.2-3.01,2.04-1.03,4.29-1.88,6.54-2.19,8.78-1.22,17.95-.2,26.05-5.13-2.51,3.74-7.97,6.43-13.96,7.12-3.79.44-7.66.43-11.4,1.12-2.86.53-5.58,1.83-8.36,2.79-.36-.23-.71-.47-1.07-.7Z"/>
+      <path class="cls-4" d="M524.4,600.47c-2.7-1.35-3.04-2.81-1.37-5.21,2.53-3.64,5.25-6.85,9.8-7.83,4.1-.88,6.04,1.12,5.24,5.27-6.87-2.42-9-1.24-13.68,7.78Z"/>
+      <polygon class="cls-4" points="425.99 715.07 393.15 726.02 265.81 698.98 260.1 620.21 267.76 594.81 343.05 587.02 416.05 591.18 425.99 630.88 425.99 715.07"/>
+      <path class="cls-4" d="M463.75,546.77c-27.66,1.61-50.87,2.47-67.97,2.97-40.67,1.17-61.55,1.72-88.73-.25-25.84-1.87-46.99-5.23-61.3-7.91-3.25-7.24-8.12-19.23-11.86-34.6-4.3-17.68-6.34-36.67-3.1-102.23.62-12.49,1.58-29.88,3.1-50.76,3.23-1.78,8.21-4.23,14.58-6.18,21.95-6.7,41.08-1.48,50.38.65,3.59.82,32.31.83,89.76.85,17.11,0,41.7-.12,71.68-.76,2.19,3.1,5.18,7.85,7.66,14.09,5.77,14.5,4.94,27.26,4.45,34.85-2.22,34.63-3.33,51.95-3.46,61.3-.4,29.77-.61,44.66,1.48,51.9,1.03,3.58,3.87,12.43.99,22.49-1.76,6.13-5.06,10.66-7.66,13.59Z"/>
+    </g>
+    <path class="cls-2" d="M169.66,804.89c9.47-.08,18.96.49,28.43.79,1.02.03,2.04,0,3.06,0,.1-.41.19-.82.29-1.23-4.53-2.28-8.89-5.02-13.63-6.75-10.91-3.97-22.2-2.22-33.36-1.3-12.06.99-24.09,2.49-36.17,3.19-7.56.43-15.1-.58-22.69-1.45-14.9-1.71-29.55-3.96-43.88-8.35-.84-.26-1.63-.69-2.79-1.2,5.8-2.56,11.06-1.94,16.38-.25,2.53.8,5.12,1.5,7.74,1.88,6.4.93,12.82,1.75,19.25,2.4,2.53.26,4.9-.39,5.67-4.22-9.96-2.56-20.6-1.66-29.58-7.16,1.43-.31,2.83-.36,4.19-.14,4.24.71,8.44,1.7,12.7,2.23,2.94.36,5.99.38,8.92.02,1.02-.13,1.83-1.86,2.74-2.86-1.04-.56-2.03-1.43-3.13-1.61-2.45-.39-5.04-.08-7.42-.67-11.53-2.86-23.03-5.87-34.51-8.94-2.03-.54-3.83-1.24-5.18,1.46,1.13,1.75,2.28,3.54,3.44,5.33,3.32,5.16,2.31,8.57-3.41,10.74-3.52,1.34-7.17,2.31-11.04,3.54.75,1,1.39,1.95,2.12,2.81,8.15,9.56,14.57,20.13,18.97,31.92.92,2.47,1.94,4.98,3.41,7.15,1.04,1.54,2.86,3.49,4.42,3.58,6.06.33,12.07-.6,18.41-2.1-1.19-2.1-2.05-3.63-3.07-5.42h-18.84c-.07-.52-.14-1.03-.21-1.55,5.89-.82,12.18,1.2,18.05-1.12-.36-1.15-.42-1.97-.67-2.03-4.98-1.21-9.96-1.65-14.9.23-.07.03-.21-.14-.48-.33-1.2-8.25-3.75-16.16-9.67-24,34.78,10.92,82.6,5.38,103.61,5.82"/>
+    <path class="cls-2" d="M160.78,805.84c.29-.17.59-.34.88-.5"/>
+    <path class="cls-2" d="M46.46,752.89c-.57.46-.96,1.13-1.98,2.38,7.56,2.32,14.34,4.94,21.36,6.44,8.42,1.8,17.03,2.67,25.57,3.86,1.1.15,2.43.03,3.37-.47,1-.54,1.67-1.69,2.48-2.58-.88-.58-1.69-1.49-2.65-1.67-6.01-1.13-12.07-2.02-18.08-3.16-4.12-.78-8.19-1.86-12.29-2.8.07-.32.13-.64.2-.96.81.05,1.63.03,2.43.15,7.71,1.17,15.41,2.43,23.13,3.52,2.22.31,4.68.95,6.9-2.06-4.33-3.9-9.9-3.72-15.02-4.78-5.2-1.07-10.39-2.23-15.58-3.35.07-.39.13-.78.2-1.17,9.6-.27,19.17,2.86,29.85.9-3.69-4.29-7.78-4.78-11.87-5.33-10.26-1.4-20.51-2.86-31.47-4.4,1.1-.54,1.51-.91,1.92-.91,7.13-.04,14.26-.09,21.39-.01,6.65.07,13.31.33,19.96.42,2.4.03,4.57-1.22,4.73-3.49.08-1.11-2.18-2.42-3.44-3.58-.35-.32-.89-.56-1.36-.58-2.92-.12-3.23-2.11-2.66-5.09-8.78-.73-17.06-1.41-25.34-2.1.03-.41.05-.81.08-1.22h9.26v-5.75c-4.76-.33-9.22-.64-13.68-.95,9.12-3.71,18.84-.32,28.6-3.86-2.92-2.7-5.79-3.38-8.72-3.42-10.29-.15-20.58-.21-30.87-.11-4.49.04-5.9,1.72-5.73,6.17.06,1.48.32,2.99.7,4.43.94,3.53.05,6.92-1.13,10.1-2.19,5.86-1.81,7.03,4.65,9.09-4.2,1.58-3.75,4.3-2.58,7.41,1.29,3.43.67,6.53-2.33,8.96Z"/>
+    <path class="cls-2" d="M507.5,806.98c9.27-.38,18.41-2.69,27.79-1.61,4.43.51,8.9.59,13.35.9,9.41.65,18.81,1.52,28.23,1.93,5.57.24,11.17-.22,17.13-.38-.2-2.38-.33-3.96-.48-5.88-28.61-.63-76.86,1.15-85.02-1.89-.58-.22-.28-1.43.17-1.86,3.57-3.4,9.84-.53,14.77-.62,9.95-.19,19.91-.51,29.86-.34,11.81.21,23.6.91,35.4,1.31,1.37.05,2.76-.47,4.17-.73-1.26-5.07-2.32-5.92-6.91-6.09-6.29-.23-12.59-.74-18.88-.68-21.14.2-42.27.46-63.4.99-6.19.16-17.64.08-19.18,2.05-1.82,2.34,5.12,6.47,7.53,9.52,4.39,0,10.79-3.86,13.66,0,.81,1.09-.67,2.23-1.02,3.38,1.21,0,2.02.03,2.83,0Z"/>
+    <path class="cls-2" d="M59.35,805.61c.69,3.58,2.44,5.43,5.51,6,3.25.6,6.51,1.22,9.79,1.66,9.03,1.21,18.05,2.84,27.12,3.36,12.93.75,25.91.68,38.87.91,5.65.1,11.31.09,16.96.06.57,0,1.15-.5,1.85-.83-.09-1.4-.18-2.67-.3-4.47-33.63.43-66.77.7-99.79-6.69Z"/>
+    <path class="cls-2" d="M723.52,824.24c-7.72.99-15.49,2.23-23.24,2.23-10.26,0-20.53-1.06-30.79-1.66-11.13-.65-22.26-1.19-33.38-1.97-7.62-.54-15.22-1.44-22.84-2.12-2.19-.2-4.91-.32-5.18,2.48-.28,2.93,2.74,3.04,4.7,3.29,2.79.35,5.65.11,8.48.1,17.16-.12,34.28.51,51.37,2.16,7.61.73,15.31.61,22.9,1.43,10.22,1.11,20.21-.49,30.23-1.78,1.23-.16,2.32-1.37,3.86-2.34-2.26-2.8-4.07-2.07-6.12-1.81Z"/>
+    <path class="cls-2" d="M612.37,804.02c-.82-.04-1.8-.08-2.45.3-1.01.6-1.8,1.56-2.69,2.37.91.76,1.76,2.09,2.73,2.18,5.14.47,10.33.4,15.46.95,6.22.67,12.39,1.76,18.58,2.67-.04.54-.07,1.08-.11,1.62h-33.96c.38,3.97.38,4.08,2.4,4.21,10.84.73,21.64.4,32.37-1.42,2.68-.45,5.87-1.23,6.07-4.21.22-3.35-3.04-4.3-5.83-5.03-10.68-2.78-21.64-3.07-32.57-3.66Z"/>
+    <path class="cls-2" d="M52.35,767.09c10.47,2.36,20.85,5.11,31.33,7.41,3.53.77,7.25.85,10.89.88,2.43.02,4.04-1.56,4.13-4.09.09-2.83-2.21-2.23-3.94-2.51-10.77-1.75-21.53-3.57-32.3-5.29-1.41-.22-2.9.05-4.67.1-3.87-5.12-10.97-4.22-16.48-6.97,1.68,5.92,5.36,9.18,11.04,10.46Z"/>
+    <path class="cls-2" d="M189.9,749.02c2.41-.75,5.44-1.92,4.52-4.83-.87-2.76-4.07-1.56-6.19-1.06-6.78,1.61-13.46,3.6-20.23,5.21-7.24,1.72-14.55,3.17-21.83,4.73-.01.32-.03.65-.04.97,1.06.26,2.11.65,3.19.75,13.98,1.32,27.36-1.68,40.58-5.78Z"/>
+    <path class="cls-2" d="M174.85,813.12c.73,1.87,1.29,3.31,2.07,5.33.46-1.39.67-2.06.81-2.49,1.48.94,2.74,2.28,4.21,2.56,3.56.68,7.2.89,10.82,1.25,6.26.62,12.52,1.25,18.79,1.78,1.89.16,3.8.02,5.88.02-1.87-4.06-5.24-6.46-9.19-6.85-1.98-.19-3.96-.34-5.93-.62-9.01-1.25-18.04-1.55-27.46-1Z"/>
+    <path class="cls-2" d="M108.59,762.65c.75-2.99.69-6.18,1.04-10.13-.96-3.95-1.92-8.64-3.31-13.19-.54-1.75-1.57-3.94-4.21-3.4-1.77.36-3.71,4.15-3.28,6.19.17.8.64,1.53.92,2.31,1.83,5.11,2.46,10.3,1.34,15.68-.34,1.61-.48,3.32-.37,4.96.18,2.68,2.42,3.91,4.51,2.29,1.48-1.15,2.93-2.94,3.37-4.71Z"/>
+    <path class="cls-2" d="M99.88,795.17c.6,1.26,1.37,3.05,2.42,3.32,1.01.27,3.13-.79,3.57-1.79,1.23-2.79,1.83-5.86,2.69-8.81-.44-5.08-1.16-9.75-4.56-13.6-2.26-2.55-4.44-2.12-5.32,1.14-.32,1.19-.41,2.72.07,3.8,1.95,4.41,2.1,8.87,1.14,13.49-.16.79-.32,1.78,0,2.44Z"/>
+    <path class="cls-2" d="M352.06,742.51c-7-2.14-16.77-5.95-24.08-8.18v7.37c7.56,2.09,15.04,4.15,23.03,6.36,1.13-2.7,1.58-3.18,1.05-5.55Z"/>
+    <path class="cls-2" d="M618.13,830.06c-5.36.52-10.71,1.25-16.06,1.91-.13.56-.26,1.12-.39,1.69,1.21.61,2.41,1.69,3.65,1.75,3.64.18,7.31.02,10.96-.15.95-.04,2.12-.33,2.77-.95.73-.7,1.3-1.9,1.3-2.88,0-.49-1.49-1.45-2.23-1.37Z"/>
+    <path class="cls-2" d="M326.58,726.65c5.06,1.6,10,3.57,15,5.35,11.48,4.07,13.48,7.74,13.9,7.8,3.46.5,1.31-1.21-3.62,2.66-1.77,1.39-1.18,4.83-1.05,5.55,2.9,16.93,44.25,24.82,44,25.62-.04.14-1.49.29-9.1-2.14-14.86-4.73-28.42-9.05-40.3-15.75-1.7-.96-5.57-3.21-7.23-1.86-.93.76-1.1,2.6-.46,3.84.76,1.48,2.58,1.94,3.17,2.09,5.95,1.52,22.43,7.11,28.27,9.45,3.57,1.43,11.48,4.95,18.99,7.27.95.29,3.71,1.11,6.81.16,1.96-.6,5.03-2.2,4.97-3.99-.06-1.93-3.67-2.25-9.04-5.84-4.44-2.97-8.18-6.91-7.7-7.63.36-.53,3.03.7,4.04,1.16,7.87,3.61,8.4,8.13,13.43,10.31.55.24,2.5,1.04,2.64,2.35.07.72-.45,1.12-.26,1.83.26,1.02,1.64,1.48,2.04,1.62,2.46.83,4.99-.28,5.37-.44,8.51-3.69,18.14-4.53,26.47-8.6,16.14-7.89,32.05-10.2,52.43-13.16,3.13-.45,9.63-1.33,18-1.93,14.37-1.03,28.77-2.06,46.41.19,7.66.98,17.66,2.8,18.31.81.47-1.47-4.31-4.42-3.75-5.31.36-.58,2.44.65,5.74.19.99-.14,3.07-.43,3.37-1.51.38-1.36-2.3-3.09-2.51-3.22-2.53-1.61-5.29-1.48-5.71-1.46-7.87.32,12.17-5.27-42.64-2.92-27.9,1.2-41.85,1.8-48.26,3.31-7.58,1.79-31.87,8.22-48.91,13.35-1.34.4-4.57,1.38-4.67,1.12-.2-.53,13.07-6.2,23.44-9.92,17.67-6.34,31.71-8.73,44.36-10.83,26.25-4.35,39.38-6.53,51.1-4.17,10.73,2.16,22.22,1.01,32.49,4.8.6.22,2.71,1.05,3.43.25.65-.72.07-2.61-1.04-3.72-1.1-1.09-2.55-1.26-2.91-1.31-10.05-1.2-20.04-4.63-30.12-3.79-42.34,3.53-45.11,1.82-68.36,6.49-14.78,2.97-22.13,5.36-22.23,5-.19-.69,27.02-13.62,61.13-16.13,33.83-2.48,62.38,6.18,63.36,2.3.2-.79-.83-1.82-5.61-4.78-18.16-11.28-24.53-9.7-38.78-18.26-6.26-3.76-13.05-6.61-19.24-10.5-.5-.31-2.22-1.42-4.74-2,0,0-1.53-.35-3.17-.37-22.38-.28-43.37,5.76-43.37,5.76-24.5,7.04-27.88,10.6-31.67,7.74-4.74-3.58-.88-10.24-1.95-33.21-.79-16.96-3.55-27.11.47-29.06,1.06-.51,1.81-.08,9.76,3.43,14.84,6.56,15.99,6.72,17.53,6.6,2.43-.19,5.6-1.06,10.27-.05.88.19.83.24,2.78.78,6.41,1.79,9.61,2.68,11.46,2.35,2.38-.43,4.75-2.54,9.49-6.74,1.93-1.72,3.27-3.08,3.54-3.35,7.26-7.33,15.91-9.02,28.79-18.38,0,0,7.77-5.64,14.76-8.94.85-.4,1.81-.81,1.81-.81,2.32-1,3.78-1.63,4.83-1.83,1.33-.25,3.24.73,7.01,2.69,6.58,3.42,6.95,3.62,8.01,3.84,2.01.41,2.25.02,7,.38,1.63.13,2.99.28,5.39.59,11.3,1.48,15.11,2.55,19.36,1.24,3.02-.93,4.22-2.44,4.57-2.93.78-1.07.64-1.58,1.3-2.61,1.11-1.72,2.78-2.25,5.91-3.38,4.28-1.55,6.42-2.33,8.33-3.33,3.25-1.69,4.99-2.64,5.59-4.55.32-1.03.56-3.1.53-4.97-.01-.91-.08-1.34.11-1.99.52-1.79,2.23-2.74,2.84-3.09,5.91-3.39,12.49-9.9,13.52-10.91,2.62-2.59,4.21-4.2,3.81-5.85-.42-1.79-2.91-2.54-3.86-6.01-.13-.46-.19-.69-.22-1.03-.27-3.51,4.38-4.85,7.99-10.73.86-1.39,1.47-2.74,1.27-4.31-.2-1.55-1.11-2.63-1.47-3.04-.32-.37-1.56-1.79-3.48-2.07-1.65-.24-3,.48-3.71.87-4.71,2.58-7.06,3.88-8.88,5.53-6.75,6.14-17.65,10.88-19.78,8.72-.77-.78.26-1.81.32-5.98.03-1.84.05-5.49-1.58-9.08-.61-1.35-2.95-6.47-6.91-7.02-2.74-.39-4.85,1.61-8.59,4.83-4.38,3.78-9.14,7.12-13.47,10.96-11.89,10.57-11.53,8.25-17.24,14.19-7.97,8.27-11.02,15.22-14.3,14.32-2.24-.62-1.65-4.1-5.37-6.32-3.54-2.11-7.77-1.16-9.08-.86-2.47.56-3.63,1.48-7.45,3.74-3.07,1.82-6.29,3.38-9.39,5.15-15.39,8.8-25.44,13.72-34.73,17.33-2.86,1.11-5.25,1.94-8.47,2.24-5.09.48-7.37-.82-15.29-2.33-6.97-1.33-13.58-1.92-14.78-2.02-5.99-.52-10.14-.5-14.23-3.5-.88-.64-1.62-1.4-3.1-2.92-4.98-5.1-5.6-7.63-8.31-10.03-2.34-2.07-5.09-2.71-10.49-3.9-8.58-1.89-16.47-2.09-22.79-1.88-11.75.4-13.69,2.08-16.87-.06-6.16-4.15-7.32-16.2-3.25-19.27,2.06-1.55,4.8-.31,9.85.92,4.31,1.04,10.65,1.31,23.35,1.86,7.44.32,19.18.75,33.57-2.53,8.25-1.88,13.94-4.19,20.77-6.96,10.9-4.43,14.85-7.32,17.7-9.95,2.07-1.92,4.79-4.48,6.8-8.66,2.6-5.43,2.48-10.43,2.3-14.93-.44-10.88-.66-16.32-1.81-24.79-1.13-8.37-1.34-17.87-1.77-36.85-.25-11.14-.45-20.1.07-31.94.71-15.98,2.37-28.68,2.54-51.22.07-8.7-.13-13.64-3.07-19.07-5.88-10.85-17.88-14.68-21.88-15.89-12.85-3.9-22.62-.91-34.91,1.18-8.07,1.37-22.68,1.4-51.89,1.47,0,0-32.59.07-75.21-2.51-7.48-.45-14.99-.33-22.47-.75-7.45-.41-10.7-.75-15.78.25-4.54.9-10.96,2.16-15.9,7.3-2.86,2.97-5.93,7.99-7.24,11.47-.26.7-1,2.79-2.55,5.31-1.24,2.01-1.43,1.74-2.02,2.91-1.31,2.58-1.08,5.26-.72,9.2.3,3.23.8,4.82.52,4.91-.38.12-1.96-2.54-2.72-5.78-.91-3.84-.03-5.77-1.08-6.37-1.43-.82-5.44,1.33-5.81,4.02-.41,2.95,3.81,4.64,4.44,10.08.13,1.15.06,2.07-.18,2.12-.83.19-2.1-9.99-6.46-10.9-1.63-.34-3.93.56-4.58,2.15-2.09,5.1,13.71,14.68,11.65,18.37-.32.58-.95.77-1.3.88-5.45,1.7-17.53-13.05-14.42-19.07.23-.45.46-.67,4.77-3.1,4.73-2.67,8.98-4.95,12.27-8.47,1.09-1.17,2.21-2.61,1.77-3.68-.22-.56-.78-.82-.98-.9-1.78-.8-4.13.75-5.54,1.64-6.23,3.95-5.42,2.25-9.59,5.31-3.46,2.54-6.84,5.02-9.27,9.34-2.08,3.69-2.55,7.08-2.81,9.19-2.4,19.18-1.77,26.8-1.77,26.8,1,12.23-1.04-.12.3,59.69.87,39.08,1.6,37.7.81,42.79-.25,1.61-1.27,7.9.06,15.84.77,4.6,1.77,10.18,6.05,15.25,4.02,4.75,8.89,6.65,12.72,8.14,6.93,2.69,12.8,2.95,15.59,3.07,34.82,1.52,19.96,1.49,33.37,1.6,32.7.27,49.06.4,50,.11,1.03-.32,3.68-1.2,6.05,0,5.64,2.86,7.17,16.2,1.89,20.95-2.48,2.23-4.67.96-15.38,1.14-13.2.21-20.96,2.32-24.17,3.31-5.18,1.59-8.24,2.57-11.29,5.43-2.54,2.38-6.1,7.01-7.26,13.17-.8,4.25-.07,7.19-1.68,7.96-1.54.74-3.59-1.3-5.69-2.64-6.48-4.13-16.74-3.63-23.09.2-6.2,3.73-8.51,10.53-11.77,20.12-1.35,3.97-.56,2.83-2.31,8.57-2.74,8.98-4.4,10.86-12.27,29.42-.94,2.22-1.01,2.41-1.37,2.79-3.1,3.24-10.04,1.37-51.15-17.78-16.02-7.46-22.64-10.75-27.69-14.62-.82-.63-3.01-2.36-6.34-3.97-4.11-1.98-8.2-2.93-12.83-3.4-13.59-1.38-14.53,3.13-26.82,2.05-2.94-.26-6.25.31-12.87,1.45-.87.15-2.7.49-3.66,1.96-.77,1.18-.59,2.47-.56,2.64.38,2.45,3.26,3.92,5.46,4.12.55.05.84,0,2.16-.18,2.08-.28,4.17-.45,6.24-.77,13.93-2.14,11.99-.82,20.82-2.36,2.67-.46,6.12-1.16,7.09.33.3.46.39,1.16.1,1.65-.54.92-2.28.83-3.99.69-3.84-.3-5.76-.45-7.38-.82,0,0-9.17-2.08-18.83,2.06-1.47.63-2.72,1.36-2.74,2.27-.02,1.03,1.54,2,2.8,2.35,1.18.32,2.18.13,2.46.07,6.86-1.42,23.67-6.98,26.75-3.18.62.76.75,1.98.86,2.95.17,1.55.01,3.75-.78,4.82-1.96,2.67-8.37-.74-17.15-1.21-8.74-.47-16.74,2.14-16.69,3.28.05,1.13,8.08,2.39,16.04,1.83,9.89-.7,16.15-3.96,17.56-1.8.77,1.17-.19,3.51-1.5,4.99-7.52,8.48-32.88-3.79-35.09.93-.4.86-.2,2.62.72,3.59.96,1.02,2.52.98,3.16.97,11.84-.25,13.12,1.94,21.92-.14,4.11-.97,7.4-2.29,8.12-1.17.37.57,0,1.7-.59,2.37-.78.86-1.96.94-2.59.97-7.64.48-5.17.67-6.96.46-10.93-1.25-22.01.88-26.14-.39-.32-.1-1.38-.46-2.39,0-.84.38-.97,1.03-1.49,1.6-1.57,1.71-4.13-.09-7.3,1.23-.35.15-3.07,1.28-3.42,3.54-.28,1.8,1.08,3.52,2.26,4.38,2.07,1.51,3.6.38,5.05,1.63,2.19,1.87.09,5.57,1.77,7.02,1.68,1.44,4.6-1.51,11.62-3.4,7.23-1.94,10.31-.47,15.88-1.73.12-.03,2.07-.47,4.47-.05,1.57.27,2.16.71,2.5,1.06.72.74,1.21,1.99.86,3-.48,1.38-2.38,1.85-3.26,2.05-14.64,3.44-21.64,3.36-21.64,3.36-4.37-.05-11.65-.33-18.25,1.44-1.41.38-3.8,1.12-4.49,3.04-.73,2.03.87,4.16.96,4.27,1.11,1.43,2.79,2.03,5.12,2.37,5.65.83,10.34-.51,10.45-.54,12.69-3.63,32.3-4.41,37.17-3.76.27.04,1.77.25,3.47-.35,1.55-.55,3.51-1.86,3.68-3.59.06-.59-.13-.84-.44-1.79-.18-.55-1.34-4.33-.67-8.14.16-.92.41-1.72-.02-2.54-.4-.74-1.33-1.43-1.82-1.21-1.41.62,2.66,7.98,0,10.93-2.24,2.49-8.63,1.14-9.11-.72-.24-.9,1.09-1.32,2-3.66.28-.72,1.31-3.38.16-5.73-.97-1.97-3-2.74-4.74-3.4-2.8-1.06-5.27-.99-5.27-.96,0,.06,11.5-.32,26.79,2.04,21.75,3.35,20.6,7.53,40.05,10.05,11.05,1.43,23.59,1.66,24.23,5.58.1.6-.11,1.1-.17,1.22-1.4,3.03-9.77,1.67-31.36-1.72-10.34-1.62-21.04.02-31.33-1.86-.58-.11-3.42-.64-4.34.67-.97,1.37.65,4.1-.03,4.49-.47.27-1.26-1-2.33-.83-.29.05-1.04.27-1.77,1.92-1.35,3.05-.67,6.49-.54,7.15,1.5,7.78.63,16.77.44,18.79-.29,2.99-.74,5.06.59,6.92,1.51,2.1,4.28,2.52,5.5,2.69,24.04,3.28,35.76,2.07,35.76,2.07,14.28-1.47,21.42-2.21,25.75-2.74,11.56-1.43,23.57.58,34.89-2.18,1.03-.25,3.99-1.03,6.19.49,1.41.98,1.93,2.51,2.84,5.21,1.02,3.02,1.14,5.42,1.13,6.79-.02,2.04-.04,3.37-.93,4.53-1.27,1.64-3.5,1.87-4.25,1.96-9.4,1.1-18.19,5.42-27.53,6.94-19.8,3.24-15.84,3.34-22.53,4-11.38,1.13-30.51,1.6-38.9,1-2.74-.2-5.47.15-10.94.84-.42.05-1.58.21-2.92.85-2.19,1.05-4.6,3.27-4.23,4.68.44,1.67,4.75,1.88,7.41,1.98,16.24.6,32.05-.61,39.48-1.09,8.32-.54,7.74-.27,12.15-.73,4.2-.43,13.45-1.43,24.73-4.71,8.74-2.54,17.87-3.66,26.54-6.43.58-.19,2.42-.8,3.92.08.92.53,1.34,1.41,1.54,1.84,3.78,8.17,5.64,12.29,4.62,14.21-1.49,2.79-5.07,3.66-5.75,3.83-2.19.53-4.29.19-5.77-.05-2.12-.34-2.74-.8-4.9-.92-1.83-.1-3.05-.16-4.05.62-1.34,1.05-2.01,3.41-1.17,4.64,1.58,2.3,8.36.37,11.71-.59,7.26-2.08,9.46-4.54,11.38-3.3,2.73,1.76,1.86,9.03,0,9.57-1.56.45-3.66-3.89-4.85-3.37-1.17.51,1.08,4.61-.73,7.12-1.56,2.17-4.6,1-16.77-.08-.67-.06-2.13-.19-3.06-1.26-1.16-1.33-.85-3.37-.76-3.91.29-1.9,1.17-2.25,1.51-3.63.61-2.47-1.25-5.25-2.68-6.56-2.6-2.4-5.77-1.76-12.08-1.83-7.5-.09-5.45-1.03-15.77-1.51-6.86-.32-5.05.22-16.88.13-6.96-.05-9.9-.26-13.78,1.52-1.17.54-6.18,2.83-6.1,5.82.06,2.28,3.07,4,6,5.32,8.94,4.04,16.12,3.9,25.29,4.93,4.79.54,18.69,2.11,33.48,7.55,3.71,1.36,4.94,2.04,7.95,2.64,7.58,1.51,18.06.86,21.88.62,1.13-.07,3.3-.22,5.65.84,2.57,1.16,4.02,3.17,4.78,4.25,1.2,1.71,2.6,3.7,2.12,5.68-.54,2.24-3.22,3.37-4.6,3.93-29.67,12.04-34.74,11.31-37.12,8.74-.85-.92-1.44-2.17-3.26-3.21-2.72-1.55-5.51-1.11-8.41-.88-3.86.3-7.73-.28-11.6-.3-7.63-.05-12.05-.92-17.69-1.54-9.76-1.07-8.78.22-30.5-.07-19.12-.25-28.68-.38-34.24-2.12-1.39-.44-4.22-1.41-4.7-.64-.58.95,2.37,4.58,6.28,5.96,1.86.66,3.57.68,4.96.69,4.05.05,6.63-1.13,7.36-.03.25.38.26.98,0,1.41-.67,1.12-3.08.9-10.77.61-.94-.04-2.64-.08-3.48.98-.49.62-.24,1.05-.58,1.47-1.38,1.66-7.5-2.9-9.38-1.26-1.14.99-.65,4.19,1.06,5.43,1.22.89,2.81.58,3.82.4,3.76-.69,7.7-.41,11.36-1.5,13.48-4,35.92-4.08,39.65-4.07.9,0,9.34.04,9.36.62.03.57-8.14,1.19-16.93,2.24-36.41,4.32-54.62,6.48-60.82,7.94-1.62.38-5.85,1.43-9.73-.6-2.58-1.35-3.88-3.46-5.81-6.58-3.8-6.16-6.12-13.02-6.12-13.02-.59-1.73-1.52-4.74-3-4.81-.49-.02-.88.29-.97.37-1.54,1.27-.5,5.37.98,9.65,3.08,8.91,4.62,13.37,8.03,16.4,5.01,4.46,10.81,5.35,13.34,5.71,5.5.77,9.82-.31,11.84-.81,2.44-.6,25.23-6.23,38.47-8.02,3.61-.49,11.59-.51,27.57-.56,18.42-.06,20.37.49,28.6-.11,8.76-.65,15.65-2.13,29.42-5.11,13.59-2.93,27.36-5,41.03-7.57.03,0,.17-.03.35-.04.52-.01,1.13.17,1.21.34.21.49-3.12,2.53-5.42,3.66-9.66,4.76-21.82,4.78-21.82,4.78-15.47.02-13.17,3.75-47.7,7.6-14.73,1.64-19.01,1.39-23.68-.18-3.16-1.06-8.43-3.39-9.35-2.04-.6.89.95,2.95,1.14,3.21,1.69,2.24,4.2,3.02,5.3,3.3,12.02,3.11,21.71.73,21.71.73,21.22-5.22,18.49-.51,37.86-5.96,0,0,26.79-7.54,37.81-6.34,2.84.31,4.36,1.08,4.36,1.08,1.5.76,2.02,1.54,3.66,2.08,1.45.47,2.65.4,3.15.38.78-.03,48.63-1.93,52.38-1.94.47,0,2.14.02,2.75-.96.36-.57.21-1.24.17-1.4-.36-1.6-2.46-2.14-2.71-2.2-.76-.18-1.37-.11-1.48-.1-5.02.57-17.65-1.75-35.89,1.27,0,0-7.59,1.26-16.92-.26-1.41-.23-3.02-.68-3.4-1.8-.24-.71.09-1.4.17-1.56,1.21-2.51,7.49-2.23,8.81-2.18,7.64.32,15.32-.32,22.95.26,32.09,2.41,34.81-1.04,39.45-.7.3.02,1,.09,1.66-.31,1.58-.98,1.25-3.75,1.76-3.8.53-.05.44,3,2.31,4.5,1.86,1.5,5.45,1.29,6.8-.51,1.12-1.49.57-3.89,0-5-2.59-5.01-15.77-2.85-40.76.51-26.77,3.6-37.58,4.61-40.39-.38-1.1-1.96-1.52-5.83,0-6.94,1.4-1.02,4.13.54,4.9.95,8.63,4.64,29.58,4.23,57.79,3.67,11-.22,9.95-.57,21.93-.77,0,0,13.66-.22,32.44.95.11,0,.03,0,.73.06,1.67.14,2,.15,2.18.39.29.4-.07,1.13-.14,1.26-1.5,2.99-31.55-6.47-35.26,0-.86,1.51-1.09,5.26,0,5.81.17.08.27.04.64.08,1.42.13,2.42.92,2.77,1.15,2.17,1.43,8.62.74,8.62.66,0-.05-2.64-.23-5.46.64-2.79.86-3.12,1.94-3.18,2.2-.02.06-.19.82.24,1.37.68.87,2.38.57,2.95.48,3.95-.62,8.05.3,11.99-.41,7.93-1.43,25.89-1.08,39.35.81,2,.28,11.62,1.68,23.26,2.48,3.6.25,8.94.54,13.01-2.76,2.52-2.05,2.04-3.44,4.12-5.02,3.88-2.95,8.75-.52,20.76,1.78,18.72,3.58,20.39.24,20.48-.15,0-.01,0-.02.36-1.82.09-.47.18-.93.19-.94.44-2.21,76.1-15.44,80.71,0,.33,1.09.32,2.43,1.5,3.69,2.85,3.07,8.13.87,21.67-.02,3.38-.22,3.02-.08,7.78-.38,10.95-.68,16.59-1.65,16.73-3.13.07-.74-1.29-1.09-1.28-2.37,0-.87.64-1.18,1.82-2.83,1.09-1.52,1.72-2.4,1.72-3.4,0-1.21-.91-2.08-2.26-3.31-3.11-2.86-6.55-3.66-7.52-3.87-1.59-.33-2.83-.35-3.4-.35-8.76-.08-13.14-.12-13.99-.06-8,.56-11.22-.48-25.46-.66-9.93-.13-15.45.29-24.44.66-41.11,1.68-48.75-1.99-67.97.35-9.58,1.16-19.48-.68-28.91,1.36-.26.06-1.55.36-3-.12-1.26-.42-2.85-1.5-2.74-2.25.22-1.55,7.55-1.14,18.55-2.23,7.12-.71,18.12-2.28,18.08-3.55-.02-.7-3.4-1.29-5.78-1.39-2.11-.09-3.69.21-4.23.3-4.85.87-5.2.23-11.68,1.09-8.17,1.09-11.04,2.58-15.88,1.34-.65-.17-3.45-.88-3.42-1.69.02-.56,1.38-.94,2.23-1.14,11.76-2.84,29.28-2.83,29.28-2.83,9.4,0,14.8-.33,22.27,1.8,2.53.72,5.59,1.81,5.49,2.31-.09.44-2.56.11-7.19.32-3.54.16-6.92.57-6.91.79,0,.24,3.96-.84,8.77.66,2.68.84,4.54,2.14,6.86,1.34.58-.2,1.46-.5,1.83-1.28,1.01-2.13-2.56-6.4-6.44-8.54-.8-.44-3.07-1.6-8.77-2.01-4.54-.33-7.7.08-11.09.43,0,0-6.51.67-31.24,1.58-.91.03-.76,0-1.36.04-2.62.13-3.64.53-4.07-.03-.22-.29-.24-.76-.05-.99.07-.09.19-.16,1.27-.35.19-.03.35-.06.43-.07,20.4-2.94,39.14-4.28,39.14-4.28,8.07-.58,1.34-.24,33.81-3.25,25.26-2.34,37.89-3.51,40.8-3.43,25.85.68,38.78,1.02,44.33,2.19,1.04.22,5.23,1.15,5.74.03.06-.14.28-.76-1.66-2.61-4.59-4.36-13.37-8.06-17.23-4.95-.73.59-1.38,1.5-2.68,1.67-1.86.24-3.46-1.27-3.77-1.55-5.06-4.45-25.97.06-25.97.06-14.47,3.12-29.53,2.03-44.29,3.12-17.34,1.29-16.7,1.14-20.41,1.56-11.52,1.28-16.99,2.58-33.55,4.65-7.16.9-16.32,2.04-16.42,1.49-.11-.64,11.83-3.19,13.41-3.52,21.57-4.61,40.94-6.33,60.63-7.47,20.83-1.21,16.04-.26,38.9-1.54,29.12-1.63,37.13-3.17,45.6-1.69,1.37.24,7.38,1.37,7.87.04.12-.33-.09-.79-1.42-2.07-2.62-2.53-4.77-3.57-8.09-5.82-3.31-2.24-4.08-3.16-4.22-4.19-.03-.25-.13-1.18-.34-2.73-.19-1.36-.23-1.5-.28-1.6-.68-1.56-3.53-1.78-4.3-1.83-29.41-1.92-32.33-1.36-32.33-1.36-18.07,3.49-15.12-1.57-50.27,2.11-48.33,5.05-66.45,15.91-71.23,16.54-.5.07-2.14.19-3.04,1.37-.54.7-.44,1.29-1.02,1.75-.99.78-2.68.17-3.07.04-4-1.31-11.23,2.95-18.05,2.47-9.39-.66-15.98-10.17-19.7-8.42-.24.11-.84.39-1.2,1.03-1.14,2.01,1.79,4.7,1.46,5.74-1.05,3.43-37.54-8.34-70.03-11.11-37.3-3.19-69.63,5.45-71.26-1.04-.2-.78.13-1.46.3-1.83,7.45-15.72,134.02,18.68,136.52,11.21.04-.13.7-2.21-.32-3.85-.95-1.53-2.88-1.92-3.53-2.05-10.52-2.13-20.79-6.18-31.51-6.61-17.06-.69-12.76-3.02-34.97-4.71-21.28-1.62-32.99-2.51-45.46-1.48,0,0-8.63.71-21.77-2.37-5.51-1.29-6.38-2.2-6.36-2.74.03-.76,1.79-1.26,2.38-1.43,18.54-5.31,44.5-.22,44.51-.22,42.7,8.37,46.21,4.7,47.01,3.09.89-1.79-.13-3.89-.31-4.28-2.58-5.35-12.89-6.2-45.93-3.68-28.15,2.15-38.73,4.15-45.56-2.97-3.22-3.35-6.88-10.06-4.92-12.63,1.32-1.72,4.8-1.1,5.95-.91,12.6,2.16,25.76.22,38.22,3.04,41.17,9.31,50.07,11.04,52.79,6.97,1.49-2.24,1.07-5.77-.37-7.82-2.89-4.11-10.33-3.02-16.89-2.56-25.34,1.76-33.08-6.23-52.51-5.8,0,0-2.24.05-15.63-2.93-.65-.14-2.1-.49-3.21-1.68-1.12-1.19-1.34-2.63-1.48-3.42-1.21-7.12-3.2-10.16-1.95-11.02.67-.46,1.35.33,4.4.82,1.6.26,2.68.24,4.06.26,6.36.08,7.8.75,14.48.87,0,0,4.48.08,7.33.65.05,0,.31.06.67.12.92.14,1.64.17,2.07.17.08,0,.14,0,.14,0,13.24-.04,46.55,11.51,46.55,11.51,2.07.72,4.89,1.7,8.25,2.88M571.64,769.04c-2.12,2.62-4.34,2.72-6.55,2.86-7.59.47-15.18,1.04-22.78,1.39-14.1.64-28.3,2.39-42.3,1.41-19.97-1.39-39.45-.24-58.8,4.64-4.96,1.25-10.07,1.88-15.11,2.79,46.94-18.74,95.74-17.17,145.55-13.09ZM623.17,583c-2.51,3.74-7.97,6.43-13.96,7.12-3.79.44-7.66.43-11.4,1.12-2.86.53-5.58,1.83-8.36,2.79-.36-.23-.71-.47-1.07-.7.72-1.04,1.21-2.52,2.2-3.01,2.04-1.03,4.29-1.88,6.54-2.19,8.78-1.22,17.95-.2,26.05-5.13ZM571.47,573.91c2.92-1.82,6.07-3.31,9.24-4.67,2.57-1.11,5.39-1.65,7.95-2.79,5.63-2.51,9.31-6.73,10.25-13.13,2.39,1.95,1.77,3.93.83,6.03-2.94,6.54-8.19,10.38-14.89,12.18-5.02,1.35-9.87,2.8-13.65,6.63-.34.35-1.14.25-2.54-.4.92-1.31,1.56-3.07,2.81-3.85ZM522.84,596.44c2.53-3.64,5.25-6.85,9.8-7.83,4.1-.88,6.04,1.12,5.24,5.27-6.87-2.42-9-1.24-13.68,7.78-2.7-1.35-3.04-2.81-1.37-5.21ZM479.9,611.4c-6.1,13.39-.48,21.82,9.51,28.67-4.99,1.56-9.92-2.02-13.35-9.51-3.93-8.59-3.03-14.76,3.84-19.16ZM564.74,747.65c-4.02,0-9.35.29-14.65-.05-31.28-1.99-62.23-.03-92.46,8.53-13.38,3.79-26.36,8.97-39.56,13.41-4.15,1.39-8.42,2.42-12.72,3.29,50.64-27.07,104.46-33.91,159.39-25.19ZM426.56,607.75c7.44,3.08,14.89,6.16,22.12,9.16-2.32,4.88-4.27,8.99-6.11,12.85,6,1.39,11.47,2.65,16.93,3.92-.06.43-.11.86-.17,1.29-2.16,0-4.34.22-6.47-.05-2.93-.38-5.81-1.16-8.72-1.72-3.49-.68-4.29-1.64-3.38-5.08.83-3.14,2.06-6.18,3.32-9.85-4.15-1.44-7.9-3.36-11.85-3.94-3.67-.54-4.93-2.75-6.45-5.19.25-.46.51-.92.76-1.37ZM232.74,377.05c.14-3.45.98-6.89,1.69-10.3,2.01-9.69,8.68-14.29,17.92-15.33,4.9-.55,9.93-.14,14.9.06,9.97.41,19.95.74,29.89,1.52,24.42,1.93,48.87,2.08,73.33,1.82,18.65-.2,37.29-.97,55.93-1.56,7.97-.25,15.96-.35,23.88-1.14,6.57-.65,13.75,4.75,15.27,10.56,1.41,5.41,2.5,11.02,2.8,16.59.73,13.63-.69,27.19-2.28,40.73-1.84,15.71-1.81,31.44-.66,47.23.83,11.43.86,22.91,1.36,34.36.37,8.48.84,16.95,1.43,25.41.69,9.89-4.97,17.81-14.88,19.1-8.2,1.07-16.57,1.56-24.84,1.3-27.33-.86-54.63-.23-81.94.76-14.14.51-28.31,1.36-42.42.88-12.05-.41-24.12-2.07-36.04-3.99-7.56-1.22-14.74-4.54-20.44-9.76-3.05-2.79-5.34-6.79-6.96-10.66-3.11-7.43-3.73-15.45-4.05-23.45-.55-13.96-1.12-27.92-1.71-41.88-.07-1.75.17-3.75-2.3-4.14-.02-12.78,0-25.55-.08-38.33-.02-2.63-.6-5.25-.56-7.87.16-10.64.33-21.28.76-31.91ZM286.49,556.31c-13.53-.19-26.76-2.81-39.44-7.65-10.51-4.02-14.92-12.36-16.31-23.05-2.74-21.23-1.52-42.49-.81-63.75.07-2.13,1.6-4.21,2.55-6.32-.23,16.47-.79,32.94-.53,49.4.13,8.72,1.33,17.48,2.75,26.11,1.24,7.54,5.96,12.49,13.21,15.54,13.45,5.65,27.54,7.46,41.88,7.66,17.97.25,35.96.08,53.94-.11,12.78-.14,25.56-.62,38.34-.9,1.9-.04,3.8.19,5.71.29.01.37.03.73.04,1.1-.84.12-1.68.33-2.52.36-12.14.43-24.27,1.07-36.41,1.21-20.8.23-41.6.4-62.39.11ZM286.44,595.3c13.26-1.04,26.54-2.02,39.82-2.35,20.63-.51,41.27-.52,61.91-.58,4.46-.01,8.97.37,13.38,1.08,10.89,1.74,16.69,8.04,18.11,19.95.98,8.21,1.63,16.48,1.96,24.74.83,20.91,1.4,41.83,2.06,62.75.06,1.98,0,3.96,0,5.4-8.12,3.74-15.76,7.21-23.34,10.81-1.13.54-2.31,1.48-2.91,2.55-1.75,3.09-4.41,3.39-7.6,3.49-5.83.17-11.15-1.27-16.34-3.71-13.36-6.29-26.68-12.69-40.17-18.72-9.24-4.14-18.81-7.54-28.87-9.16-4.38-.71-8.85-.93-13.52-1.39v-8.69h-8.62q-.87,4.01,5.09,5.25c-.24,1.06-.48,2.11-.72,3.14h-8.54c-.36-9-.71-17.88-1.06-26.82.05,0,.37-.1.52.02,1.89,1.4,3.79,1.21,5.49-.18.45-.36.6-1.64.32-2.24-.96-2.04-2.74-2.74-4.96-2.41-.47.07-.95.01-1.47.01-.45-6.31-.9-12.57-1.37-19.01-1.9-.35-3.48-.65-5.8-1.08-.06,17.5,2.21,34.54,1.59,51.6-.4.06-.8.12-1.19.18-.27-.93-.73-1.85-.78-2.79-.64-12.1-1.17-24.2-1.82-36.3-.59-11.09-1.28-22.17-1.95-33.26-.86-14.2,8.47-21.31,20.77-22.28ZM254.73,653.67c2.14,3.09,3.42,26.65,2.1,35.54h-14.67c-.28-5.73,7.76-28.59,12.57-35.54ZM107.6,673.29c3.61-9.07,4.83-18.35,4.29-28.49,1.74.85,3,1.22,3.98,1.98,16.26,12.47,35.37,18.79,54.42,25.27,8.48,2.89,16.93,5.87,25.27,9.14,4.11,1.62,7.93,4,11.87,6.03-.58,3.55-1.04,6.42-1.52,9.34-3.02-.16-5.78-.36-8.55-.45-2.31-.08-3.74-.88-3.95-3.46-.15-1.85-.76-3.67-1.17-5.5-.43.07-.85.13-1.28.2.1,1.66.2,3.33.35,5.79-28.28-5.18-55.84-12.51-83.72-19.84ZM214.06,725.98c-10.09.45-20.23.65-30.32,1.41-12.23.92-24.41,2.63-36.65,3.41-11.59.74-23.22.86-35.04-1.08.31-9.73,2.5-19.6-3.52-28.34,12.47.98,24.97,1.62,37.38,3.03,15.26,1.73,30.5,1.98,45.79,1.24,6.42-.31,12.83-.9,19.25-1.12,1.01-.03,2.55.97,3.02,1.91,3.84,7.61,5.07,11.5.07,19.54ZM237.65,791.97c-1.98,0-4.38.36-5.6-3.12,1.96-.33,3.48-.73,5.01-.82,14.81-.83,29.58-.21,44.32,1.31,11.67,1.2,23.37,2.24,35,3.75,11.08,1.44,22.09,3.41,33.13,5.15-.03.28-.06.56-.09.84-6.71-.49-13.44-.84-20.13-1.51-20.77-2.08-41.38-5.77-62.33-5.84-9.77-.03-19.54.23-29.31.25ZM319.57,812.62c-7.19-.38-14.41-.44-21.55-1.2-13.78-1.47-27.57-1.87-41.39-1.09-1.92.11-3.81.69-6.33,1.17-.8-1.2-1.69-2.54-2.82-4.24,24.77-4.06,48.33,2.03,72.15,4.3-.02.36-.04.71-.06,1.07ZM364.35,809.83c-8.91-1.02-17.86-1.74-26.76-2.87-12.32-1.57-24.61-3.38-36.9-5.15-11-1.59-21.88-4.56-33.15-2.86-6.4.96-12.75,2.19-19.17,3.01-4.79.61-4.81.4-7.89-4.44,19.99-2.17,39.86-1.17,59.77,1.86,14.91,2.27,30.02,3.36,45.05,4.74,12.23,1.13,24.49,1.91,37.1,2.88.11,1.58.22,3.16.38,5.29-6.39-.86-12.4-1.76-18.43-2.45ZM308.8,785.18c-25.19-1.72-50.48-2.08-75.95-3.05-.67-3.14-1.45-6.77-2.26-10.56,45.12-1.45,89.34,3.49,133.23,11.91,5.55,1.06,10.93,2.98,16.3,4.86-5.96-1.14-11.91-2.23-17.87-3.28s-11.93-2.04-17.9-2.96c-2.99-.46-5.97-.91-8.96-1.34-32.87-4.71-65.92-7.22-99.38-5.28-.05,3.16.04,3.78,1.89,3.93.43.04.95.05,1.58.06,16.97.28,33.98.05,50.9,1.14,15.04.97,30.04,3.05,44.94,5.35,14.21,2.19,28.28,5.23,42.38,8.09,2.16.44,5.11.3,6.09,4.39-25.22-5.28-49.79-11.53-75-13.25ZM419.9,830.22c-2.47.21-4.99.16-7.47-.04-6.8-.53-13.59-1.16-20.38-1.85-1.68-.17-3.32-.77-4.64-1.08.57-3.38,1.23-5.57,1.27-7.77.11-6.32-.06-12.65-.06-18.97,0-1.99-.13-4.04.31-5.95,1.25-5.5,5-9.13,9.54-9.58,5.79-.58,12.52,2.85,15.05,7.89,1.1,2.2,2.07,4.55,2.61,6.94,1.7,7.51,4.85,14.36,8.73,20.97,3.57,6.09,2.06,8.86-4.95,9.45ZM593.67,818.76c-5.66.21-11.32.29-16.98.39-22.42.39-44.84.91-67.27,1.12-13.96.13-27.93-.39-41.89-.29-10.64.07-21.27.62-31.91,1-2.7.1-4.89-.45-5.75-3.45,15.69-3.1,162.91-3.23,170.22.28-2.71.42-4.56.89-6.42.96Z"/>
+    <path class="cls-2" d="M241.63,410.39c.34-9.95.75-19.91,1.21-29.86.38-8.44,5.66-16.33,16.63-15.7,17.62,1.01,35.27,1.55,52.91,1.79,18.65.25,37.31-.06,55.96-.16,17.66-.09,35.32-.22,52.98-.34,1.77-.01,3.55,0,5.44,0v-5.27c-8.26,0-16.07-.11-23.87.02-17.47.29-34.94.89-52.41,1-12.8.08-25.61-.36-38.42-.71-8.3-.23-16.59-.89-24.89-1.03-10.49-.18-20.99-.16-31.48.03-6.12.11-11,3.04-13.7,8.53-1.87,3.82-3.74,7.99-4.09,12.13-.89,10.41-.93,20.89-1.25,31.35-.03.91.43,1.83.66,2.7,4.03.66,4.23-1.73,4.32-4.48Z"/>
+    <path class="cls-2" d="M265.06,535.32c-1.57,1.1-4.12-1.29-3.03-2.73,3.35-4.45-.91-7.78-1.37-11.61-.09-.74-2.01-1.76-3.06-1.72-.96.03-2.15,1.15-2.74,2.09-.91,1.46-1.4,3.19-2.25,5.24-4.94-4.69-5.43-10.96-8.62-17.43-.8,2.41-1.93,3.98-1.57,5.04,1.64,4.81,3.34,9.66,5.7,14.14,2.1,3.97,4.96,3.73,7.63-.07.91-1.29,1.73-2.64,2.59-3.96.38.1.75.19,1.13.29-.26,2.12-.51,4.25-.8,6.37-.61,4.46,1.95,7.87,6.39,8.12,1.12.06,2.47-.64,3.37-1.39.4-.33.26-1.91-.19-2.52-.97-1.33-1.86-.79-3.19.14Z"/>
+    <path class="cls-2" d="M263.27,372.2c9.33-.29,18.57.29,27.66,2.55.79.2,1.82.51,2.42.19,1.04-.55,2.11-1.44,2.6-2.46.17-.36-1.17-1.99-2.05-2.22-2.71-.73-5.53-1.07-8.3-1.57-8.91-1.62-17.82-1.44-26.72-.15-.6,3.94,2.02,3.73,4.38,3.66Z"/>
+    <path class="cls-2" d="M433.58,366.04c4.28-.01,8.56-.42,12.83-.65,2.02-.11,3.31-1.34,2.82-3.15-.23-.84-2.21-1.7-3.39-1.69-4.89.04-9.79.4-15,.66-.04,2.15-.95,4.84,2.74,4.82Z"/>
+    <path class="cls-2" d="M275.61,634.98c0-7.4.1-14.19-.09-20.97-.04-1.26-1.48-2.42-1.89-3.74-.39-1.26-.8-2.94-.27-3.97,1.53-3.01,4.16-3.56,7.18-1.62,4.64,2.98,9.47,2.37,14.33.95.5-.15.73-1.25,1.51-2.73h-12.79c0-.43-.01-.86-.02-1.28,6.18-.59,12.35-1.18,18.58-1.77.14,4.51,1.4,6.97,3.52,6.71,1.4-.17,2.65-1.57,3.96-2.43-1-1.39-1.99-2.78-3.01-4.19,1.15-.83,2.78-2,4.4-3.17-.16-.51-.33-1.02-.49-1.53-3.55-.13-7.11-.58-10.63-.31-5.46.41-10.88,1.28-16.31,2-5.7.76-9.86,4.33-13.82,8.01-1.17,1.09-1.85,3.25-1.89,4.94-.19,8.26-.09,16.53-.09,25.5,2.93-.14,5.27-.26,7.82-.39Z"/>
+    <path class="cls-2" d="M187.77,710.96c-10.26.78-20.52,1.66-30.77,2.62-3.69.35-7.35,1.02-11.02,1.55.01.55.02,1.11.03,1.66,1.86.5,3.7,1.18,5.6,1.47,12.78,1.99,25.57,1.04,38.34-.16,2.56-.24,4.22-1.76,4.8-4.33-1.59-2.83-4.33-3.01-6.98-2.81Z"/>
+    <path class="cls-2" d="M175.53,680.93c-15.01-3.62-29.99-7.33-43.54-15.09-2.36-1.35-3.7-.47-5.43,2.37,2.49,1.6,4.64,3.52,7.15,4.5,10.01,3.9,20.09,7.65,30.25,11.16,4.69,1.62,9.57,2.76,14.45,3.71,2.53.49,5.61,1.33,7.46-2.05-2.78-3.35-6.73-3.74-10.34-4.6Z"/>
+    <path class="cls-2" d="M413.54,798.39c-.53-2.38-1.61-4.71-2.85-6.83-2.05-3.51-8.31-5.83-12.19-4.84-3.55.9-7.33,5.05-7.42,9.12-.22,9.6-.07,19.22-.07,28.76,9.42,2.79,29.16,3.1,33.84.3-.51-1.18-.74-2.18-1.3-2.94-5.22-7.07-8.12-15.08-10.01-23.57Z"/>
+    <path class="cls-2" d="M304.66,404.91c-10.4-.08-21.17,0-29,8.92-.32.36-.81.58-1.25.81-9.67,5.29-14.78,13.12-15.18,24.44-.41,11.56,1.53,22.06,9.96,30.53,6.02,6.04,7.27,5.78,15.62,8.13,5.81,1.64,6.37,1.64,14.82,1.12,2.64-.37,5.43-.72,8.21-1.16,8.68-1.39,16.77-4.31,23.5-10.11,10.61-9.14,15.28-20.64,11.28-34.32-5.36-18.29-18.03-28.21-37.96-28.37ZM291.56,434.13c-1.89-1.38-4.38-2.38-5.54-4.22-1.55-2.47.19-5.06,2.4-6.26,2.96-1.61,6.26-2.77,9.56-3.54,2.12-.49,4.27.58,5.3,2.82.98,2.12-.05,3.81-1.41,5.38-2.5,2.89-6.93,5.22-10.32,5.82ZM325.2,463.16c-7.49,5.47-16.08,7.66-25.17,8.29-.78.05-1.61-.26-2.38-.5-.22-.07-.33-.51-.49-.78,0,0,0,0,0,0,0,0,0,0,0,0,3.2-.5,6.45-.77,9.58-1.52,10.12-2.43,16.66-10.85,17.01-21.27.36-11.02-3.25-20.19-11.99-27.16-7.15-5.7-15.16-6.57-23.52-3.65-2.48.86-4.5,3.17-6.59,4.97-1.13.97-1.96,2.29-2.93,3.45.84-7.42,7.31-11.77,13.62-12.13,6.44-.37,12.96-.55,19.37,0,11.07.96,20.95,10.29,23.95,21.81,2.9,11.16-.86,21.51-10.44,28.5Z"/>
+    <path class="cls-2" d="M407.77,401.85c-10.4-.08-21.17,0-29,8.92-.32.36-.81.58-1.25.81-9.67,5.29-14.78,13.12-15.18,24.44-.41,11.56,1.53,22.06,9.96,30.53,6.02,6.04,7.27,5.78,15.62,8.13,5.81,1.64,6.37,1.64,14.82,1.12,2.64-.37,5.43-.72,8.21-1.16,8.68-1.39,16.77-4.31,23.5-10.11,10.61-9.14,15.28-20.64,11.28-34.32-5.36-18.29-18.03-28.21-37.96-28.37ZM394.67,431.07c-1.89-1.38-4.38-2.38-5.54-4.22-1.55-2.47.19-5.06,2.4-6.26,2.96-1.61,6.26-2.77,9.56-3.54,2.12-.49,4.27.58,5.3,2.82.98,2.12-.05,3.81-1.41,5.38-2.5,2.89-6.93,5.22-10.32,5.82ZM428.3,460.1c-7.49,5.47-16.08,7.66-25.17,8.29-.78.05-1.61-.26-2.38-.5-.22-.07-.33-.51-.49-.78,0,0,0,0,0,0,0,0,0,0,0,0,3.2-.5,6.45-.77,9.58-1.52,10.12-2.43,16.66-10.85,17.01-21.27.36-11.02-3.25-20.19-11.99-27.16-7.15-5.7-15.16-6.57-23.52-3.65-2.48.86-4.5,3.17-6.59,4.97-1.13.97-1.96,2.29-2.93,3.45.84-7.42,7.31-11.77,13.62-12.13,6.44-.37,12.96-.55,19.37,0,11.07.96,20.95,10.29,23.95,21.81,2.9,11.16-.86,21.51-10.44,28.5Z"/>
+    <path class="cls-2" d="M392.21,635.78c7.68.22,14.69-4.18,16.57-10.37,2-6.59-1.03-13.39-7.64-17.93-8.82-6.06-20.67-2.93-27.09,1.94-5.12,3.88-5.67,11.27-1.69,16.59,4.93,6.57,11.75,9.51,19.85,9.77ZM381.69,613.03c1.51-.55,3.15-.74,5.25-1.22-.42,4.76-4.15,8.34-2.01,13.25,4.94-2.52,5.7-7.83,9.52-11.02-.53,1.84-1.12,3.66-1.57,5.51-.49,1.98-.84,4-1.4,6.71,5.19-2.01,6.55-6.07,8.47-9.7,3.78,5.45,2.85,9.27-3,10.85-6.4,1.73-12.57,1.04-17.59-3.94-3.99-3.96-2.98-8.52,2.33-10.45Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/apps/documentation/public/images/tip-caution.svg b/apps/documentation/public/images/tip-caution.svg
new file mode 100644
index 00000000..d5388560
--- /dev/null
+++ b/apps/documentation/public/images/tip-caution.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 145 145" style="enable-background:new 0 0 145 145;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F9F9F9;}
+	.st1{fill:#EDEDED;}
+	.st2{fill:#E2205C;}
+	.st3{fill:#F22F66;}
+</style>
+<g id="Warning">
+	<circle class="st0" cx="72.5" cy="26.7" r="12"/>
+	<circle class="st0" cx="22.8" cy="112.3" r="12"/>
+	<circle class="st1" cx="122.2" cy="112.3" r="12"/>
+	<polygon class="st0" points="12.1,107 61.7,21.5 83.3,21.5 132.9,107 	"/>
+	<polygon class="st1" points="64.3,107 107.7,63.5 132.9,107 	"/>
+	<rect x="22.8" y="101.5" class="st0" width="99.4" height="22.8"/>
+	<circle class="st2" cx="68.6" cy="82.7" r="2.1"/>
+	<circle class="st2" cx="76.4" cy="82.7" r="2.1"/>
+	<circle class="st3" cx="65.6" cy="48" r="2.1"/>
+	<circle class="st3" cx="79.4" cy="48" r="2.1"/>
+	<rect x="68.6" y="80.7" class="st2" width="7.8" height="4.1"/>
+	<rect x="65.6" y="46" class="st3" width="13.8" height="4.1"/>
+	<polygon class="st3" points="63.5,48 66.5,82.7 78.5,82.7 81.5,48 	"/>
+	<polygon class="st2" points="65.7,72.8 66.5,82.7 78.5,82.7 80.6,57.8 	"/>
+	<polygon class="st1" points="122.2,101.5 69.8,101.5 46.9,124.3 122.2,124.3 	"/>
+	<circle class="st3" cx="72.5" cy="98.8" r="8.2"/>
+	<path class="st2" d="M66.7,104.6c3.2,3.2,8.4,3.2,11.7,0c3.2-3.2,3.2-8.4,0-11.7L66.7,104.6z"/>
+</g>
+</svg>
diff --git a/apps/documentation/public/images/tip-info.svg b/apps/documentation/public/images/tip-info.svg
new file mode 100644
index 00000000..c77c1b4c
--- /dev/null
+++ b/apps/documentation/public/images/tip-info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180"><defs><style>.cls-1{fill:#f22f66;}.cls-2{fill:#e2205c;}.cls-3{fill:#f9f9f9;}.cls-4{fill:#ededed;}.cls-5{fill:#00c9a2;}</style></defs><title>Info</title><g id="Info"><circle class="cls-1" cx="90" cy="155.78" r="24"/><path class="cls-2" d="M106.77,138.62,72.84,172.55a24,24,0,1,0,33.93-33.93Z"/><circle class="cls-3" cx="90" cy="81.8" r="49.45"/><path class="cls-3" d="M90,103.4v48.16H65.88c-2.93-16.78-13-33.86-19-45.53-.47-.9-.92-1.77-1.38-2.6a0,0,0,0,0,0,0Z"/><path class="cls-3" d="M134.49,103.4c-.5.93-1,1.91-1.54,2.92a.41.41,0,0,1-.05.09c-6,11.66-15.88,28.56-18.78,45.15H90V103.4Z"/><path class="cls-3" d="M90,103.4v48.16H65.88c-2.93-16.78-13-33.86-19-45.53-.47-.9-.92-1.77-1.38-2.6a0,0,0,0,0,0,0Z"/><path class="cls-4" d="M131.65,55.17,83.43,103.4h51.06c-.47.88-1,1.81-1.46,2.77a49.4,49.4,0,0,0-1.37-51Z"/><path class="cls-4" d="M90,131.25h0v20.31h24.12c2.9-16.59,12.8-33.49,18.78-45.15a.41.41,0,0,0,.05-.09l.08-.15A49.42,49.42,0,0,1,90,131.25Z"/><path class="cls-4" d="M90,103.4v27.85h0a49.42,49.42,0,0,0,43-25.09c.49-1,1-1.88,1.46-2.77Z"/><path class="cls-4" d="M63.37,123.46l-5.07,5.07a98.57,98.57,0,0,1,7.58,23H90V131.25A49.2,49.2,0,0,1,63.37,123.46Z"/><path class="cls-4" d="M90,131.25V103.4H83.43L63.37,123.46A49.2,49.2,0,0,0,90,131.25Z"/><rect class="cls-1" x="64" y="147.56" width="52" height="8"/><circle class="cls-2" cx="116" cy="151.56" r="4"/><circle class="cls-1" cx="64" cy="151.56" r="4"/><polygon class="cls-2" points="116 155.56 89.83 155.56 97.83 147.56 116 147.56 116 155.56"/><path class="cls-1" d="M107.59,79.24a11,11,0,0,0-11,11v6H83.46v-6a11,11,0,1,0-11,11h6v46.24h5V101.32H96.55v46.24h5V101.32h6a11,11,0,1,0,0-22.08Zm-29.15,17h-6a6,6,0,1,1,6-6Zm29.15,0h-6v-6a6,6,0,1,1,6,6Z"/><path class="cls-3" d="M46.89,106c-.42-.8-.82-1.57-1.23-2.32Q46.25,104.88,46.89,106Z"/><path class="cls-3" d="M45.51,103.4a0,0,0,0,1,0,0l.15.28-.16-.31Z"/><circle class="cls-5" cx="90" cy="4" r="4"/><circle class="cls-5" cx="90" cy="16" r="4"/><rect class="cls-5" x="86" y="4" width="8" height="12"/><circle class="cls-5" cx="47" cy="15.52" r="4" transform="translate(-1.46 25.58) rotate(-30)"/><circle class="cls-5" cx="53" cy="25.91" r="4" transform="translate(-5.86 29.97) rotate(-30)"/><rect class="cls-5" x="46" y="14.72" width="8" height="12" transform="translate(-3.66 27.78) rotate(-30)"/><circle class="cls-5" cx="15.52" cy="47" r="4" transform="translate(-32.94 36.94) rotate(-60)"/><circle class="cls-5" cx="25.91" cy="53" r="4" transform="translate(-32.94 48.94) rotate(-60)"/><rect class="cls-5" x="16.72" y="44" width="8" height="12" transform="translate(-32.94 42.94) rotate(-60)"/><circle class="cls-5" cx="4" cy="90" r="4"/><circle class="cls-5" cx="16" cy="90" r="4"/><rect class="cls-5" x="6" y="84" width="8" height="12" transform="translate(-80 100) rotate(-90)"/><circle class="cls-5" cx="15.52" cy="133" r="4" transform="translate(-64.42 25.58) rotate(-30)"/><circle class="cls-5" cx="25.91" cy="127" r="4" transform="translate(-60.03 29.97) rotate(-30)"/><rect class="cls-5" x="16.72" y="124" width="8" height="12" transform="translate(-81.51 212.94) rotate(-120)"/><circle class="cls-5" cx="164.48" cy="133" r="4" transform="translate(-32.94 208.94) rotate(-60)"/><circle class="cls-5" cx="154.09" cy="127" r="4" transform="translate(-32.94 196.94) rotate(-60)"/><rect class="cls-5" x="155.28" y="124" width="8" height="12" transform="translate(351.51 57.06) rotate(120)"/><circle class="cls-5" cx="176" cy="90" r="4"/><circle class="cls-5" cx="164" cy="90" r="4"/><rect class="cls-5" x="166" y="84" width="8" height="12" transform="translate(260 -80) rotate(90)"/><circle class="cls-5" cx="164.48" cy="47" r="4" transform="translate(-1.46 88.54) rotate(-30)"/><circle class="cls-5" cx="154.09" cy="53" r="4" transform="translate(-5.86 84.14) rotate(-30)"/><rect class="cls-5" x="155.28" y="44" width="8" height="12" transform="translate(122.94 -112.94) rotate(60)"/><circle class="cls-5" cx="133" cy="15.52" r="4" transform="matrix(0.5, -0.87, 0.87, 0.5, 53.06, 122.94)"/><circle class="cls-5" cx="127" cy="25.91" r="4" transform="translate(41.06 122.94) rotate(-60)"/><rect class="cls-5" x="126" y="14.72" width="8" height="12" transform="matrix(0.87, 0.5, -0.5, 0.87, 27.78, -62.22)"/></g></svg>
\ No newline at end of file
diff --git a/apps/documentation/public/images/typemark-negative.svg b/apps/documentation/public/images/typemark-negative.svg
new file mode 100644
index 00000000..96a0954a
--- /dev/null
+++ b/apps/documentation/public/images/typemark-negative.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 695.7 131.6" style="enable-background:new 0 0 695.7 131.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CE1E55;}
+	.st1{fill:#E2215B;}
+	.st2{fill:#079B7F;}
+	.st3{fill:#00C9A2;}
+	.st4{fill:#F2B700;}
+	.st5{fill:#DAA727;}
+	.st6{fill:#0FA3CF;}
+	.st7{fill:#13B3E2;}
+	.st8{fill:#16152B;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M19.3,27.2C19.3,12.2,31.5,0,46.5,0c7.5,0,14.3,3,19.2,8L27.3,46.5C22.4,41.5,19.3,34.7,19.3,27.2"/>
+		<path class="st1" d="M46.5,27.2c4.9,4.9,8,11.7,8,19.2c0,15-12.2,27.2-27.2,27.2c-7.5,0-14.3-3-19.2-8L46.5,27.2z"/>
+	</g>
+	<g>
+		<path class="st2" d="M27.2,112.1C12.2,112.1,0,99.9,0,84.9c0-7.5,3-14.3,8-19.2l38.5,38.5C41.5,109.1,34.7,112.1,27.2,112.1"/>
+		<path class="st3" d="M27.5,85.2c4.9-4.9,11.7-8,19.2-8c15,0,27.2,12.2,27.2,27.2c0,7.5-3.1,14.3-8,19.2L27.5,85.2L27.5,85.2z"/>
+	</g>
+	<path class="st4" d="M77.3,85.2c0-15,12.2-27.2,27.2-27.2c7.5,0,14.3,3,19.2,8l-38.5,38.5C80.3,99.5,77.3,92.7,77.3,85.2"/>
+	<path class="st5" d="M104.4,85.2c4.9,4.9,8,11.7,8,19.2c0,15-12.2,27.2-27.2,27.2c-7.5,0-14.3-3.1-19.2-8L104.4,85.2L104.4,85.2z"
+		/>
+	<g>
+		<path class="st6" d="M104.4,19.5c15,0,27.2,12.2,27.2,27.2c0,7.5-3.1,14.3-8,19.2L85.2,27.5C90.1,22.5,96.9,19.5,104.4,19.5"/>
+		<path class="st7" d="M104.2,46.5c-4.9,4.9-11.7,8-19.2,8c-15,0-27.2-12.2-27.2-27.2c0-7.5,3-14.3,8-19.2L104.2,46.5L104.2,46.5z"
+			/>
+	</g>
+</g>
+<g>
+	<path class="st8" d="M156.6,80.1c0,1.4-1.2,2.6-2.6,2.6c-1.5,0-2.6-1.2-2.6-2.6V52.7c-0.1-0.8,0.3-1.7,1-2.2
+		c1.2-0.8,2.8-0.6,3.6,0.6l15.2,21.1V52.7c0-1.4,1.1-2.5,2.6-2.5s2.6,1.2,2.6,2.5v27.4c0,1.4-1.2,2.6-2.6,2.6
+		c-0.8,0-1.5-0.4-1.9-0.9c-0.1-0.1-0.2-0.2-0.2-0.3l-15.1-20.9L156.6,80.1L156.6,80.1z"/>
+	<path class="st8" d="M198.5,70.9c0.1-6.4,5-11.8,11.5-11.8s11,4.6,11.4,10.9v0.2c0,0.1,0,0.3-0.1,0.4c-0.1,1.1-1.1,1.9-2.4,1.9h-15
+		c0.2,1.1,0.8,2.3,1.6,3.1c1,1.1,2.9,2,4.5,2.1c1.7,0.1,3.7-0.3,4.9-1.2c1-1,2.9-0.9,3.5-0.1c0.6,0.7,1.1,2.1,0,3.1
+		c-2.3,2.1-5.1,3.1-8.4,3.1C203.5,82.6,198.5,77.3,198.5,70.9L198.5,70.9z M203.6,68.6H217c-0.5-1.9-2.9-4.7-7-5
+		C206,63.8,204,66.7,203.6,68.6z"/>
+	<path class="st8" d="M250.6,61.7c0,1.4-1.2,2.6-2.6,2.6h-1.2v13.2c1.5,0,2.6,1.2,2.6,2.6s-1.1,2.6-2.6,2.6c-2.9,0-5.2-2.4-5.2-5.2
+		V64.3h-1.4c-1.5,0-2.6-1.2-2.6-2.6s1.1-2.6,2.6-2.6h1.4v-6.8c0-1.5,1.2-2.6,2.6-2.6s2.6,1.1,2.6,2.6v6.8h1.2
+		C249.3,59.1,250.6,60.3,250.6,61.7z"/>
+	<path class="st8" d="M302.1,62.9l-7.8,18.3c0,0.1-0.1,0.2-0.2,0.4c0,0.1,0,0.1,0,0.1c0,0.1-0.1,0.2-0.2,0.3c0,0.1-0.1,0.1-0.1,0.1
+		c-0.1,0.1-0.2,0.2-0.3,0.2c0,0.1,0,0.1,0,0.1c-0.1,0.1-0.2,0.2-0.4,0.2c0,0,0,0,0,0.1c-0.1,0-0.2,0.1-0.4,0.1h-0.1
+		c-0.1,0.1-0.3,0.1-0.5,0.1c-0.1,0-0.3,0-0.4-0.1h-0.1c-0.1-0.1-0.2-0.1-0.3-0.1l0-0.1h0c-0.1-0.1-0.3-0.1-0.4-0.3v-0.1
+		c-0.1-0.1-0.2-0.1-0.3-0.2c0,0-0.1,0-0.1-0.1c-0.1-0.1-0.2-0.2-0.2-0.3c0,0,0,0,0-0.1c-0.1-0.1-0.1-0.3-0.2-0.4l-3.4-8.2l-3.4,8.2
+		c0,0.1-0.1,0.2-0.2,0.4v0.1c-0.1,0.1-0.2,0.2-0.3,0.3c0,0.1,0,0.1,0,0.1c-0.1,0.1-0.2,0.2-0.3,0.3c-0.2,0.1-0.3,0.2-0.4,0.3h-0.1
+		c0,0,0,0,0,0.1c-0.1,0-0.2,0.1-0.3,0.1h-0.1c-0.2,0.1-0.3,0.1-0.5,0.1c-0.2,0-0.3,0-0.5-0.1h-0.1c-0.1-0.1-0.2-0.1-0.3-0.1
+		c-0.1,0-0.1,0-0.1-0.1c-0.1-0.1-0.3-0.1-0.4-0.3c-0.1-0.1-0.1-0.1,0-0.1c0,0.1-0.1-0.1-0.3-0.2l-0.1-0.1c0-0.1-0.1-0.2-0.2-0.3
+		c0-0.1,0-0.1,0-0.1c-0.1-0.1-0.1-0.3-0.2-0.4l-7.7-18.3c-0.6-1.3,0-2.7,1.4-3.2c1.1-0.5,2.6,0.1,3.1,1.4l5.6,12.7l3.3-7.9
+		c0.4-0.9,1.3-1.5,2.3-1.5s1.9,0.6,2.3,1.5l3.4,7.9l5.6-12.7c0.5-1.4,2-1.9,3.2-1.4C302,60.2,302.6,61.6,302.1,62.9L302.1,62.9z"/>
+	<path class="st8" d="M326.3,79.3c-2-2.1-3.2-5-3.2-8.3s1.2-6,3.2-8.2c2.1-2.2,4.9-3.6,8.1-3.6s5.9,1.4,7.9,3.6
+		c2.1,2.3,3.3,5,3.3,8.2s-1.2,6.2-3.3,8.3c-1.9,2.2-4.8,3.6-7.9,3.6S328.4,81.5,326.3,79.3z M328.2,71c0,2,0.6,3.7,1.7,5
+		c1.2,1.1,2.7,1.8,4.5,1.8c1.6,0,3.2-0.6,4.3-1.8c1.2-1.3,1.8-3,1.8-5s-0.7-3.6-1.8-4.9c-1.2-1-2.7-1.8-4.3-1.8
+		c-1.8,0-3.4,0.8-4.5,1.8C328.8,67.3,328.2,69,328.2,71z"/>
+	<path class="st8" d="M380.1,61.6c0,1.3-1.1,2.5-2.5,2.5c-1.1,0-2,0.3-2.8,0.9c-0.9,0.6-1.6,1.4-2.2,2.3c-1.1,1.5-1.7,3.3-1.9,4v9
+		c0,1.4-1.2,2.5-2.6,2.5s-2.5-1.1-2.5-2.5V61.6c0-1.4,1.1-2.4,2.5-2.4s2.6,1.1,2.6,2.4V62c0.3-0.3,0.7-0.7,1-0.9
+		c1.6-1,3.6-1.9,5.9-1.8C379.1,59.2,380.1,60.3,380.1,61.6L380.1,61.6z"/>
+	<path class="st8" d="M399.3,80.1V52.3c0-1.4,1.1-2.6,2.6-2.6s2.6,1.2,2.6,2.6v16.3l9.7-9.7c1-1,2.7-1,3.7,0c1,1,1,2.7,0,3.7
+		l-7.1,7.1l7.3,8.7c0.9,1.1,0.8,2.8-0.4,3.7c-0.5,0.4-1.1,0.6-1.6,0.6c-0.8,0-1.5-0.3-2-0.9l-6.9-8.4l-2.6,2.6v4.2
+		c0,1.4-1.2,2.6-2.6,2.6S399.3,81.5,399.3,80.1z"/>
+	<path class="st8" d="M464.8,65.7c0-9.3,7.9-16.9,17.3-17c4.1,0,7.9,1.4,10.9,3.7c1.1,1,1.3,2.6,0.5,3.8c-0.9,1.2-2.7,1.4-3.8,0.5
+		c-2.1-1.7-4.7-2.6-7.6-2.6c-3.2,0-6.3,1.3-8.5,3.4c-2.1,2.2-3.4,5-3.4,8.2s1.3,6.1,3.4,8.2c2.2,2.1,5.2,3.4,8.5,3.4
+		c2.9,0,5.5-0.9,7.6-2.6c1.1-0.8,2.8-0.6,3.8,0.5c0.9,1.2,0.7,2.9-0.5,3.8c-3,2.3-6.7,3.7-10.9,3.7
+		C472.7,82.7,464.9,75.1,464.8,65.7L464.8,65.7z"/>
+	<path class="st8" d="M535,71v9.2c0,1.4-1.1,2.5-2.5,2.5c-1.2,0-2.2-0.9-2.5-2c-1.8,1.3-3.9,2-6.3,2c-3.2,0-6-1.3-8-3.4
+		c-2-2.2-3.2-5.1-3.2-8.3s1.2-6.2,3.2-8.3c2-2.2,4.8-3.5,8-3.5c2.4,0,4.5,0.8,6.3,2.1c0.3-1.2,1.2-2.1,2.5-2.1
+		c1.4,0,2.5,1.1,2.5,2.6C535,61.7,535,71,535,71z M530,71c0-2-0.7-3.7-1.8-4.8c-1.1-1.3-2.7-1.9-4.4-1.9s-3.3,0.7-4.4,1.9
+		c-1.1,1.2-1.8,2.9-1.8,4.8s0.7,3.6,1.8,4.8c1.1,1.2,2.7,1.8,4.4,1.8s3.2-0.7,4.4-1.8C529.3,74.6,530,72.9,530,71z"/>
+	<path class="st8" d="M576.4,68.9v11.3c0,1.4-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5V68.9c0-2.6-2.2-4.8-4.9-4.8s-4.7,2.1-4.7,4.8v11.3
+		c0,0.1,0,0.3-0.1,0.5c-0.2,1.1-1.3,2-2.5,2c-1.4,0-2.5-1.1-2.5-2.5V61.6c0-1.4,1.1-2.5,2.5-2.5c1,0,1.9,0.6,2.3,1.5
+		c1.4-0.9,3.2-1.5,5-1.5C572,59.1,576.4,63.6,576.4,68.9L576.4,68.9z"/>
+	<path class="st8" d="M616.3,62.9l-7.7,18.3c0,0.1-0.1,0.3-0.2,0.3c0,0.1,0,0.1,0,0.1c-0.1,0.1-0.2,0.2-0.3,0.3c0,0.1,0,0.1,0,0.1
+		c-0.1,0.1-0.2,0.2-0.3,0.3c0,0,0,0,0,0.1c-0.1,0.1-0.2,0.2-0.3,0.2h-0.1v0.1c-0.1,0-0.3,0.1-0.4,0.1h-0.1c-0.2,0.1-0.3,0.1-0.5,0.1
+		c-0.1,0-0.2,0-0.4-0.1h-0.1c-0.1-0.1-0.2-0.1-0.4-0.1v-0.1h-0.1c-0.1-0.1-0.2-0.1-0.4-0.2c0-0.1,0-0.1,0-0.1
+		c-0.1-0.1-0.2-0.1-0.3-0.3c-0.1-0.1-0.1-0.1-0.1-0.1c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.1-0.1,0-0.1c-0.1-0.1-0.1-0.2-0.2-0.3
+		l-7.6-18.3c-0.6-1.3,0-2.6,1.4-3.2c1.1-0.6,2.6,0.1,3.2,1.4l5.4,12.8l5.5-12.8c0.5-1.3,1.9-1.9,3.2-1.4
+		C616.2,60.3,616.8,61.6,616.3,62.9L616.3,62.9z"/>
+	<path class="st8" d="M656.8,71v9.2c0,1.4-1.1,2.5-2.5,2.5c-1.2,0-2.2-0.9-2.5-2c-1.8,1.3-3.9,2-6.3,2c-3.2,0-6-1.3-8-3.4
+		c-2-2.2-3.2-5.1-3.2-8.3s1.2-6.2,3.2-8.3c2-2.2,4.8-3.5,8-3.5c2.4,0,4.5,0.8,6.3,2.1c0.3-1.2,1.2-2.1,2.5-2.1
+		c1.4,0,2.5,1.1,2.5,2.6C656.8,61.7,656.8,71,656.8,71z M651.8,71c0-2-0.7-3.7-1.8-4.8c-1.1-1.3-2.7-1.9-4.4-1.9s-3.3,0.7-4.4,1.9
+		c-1.1,1.2-1.8,2.9-1.8,4.8s0.7,3.6,1.8,4.8c1.1,1.2,2.7,1.8,4.4,1.8s3.2-0.7,4.4-1.8C651.1,74.6,651.8,72.9,651.8,71z"/>
+	<path class="st8" d="M677.9,76c0.8-1.1,2.5-1.3,3.5-0.4c1.2,1,3.3,2.1,5.2,2.1c1.3,0,2.5-0.4,3.2-0.9c0.7-0.6,0.8-1,0.8-1.4
+		c0-0.2,0-0.3-0.1-0.5c0-0.1-0.2-0.3-0.6-0.6c-0.7-0.5-2.1-1-3.8-1.3h0c-1.5-0.3-2.9-0.7-4.1-1.2c-1.3-0.6-2.4-1.5-3.2-2.7
+		c-0.5-0.8-0.8-1.9-0.8-3c0-2.2,1.2-4,2.8-5.2c1.7-1.1,3.6-1.7,5.8-1.7c3.2,0,5.6,1.6,7.1,2.6c1.1,0.8,1.5,2.3,0.8,3.5
+		c-0.8,1.1-2.3,1.5-3.5,0.7c-1.5-1-2.8-1.7-4.3-1.7c-1.2,0-2.2,0.4-2.8,0.8c-0.6,0.4-0.8,0.8-0.8,1.1c0,0.2,0,0.2,0.1,0.4
+		c0,0.1,0.2,0.3,0.5,0.5c0.6,0.4,1.8,0.8,3.4,1.1l0,0.1h0c1.6,0.3,3,0.7,4.4,1.4c1.3,0.6,2.5,1.5,3.3,2.8c0.6,0.9,0.9,2,0.9,3.1
+		c0,2.3-1.3,4.2-3,5.5c-1.7,1.2-3.8,1.9-6.1,1.9c-3.7-0.1-6.5-1.8-8.4-3.2C677.2,78.6,677,77,677.9,76L677.9,76z"/>
+</g>
+</svg>
diff --git a/apps/documentation/public/images/typemark-positive.svg b/apps/documentation/public/images/typemark-positive.svg
new file mode 100644
index 00000000..91e95232
--- /dev/null
+++ b/apps/documentation/public/images/typemark-positive.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 695.7 131.6" style="enable-background:new 0 0 695.7 131.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CE1E55;}
+	.st1{fill:#E2215B;}
+	.st2{fill:#079B7F;}
+	.st3{fill:#00C9A2;}
+	.st4{fill:#F2B700;}
+	.st5{fill:#DAA727;}
+	.st6{fill:#0FA3CF;}
+	.st7{fill:#13B3E2;}
+	.st8{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M19.3,27.2C19.3,12.2,31.5,0,46.5,0c7.5,0,14.3,3,19.2,8L27.3,46.5C22.4,41.5,19.3,34.7,19.3,27.2"/>
+		<path class="st1" d="M46.5,27.2c4.9,4.9,8,11.7,8,19.2c0,15-12.2,27.2-27.2,27.2c-7.5,0-14.3-3-19.2-8L46.5,27.2z"/>
+	</g>
+	<g>
+		<path class="st2" d="M27.2,112.1C12.2,112.1,0,99.9,0,84.9c0-7.5,3-14.3,8-19.2l38.5,38.5C41.5,109.1,34.7,112.1,27.2,112.1"/>
+		<path class="st3" d="M27.5,85.2c4.9-4.9,11.7-8,19.2-8c15,0,27.2,12.2,27.2,27.2c0,7.5-3.1,14.3-8,19.2L27.5,85.2L27.5,85.2z"/>
+	</g>
+	<path class="st4" d="M77.3,85.2c0-15,12.2-27.2,27.2-27.2c7.5,0,14.3,3,19.2,8l-38.5,38.5C80.3,99.5,77.3,92.7,77.3,85.2"/>
+	<path class="st5" d="M104.4,85.2c4.9,4.9,8,11.7,8,19.2c0,15-12.2,27.2-27.2,27.2c-7.5,0-14.3-3.1-19.2-8L104.4,85.2L104.4,85.2z"
+		/>
+	<g>
+		<path class="st6" d="M104.4,19.5c15,0,27.2,12.2,27.2,27.2c0,7.5-3.1,14.3-8,19.2L85.2,27.5C90.1,22.5,96.9,19.5,104.4,19.5"/>
+		<path class="st7" d="M104.2,46.5c-4.9,4.9-11.7,8-19.2,8c-15,0-27.2-12.2-27.2-27.2c0-7.5,3-14.3,8-19.2L104.2,46.5L104.2,46.5z"
+			/>
+	</g>
+</g>
+<g>
+	<path class="st8" d="M156.6,80.1c0,1.4-1.2,2.6-2.6,2.6c-1.5,0-2.6-1.2-2.6-2.6V52.7c-0.1-0.8,0.3-1.7,1-2.2
+		c1.2-0.8,2.8-0.6,3.6,0.6l15.2,21.1V52.7c0-1.4,1.1-2.5,2.6-2.5s2.6,1.2,2.6,2.5v27.4c0,1.4-1.2,2.6-2.6,2.6
+		c-0.8,0-1.5-0.4-1.9-0.9c-0.1-0.1-0.2-0.2-0.2-0.3l-15.1-20.9L156.6,80.1L156.6,80.1z"/>
+	<path class="st8" d="M198.5,70.9c0.1-6.4,5-11.8,11.5-11.8s11,4.6,11.4,10.9v0.2c0,0.1,0,0.3-0.1,0.4c-0.1,1.1-1.1,1.9-2.4,1.9h-15
+		c0.2,1.1,0.8,2.3,1.6,3.1c1,1.1,2.9,2,4.5,2.1c1.7,0.1,3.7-0.3,4.9-1.2c1-1,2.9-0.9,3.5-0.1c0.6,0.7,1.1,2.1,0,3.1
+		c-2.3,2.1-5.1,3.1-8.4,3.1C203.5,82.7,198.5,77.3,198.5,70.9L198.5,70.9z M203.6,68.6H217c-0.5-1.9-2.9-4.7-7-5
+		C206,63.8,204,66.7,203.6,68.6z"/>
+	<path class="st8" d="M250.6,61.7c0,1.4-1.2,2.6-2.6,2.6h-1.2v13.2c1.5,0,2.6,1.2,2.6,2.6s-1.1,2.6-2.6,2.6c-2.9,0-5.2-2.4-5.2-5.2
+		V64.3h-1.4c-1.5,0-2.6-1.2-2.6-2.6s1.1-2.6,2.6-2.6h1.4v-6.8c0-1.5,1.2-2.6,2.6-2.6s2.6,1.1,2.6,2.6v6.8h1.2
+		C249.3,59.1,250.6,60.3,250.6,61.7z"/>
+	<path class="st8" d="M302.1,62.9l-7.8,18.3c0,0.1-0.1,0.2-0.2,0.4c0,0.1,0,0.1,0,0.1c0,0.1-0.1,0.2-0.2,0.3c0,0.1-0.1,0.1-0.1,0.1
+		c-0.1,0.1-0.2,0.2-0.3,0.2c0,0.1,0,0.1,0,0.1c-0.1,0.1-0.2,0.2-0.4,0.2c0,0,0,0,0,0.1c-0.1,0-0.2,0.1-0.4,0.1h-0.1
+		c-0.1,0.1-0.3,0.1-0.5,0.1c-0.1,0-0.3,0-0.4-0.1h-0.1c-0.1-0.1-0.2-0.1-0.3-0.1l0-0.1h0c-0.1-0.1-0.3-0.1-0.4-0.3v-0.1
+		c-0.1-0.1-0.2-0.1-0.3-0.2c0,0-0.1,0-0.1-0.1c-0.1-0.1-0.2-0.2-0.2-0.3c0,0,0,0,0-0.1c-0.1-0.1-0.1-0.3-0.2-0.4l-3.4-8.2l-3.4,8.2
+		c0,0.1-0.1,0.2-0.2,0.4v0.1c-0.1,0.1-0.2,0.2-0.3,0.3c0,0.1,0,0.1,0,0.1c-0.1,0.1-0.2,0.2-0.3,0.3c-0.2,0.1-0.3,0.2-0.4,0.3h-0.1
+		c0,0,0,0,0,0.1c-0.1,0-0.2,0.1-0.3,0.1h-0.1c-0.2,0.1-0.3,0.1-0.5,0.1c-0.2,0-0.3,0-0.5-0.1h-0.1c-0.1-0.1-0.2-0.1-0.3-0.1
+		c-0.1,0-0.1,0-0.1-0.1c-0.1-0.1-0.3-0.1-0.4-0.3c-0.1-0.1-0.1-0.1,0-0.1c0,0.1-0.1-0.1-0.3-0.2l-0.1-0.1c0-0.1-0.1-0.2-0.2-0.3
+		c0-0.1,0-0.1,0-0.1c-0.1-0.1-0.1-0.3-0.2-0.4l-7.7-18.3c-0.6-1.3,0-2.7,1.4-3.2c1.1-0.5,2.6,0.1,3.1,1.4l5.6,12.7l3.3-7.9
+		c0.4-0.9,1.3-1.5,2.3-1.5s1.9,0.6,2.3,1.5l3.4,7.9l5.6-12.7c0.5-1.4,2-1.9,3.2-1.4C302,60.2,302.6,61.6,302.1,62.9L302.1,62.9z"/>
+	<path class="st8" d="M326.3,79.3c-2-2.1-3.2-5-3.2-8.3s1.2-6,3.2-8.2c2.1-2.2,4.9-3.6,8.1-3.6s5.9,1.4,7.9,3.6
+		c2.1,2.3,3.3,5,3.3,8.2s-1.2,6.2-3.3,8.3c-1.9,2.2-4.8,3.6-7.9,3.6S328.4,81.5,326.3,79.3z M328.2,71c0,2,0.6,3.7,1.7,5
+		c1.2,1.1,2.7,1.8,4.5,1.8c1.6,0,3.2-0.6,4.3-1.8c1.2-1.3,1.8-3,1.8-5s-0.7-3.6-1.8-4.9c-1.2-1-2.7-1.8-4.3-1.8
+		c-1.8,0-3.4,0.8-4.5,1.8C328.8,67.3,328.2,69,328.2,71z"/>
+	<path class="st8" d="M380.1,61.6c0,1.3-1.1,2.5-2.5,2.5c-1.1,0-2,0.3-2.8,0.9c-0.9,0.6-1.6,1.4-2.2,2.3c-1.1,1.5-1.7,3.3-1.9,4v9
+		c0,1.4-1.2,2.5-2.6,2.5s-2.5-1.1-2.5-2.5V61.6c0-1.4,1.1-2.4,2.5-2.4s2.6,1.1,2.6,2.4V62c0.3-0.3,0.7-0.7,1-0.9
+		c1.6-1,3.6-1.9,5.9-1.8C379.1,59.2,380.1,60.3,380.1,61.6L380.1,61.6z"/>
+	<path class="st8" d="M399.3,80.1V52.3c0-1.4,1.1-2.6,2.6-2.6s2.6,1.2,2.6,2.6v16.3l9.7-9.7c1-1,2.7-1,3.7,0c1,1,1,2.7,0,3.7
+		l-7.1,7.1l7.3,8.7c0.9,1.1,0.8,2.8-0.4,3.7c-0.5,0.4-1.1,0.6-1.6,0.6c-0.8,0-1.5-0.3-2-0.9l-6.9-8.4l-2.6,2.6v4.2
+		c0,1.4-1.2,2.6-2.6,2.6S399.3,81.5,399.3,80.1z"/>
+	<path class="st8" d="M464.8,65.7c0-9.3,7.9-16.9,17.3-17c4.1,0,7.9,1.4,10.9,3.7c1.1,1,1.3,2.6,0.5,3.8c-0.9,1.2-2.7,1.4-3.8,0.5
+		c-2.1-1.7-4.7-2.6-7.6-2.6c-3.2,0-6.3,1.3-8.5,3.4c-2.1,2.2-3.4,5-3.4,8.2s1.3,6.1,3.4,8.2c2.2,2.1,5.2,3.4,8.5,3.4
+		c2.9,0,5.5-0.9,7.6-2.6c1.1-0.8,2.8-0.6,3.8,0.5c0.9,1.2,0.7,2.9-0.5,3.8c-3,2.3-6.7,3.7-10.9,3.7
+		C472.7,82.7,464.9,75.1,464.8,65.7L464.8,65.7z"/>
+	<path class="st8" d="M535,71v9.2c0,1.4-1.1,2.5-2.5,2.5c-1.2,0-2.2-0.9-2.5-2c-1.8,1.3-3.9,2-6.3,2c-3.2,0-6-1.3-8-3.4
+		c-2-2.2-3.2-5.1-3.2-8.3s1.2-6.2,3.2-8.3c2-2.2,4.8-3.5,8-3.5c2.4,0,4.5,0.8,6.3,2.1c0.3-1.2,1.2-2.1,2.5-2.1
+		c1.4,0,2.5,1.1,2.5,2.6C535,61.7,535,71,535,71z M530,71c0-2-0.7-3.7-1.8-4.8c-1.1-1.3-2.7-1.9-4.4-1.9s-3.3,0.7-4.4,1.9
+		c-1.1,1.2-1.8,2.9-1.8,4.8s0.7,3.6,1.8,4.8c1.1,1.2,2.7,1.8,4.4,1.8s3.2-0.7,4.4-1.8C529.3,74.6,530,72.9,530,71z"/>
+	<path class="st8" d="M576.4,68.9v11.3c0,1.4-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5V68.9c0-2.6-2.2-4.8-4.9-4.8s-4.7,2.1-4.7,4.8v11.3
+		c0,0.1,0,0.3-0.1,0.5c-0.2,1.1-1.3,2-2.5,2c-1.4,0-2.5-1.1-2.5-2.5V61.6c0-1.4,1.1-2.5,2.5-2.5c1,0,1.9,0.6,2.3,1.5
+		c1.4-0.9,3.2-1.5,5-1.5C572,59.1,576.4,63.6,576.4,68.9L576.4,68.9z"/>
+	<path class="st8" d="M616.3,62.9l-7.7,18.3c0,0.1-0.1,0.3-0.2,0.3c0,0.1,0,0.1,0,0.1c-0.1,0.1-0.2,0.2-0.3,0.3c0,0.1,0,0.1,0,0.1
+		c-0.1,0.1-0.2,0.2-0.3,0.3c0,0,0,0,0,0.1c-0.1,0.1-0.2,0.2-0.3,0.2h-0.1v0.1c-0.1,0-0.3,0.1-0.4,0.1h-0.1c-0.2,0.1-0.3,0.1-0.5,0.1
+		c-0.1,0-0.2,0-0.4-0.1h-0.1c-0.1-0.1-0.2-0.1-0.4-0.1v-0.1h-0.1c-0.1-0.1-0.2-0.1-0.4-0.2c0-0.1,0-0.1,0-0.1
+		c-0.1-0.1-0.2-0.1-0.3-0.3c-0.1-0.1-0.1-0.1-0.1-0.1c0-0.1-0.1-0.2-0.2-0.3c-0.1-0.1-0.1-0.1,0-0.1c-0.1-0.1-0.1-0.2-0.2-0.3
+		l-7.6-18.3c-0.6-1.3,0-2.6,1.4-3.2c1.1-0.6,2.6,0.1,3.2,1.4l5.4,12.8l5.5-12.8c0.5-1.3,1.9-1.9,3.2-1.4
+		C616.2,60.3,616.8,61.6,616.3,62.9L616.3,62.9z"/>
+	<path class="st8" d="M656.8,71v9.2c0,1.4-1.1,2.5-2.5,2.5c-1.2,0-2.2-0.9-2.5-2c-1.8,1.3-3.9,2-6.3,2c-3.2,0-6-1.3-8-3.4
+		c-2-2.2-3.2-5.1-3.2-8.3s1.2-6.2,3.2-8.3c2-2.2,4.8-3.5,8-3.5c2.4,0,4.5,0.8,6.3,2.1c0.3-1.2,1.2-2.1,2.5-2.1
+		c1.4,0,2.5,1.1,2.5,2.6C656.8,61.7,656.8,71,656.8,71z M651.8,71c0-2-0.7-3.7-1.8-4.8c-1.1-1.3-2.7-1.9-4.4-1.9s-3.3,0.7-4.4,1.9
+		c-1.1,1.2-1.8,2.9-1.8,4.8s0.7,3.6,1.8,4.8c1.1,1.2,2.7,1.8,4.4,1.8s3.2-0.7,4.4-1.8C651.1,74.6,651.8,72.9,651.8,71z"/>
+	<path class="st8" d="M677.9,76c0.8-1.1,2.5-1.3,3.5-0.4c1.2,1,3.3,2.1,5.2,2.1c1.3,0,2.5-0.4,3.2-0.9c0.7-0.6,0.8-1,0.8-1.4
+		c0-0.2,0-0.3-0.1-0.5c0-0.1-0.2-0.3-0.6-0.6c-0.7-0.5-2.1-1-3.8-1.3h0c-1.5-0.3-2.9-0.7-4.1-1.2c-1.3-0.6-2.4-1.5-3.2-2.7
+		c-0.5-0.8-0.8-1.9-0.8-3c0-2.2,1.2-4,2.8-5.2c1.7-1.1,3.6-1.7,5.8-1.7c3.2,0,5.6,1.6,7.1,2.6c1.1,0.8,1.5,2.3,0.8,3.5
+		c-0.8,1.1-2.3,1.5-3.5,0.7c-1.5-1-2.8-1.7-4.3-1.7c-1.2,0-2.2,0.4-2.8,0.8c-0.6,0.4-0.8,0.8-0.8,1.1c0,0.2,0,0.2,0.1,0.4
+		c0,0.1,0.2,0.3,0.5,0.5c0.6,0.4,1.8,0.8,3.4,1.1l0,0.1h0c1.6,0.3,3,0.7,4.4,1.4c1.3,0.6,2.5,1.5,3.3,2.8c0.6,0.9,0.9,2,0.9,3.1
+		c0,2.3-1.3,4.2-3,5.5c-1.7,1.2-3.8,1.9-6.1,1.9c-3.7-0.1-6.5-1.8-8.4-3.2C677.2,78.6,677,77,677.9,76L677.9,76z"/>
+</g>
+</svg>
diff --git a/apps/documentation/public/images/work-in-progress.svg b/apps/documentation/public/images/work-in-progress.svg
new file mode 100644
index 00000000..9be1db74
--- /dev/null
+++ b/apps/documentation/public/images/work-in-progress.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 80 94" style="enable-background:new 0 0 80 94;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#00C9A2;}
+	.st1{fill:#00B18F;}
+	.st2{fill:#E2205C;}
+	.st3{fill:#F22F66;}
+	.st4{fill:#F34274;}
+	.st5{fill:#F7F7F7;}
+	.st6{fill:#E8E8E8;}
+</style>
+<g id="Edit_-_Green">
+	<rect x="-3.3" y="34.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -18.4013 34.196)" class="st0" width="70.7" height="10"/>
+	<rect x="3.8" y="41.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -21.3287 41.2656)" class="st1" width="70.7" height="10"/>
+	<circle class="st2" cx="73.5" cy="13.5" r="5"/>
+	<circle class="st3" cx="65" cy="5" r="5"/>
+	<rect x="62.6" y="12" transform="matrix(0.7071 -0.7071 0.7071 0.7071 7.7898 53.7481)" class="st2" width="12.3" height="11"/>
+	<rect x="54.9" y="4.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 11.0142 45.9673)" class="st3" width="12.3" height="11"/>
+	<rect x="62.7" y="9.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 11.3417 53.1509)" class="st2" width="14.3" height="6"/>
+	<rect x="58.4" y="5.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 13.1124 48.905)" class="st3" width="14.3" height="6"/>
+	<circle class="st4" cx="53.5" cy="10.9" r="3"/>
+	<circle class="st4" cx="67.6" cy="25" r="3"/>
+	<rect x="57.5" y="7.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 5.0515 48.0546)" class="st4" width="6" height="20"/>
+	<rect x="3.4" y="60.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -44.9151 23.2132)" class="st5" width="4.3" height="10"/>
+	<rect x="10.5" y="67.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -47.8396 30.2898)" class="st6" width="4.3" height="10"/>
+	<polygon class="st6" points="0,78.5 14.7,77.9 7.6,70.9 	"/>
+	<polygon class="st5" points="0,78.5 0.5,63.8 7.6,70.9 	"/>
+	<circle class="st6" cx="1.6" cy="85.2" r="1.6"/>
+	<circle class="st6" cx="60.5" cy="85.2" r="1.6"/>
+	<circle class="st6" cx="78.4" cy="85.2" r="1.6"/>
+	<circle class="st6" cx="70.7" cy="85.2" r="1.6"/>
+	<rect x="70.7" y="83.6" class="st6" width="7.7" height="3.2"/>
+	<rect x="1.6" y="83.6" class="st6" width="58.9" height="3.2"/>
+	<circle class="st6" cx="11.6" cy="92.4" r="1.6"/>
+	<circle class="st6" cx="50.5" cy="92.4" r="1.6"/>
+	<rect x="11.6" y="90.8" class="st6" width="38.9" height="3.2"/>
+</g>
+</svg>
diff --git a/apps/documentation/public/nc.png b/apps/documentation/public/nc.png
deleted file mode 100644
index 07d5dad9..00000000
Binary files a/apps/documentation/public/nc.png and /dev/null differ
diff --git a/apps/documentation/public/sidebar.json b/apps/documentation/public/sidebar.json
deleted file mode 100644
index 4372a070..00000000
--- a/apps/documentation/public/sidebar.json
+++ /dev/null
@@ -1,623 +0,0 @@
-[
-  {
-    "en": [
-      {
-        "type": "folder",
-        "name": "desktop",
-        "language": "en",
-        "source": "desktop",
-        "folderPagePath": null,
-        "isExpanded": false,
-        "files": [
-          {
-            "type": "folder",
-            "name": "Getting Started",
-            "language": "en",
-            "source": "getting-started",
-            "folderPagePath": "/desktop",
-            "isExpanded": false,
-            "files": [
-              {
-                "type": "file",
-                "name": "Project Overview",
-                "language": "en",
-                "path": "/desktop/getting-started/project-overview",
-                "source": "project-overview"
-              },
-              {
-                "type": "file",
-                "name": "Installation Guide",
-                "language": "en",
-                "path": "/desktop/getting-started/installation-guide",
-                "source": "installation-guide"
-              },
-              {
-                "type": "file",
-                "name": "Protocol Gallery",
-                "language": "en",
-                "path": "/desktop/getting-started/protocol-gallery",
-                "source": "protocol-gallery"
-              },
-              {
-                "type": "file",
-                "name": "Frequently Asked Questions",
-                "language": "en",
-                "path": "/desktop/getting-started/faq",
-                "source": "faq"
-              },
-              {
-                "type": "file",
-                "name": "Citing the Software",
-                "language": "en",
-                "path": "/desktop/getting-started/citing-the-software",
-                "source": "citing-the-software"
-              },
-              {
-                "type": "file",
-                "name": "Contributing Code",
-                "language": "en",
-                "path": "/desktop/getting-started/contributing-code",
-                "source": "contributing-code"
-              },
-              {
-                "type": "file",
-                "name": "February 2022 Project Update",
-                "language": "en",
-                "path": "/desktop/getting-started/february-2022-project-update",
-                "source": "february-2022-project-update"
-              },
-              {
-                "type": "file",
-                "name": "Requests for Collaboration",
-                "language": "en",
-                "path": "/desktop/getting-started/requests-for-collaboration",
-                "source": "requests-for-collaboration"
-              }
-            ]
-          },
-          {
-            "type": "folder",
-            "name": "How-to guides",
-            "language": "en",
-            "source": "how-to",
-            "folderPagePath": "/desktop/how-to",
-            "isExpanded": true,
-            "files": [
-              {
-                "type": "file",
-                "name": "Choosing a Hardware Device for Interviewer",
-                "language": "en",
-                "path": "/desktop/how-to/choosing-hardware",
-                "source": "choosing-hardware"
-              },
-              {
-                "type": "file",
-                "name": "Configuring Devices Prior To Starting Data Collection",
-                "language": "en",
-                "path": "/desktop/how-to/configuring-devices",
-                "source": "configuring-devices"
-              },
-              {
-                "type": "file",
-                "name": "Importing Roster Data",
-                "language": "en",
-                "path": "/desktop/how-to/importing-roster-data",
-                "source": "importing-roster-data"
-              },
-              {
-                "type": "file",
-                "name": "Pairing Interviewer Devices with Server",
-                "language": "en",
-                "path": "/desktop/how-to/pairing",
-                "source": "pairing"
-              },
-              {
-                "type": "file",
-                "name": "Updating from Beta to the Stable Release",
-                "language": "en",
-                "path": "/desktop/how-to/updating-from-beta",
-                "source": "updating-from-beta"
-              }
-            ]
-          },
-          {
-            "type": "folder",
-            "name": "Interface documentation",
-            "language": "en",
-            "source": "interface-documentation",
-            "folderPagePath": null,
-            "isExpanded": true,
-            "files": [
-              {
-                "type": "file",
-                "name": "Categorical Bin",
-                "language": "en",
-                "path": "/desktop/interface-documentation/categorical-bin",
-                "source": "categorical-bin"
-              },
-              {
-                "type": "file",
-                "name": "Dyad Census",
-                "language": "en",
-                "path": "/desktop/interface-documentation/dyad-census",
-                "source": "dyad-census"
-              },
-              {
-                "type": "file",
-                "name": "Ego Form",
-                "language": "en",
-                "path": "/desktop/interface-documentation/ego-form",
-                "source": "ego-form"
-              },
-              {
-                "type": "file",
-                "name": "Information",
-                "language": "en",
-                "path": "/desktop/interface-documentation/information",
-                "source": "information"
-              },
-              {
-                "type": "file",
-                "name": "Large Roster Name Generator",
-                "language": "en",
-                "path": "/desktop/interface-documentation/large-roster-name-generator",
-                "source": "large-roster-name-generator"
-              },
-              {
-                "type": "file",
-                "name": "Name Generator for Roster Data",
-                "language": "en",
-                "path": "/desktop/interface-documentation/name-generator-roster",
-                "source": "name-generator-roster"
-              },
-              {
-                "type": "file",
-                "name": "Name Generator using Forms",
-                "language": "en",
-                "path": "/desktop/interface-documentation/name-generator-using-forms",
-                "source": "name-generator-using-forms"
-              },
-              {
-                "type": "file",
-                "name": "Name Generators using Quick Add",
-                "language": "en",
-                "path": "/desktop/interface-documentation/name-generator-using-quick-add",
-                "source": "name-generator-using-quick-add"
-              },
-              {
-                "type": "file",
-                "name": "Narrative",
-                "language": "en",
-                "path": "/desktop/interface-documentation/narrative",
-                "source": "narrative"
-              },
-              {
-                "type": "file",
-                "name": "Ordinal Bin",
-                "language": "en",
-                "path": "/desktop/interface-documentation/ordinal-bin",
-                "source": "ordinal-bin"
-              },
-              {
-                "type": "file",
-                "name": "Per Alter Edge Form",
-                "language": "en",
-                "path": "/desktop/interface-documentation/per-alter-edge-form",
-                "source": "per-alter-edge-form"
-              },
-              {
-                "type": "file",
-                "name": "Per Alter Form",
-                "language": "en",
-                "path": "/desktop/interface-documentation/per-alter-form",
-                "source": "per-alter-form"
-              },
-              {
-                "type": "file",
-                "name": "Shared Interface Options",
-                "language": "en",
-                "path": "/desktop/interface-documentation/shared",
-                "source": "shared"
-              },
-              {
-                "type": "file",
-                "name": "Small Roster Name Generator",
-                "language": "en",
-                "path": "/desktop/interface-documentation/small-roster-name-generator",
-                "source": "small-roster-name-generator"
-              },
-              {
-                "type": "file",
-                "name": "Sociogram",
-                "language": "en",
-                "path": "/desktop/interface-documentation/sociogram",
-                "source": "sociogram"
-              },
-              {
-                "type": "file",
-                "name": "Tie-Strength Census",
-                "language": "en",
-                "path": "/desktop/interface-documentation/tie-strength-census",
-                "source": "tie-strength-census"
-              }
-            ]
-          },
-          {
-            "type": "folder",
-            "name": "Key concepts",
-            "language": "en",
-            "source": "key-concepts",
-            "folderPagePath": null,
-            "isExpanded": true,
-            "files": [
-              {
-                "type": "file",
-                "name": "Additional Variables",
-                "language": "en",
-                "path": "/desktop/key-concepts/additional-variables",
-                "source": "additional-variables"
-              },
-              {
-                "type": "file",
-                "name": "Codebook",
-                "language": "en",
-                "path": "/desktop/key-concepts/codebook",
-                "source": "codebook"
-              },
-              {
-                "type": "file",
-                "name": "Field Validation",
-                "language": "en",
-                "path": "/desktop/key-concepts/field-validation",
-                "source": "field-validation"
-              },
-              {
-                "type": "file",
-                "name": "Forms",
-                "language": "en",
-                "path": "/desktop/key-concepts/forms",
-                "source": "forms"
-              },
-              {
-                "type": "file",
-                "name": "Input Controls",
-                "language": "en",
-                "path": "/desktop/key-concepts/input-controls",
-                "source": "input-controls"
-              },
-              {
-                "type": "file",
-                "name": "Interfaces",
-                "language": "en",
-                "path": "/desktop/key-concepts/interfaces",
-                "source": "interfaces"
-              },
-              {
-                "type": "file",
-                "name": "Network Filtering",
-                "language": "en",
-                "path": "/desktop/key-concepts/network-filtering",
-                "source": "network-filtering"
-              },
-              {
-                "type": "file",
-                "name": "Preview Mode",
-                "language": "en",
-                "path": "/desktop/key-concepts/preview-mode",
-                "source": "preview-mode"
-              },
-              {
-                "type": "file",
-                "name": "Prompts",
-                "language": "en",
-                "path": "/desktop/key-concepts/prompts",
-                "source": "prompts"
-              },
-              {
-                "type": "file",
-                "name": "Resources",
-                "language": "en",
-                "path": "/desktop/key-concepts/resources",
-                "source": "resources"
-              },
-              {
-                "type": "file",
-                "name": "Skip Logic",
-                "language": "en",
-                "path": "/desktop/key-concepts/skip-logic",
-                "source": "skip-logic"
-              },
-              {
-                "type": "file",
-                "name": "The Protocol File",
-                "language": "en",
-                "path": "/desktop/key-concepts/the-protocol-file",
-                "source": "the-protocol-file"
-              }
-            ]
-          },
-          {
-            "type": "folder",
-            "name": "Technical reference",
-            "language": "en",
-            "source": "reference",
-            "folderPagePath": null,
-            "isExpanded": true,
-            "files": [
-              {
-                "type": "file",
-                "name": "IRB and Security Best Practices",
-                "language": "en",
-                "path": "/desktop/reference/irb-best-practices",
-                "source": "irb-best-practices"
-              },
-              {
-                "type": "file",
-                "name": "Network Canvas GraphML Format",
-                "language": "en",
-                "path": "/desktop/reference/network-canvas-graphml",
-                "source": "network-canvas-graphml"
-              },
-              {
-                "type": "file",
-                "name": "Node Labelling",
-                "language": "en",
-                "path": "/desktop/reference/node-labelling",
-                "source": "node-labelling"
-              },
-              {
-                "type": "file",
-                "name": "Protocol File Format",
-                "language": "en",
-                "path": "/desktop/reference/protocol-file-format",
-                "source": "protocol-file-format"
-              },
-              {
-                "type": "file",
-                "name": "Protocol Schema Information",
-                "language": "en",
-                "path": "/desktop/reference/protocol-schema-information",
-                "source": "protocol-schema-information"
-              },
-              {
-                "type": "file",
-                "name": "Overview of Security Model",
-                "language": "en",
-                "path": "/desktop/reference/security-model",
-                "source": "security-model"
-              },
-              {
-                "type": "file",
-                "name": "Project Testing Strategy",
-                "language": "en",
-                "path": "/desktop/reference/testing-strategy",
-                "source": "testing-strategy"
-              },
-              {
-                "type": "file",
-                "name": "Variable Types",
-                "language": "en",
-                "path": "/desktop/reference/variable-types",
-                "source": "variable-types"
-              }
-            ]
-          },
-          {
-            "type": "folder",
-            "name": "Tutorials",
-            "language": "en",
-            "source": "tutorials",
-            "folderPagePath": "/desktop/tutorials",
-            "isExpanded": false,
-            "files": [
-              {
-                "type": "file",
-                "name": "Using Interviewer",
-                "language": "en",
-                "path": "/desktop/tutorials/using-interviewer",
-                "source": "using-interviewer"
-              },
-              {
-                "type": "file",
-                "name": "Building a protocol using Architect",
-                "language": "en",
-                "path": "/desktop/tutorials/building-a-protocol",
-                "source": "building-a-protocol"
-              },
-              {
-                "type": "file",
-                "name": "Using Server to manage a study",
-                "language": "en",
-                "path": "/desktop/tutorials/using-server",
-                "source": "using-server"
-              },
-              {
-                "type": "file",
-                "name": "Protocol and Data Workflows without Server",
-                "language": "en",
-                "path": "/desktop/tutorials/workflows-without-server",
-                "source": "workflows-without-server"
-              },
-              {
-                "type": "file",
-                "name": "Working with Network Canvas data in R",
-                "language": "en",
-                "path": "/desktop/tutorials/working-with-data",
-                "source": "working-with-data"
-              },
-              {
-                "type": "file",
-                "name": "Working with Roster Data",
-                "language": "en",
-                "path": "/desktop/tutorials/working-with-rosters",
-                "source": "working-with-rosters"
-              }
-            ]
-          }
-        ]
-      },
-      {
-        "type": "folder",
-        "name": "fresco",
-        "language": "en",
-        "source": "fresco",
-        "folderPagePath": null,
-        "isExpanded": false,
-        "files": [
-          {
-            "type": "folder",
-            "name": "Getting Started",
-            "language": "en",
-            "source": "getting-started",
-            "folderPagePath": "/fresco",
-            "isExpanded": false,
-            "files": [
-              {
-                "type": "file",
-                "name": "Fresco Installation guide",
-                "language": "en",
-                "path": "/fresco/getting-started/installation",
-                "source": "installation"
-              }
-            ]
-          },
-          {
-            "type": "folder",
-            "name": "Some Notes",
-            "language": "en",
-            "source": "some-notes",
-            "folderPagePath": null,
-            "isExpanded": true,
-            "files": [
-              {
-                "type": "file",
-                "name": "Notes",
-                "language": "en",
-                "path": "/fresco/some-notes/notes",
-                "source": "notes"
-              }
-            ]
-          },
-          {
-            "type": "folder",
-            "name": "Third folder",
-            "language": "en",
-            "source": "third-folder",
-            "folderPagePath": null,
-            "isExpanded": true,
-            "files": [
-              {
-                "type": "file",
-                "name": "TEST Document",
-                "language": "en",
-                "path": "/fresco/third-folder/test",
-                "source": "test"
-              }
-            ]
-          }
-        ]
-      }
-    ]
-  },
-  {
-    "ru": [
-      {
-        "type": "folder",
-        "name": "desktop",
-        "language": "ru",
-        "source": "desktop",
-        "folderPagePath": null,
-        "isExpanded": false,
-        "files": [
-          {
-            "type": "folder",
-            "name": "Начиная",
-            "language": "ru",
-            "source": "getting-started",
-            "folderPagePath": "/desktop",
-            "isExpanded": false,
-            "files": []
-          },
-          {
-            "type": "folder",
-            "name": "Практические руководства",
-            "language": "ru",
-            "source": "how-to",
-            "folderPagePath": null,
-            "isExpanded": true,
-            "files": [
-              {
-                "type": "file",
-                "name": "Выбор оборудования для Interviewer",
-                "language": "ru",
-                "path": "/desktop/how-to/choosing-hardware",
-                "source": "choosing-hardware"
-              }
-            ]
-          },
-          {
-            "type": "folder",
-            "name": "Техническая справка",
-            "language": "ru",
-            "source": "reference",
-            "folderPagePath": null,
-            "isExpanded": true,
-            "files": [
-              {
-                "type": "file",
-                "name": "Практики безопасности IRB и безопасность",
-                "language": "ru",
-                "path": "/desktop/reference/irb-best-practices",
-                "source": "irb-best-practices"
-              }
-            ]
-          }
-        ]
-      },
-      {
-        "type": "folder",
-        "name": "fresco",
-        "language": "ru",
-        "source": "fresco",
-        "folderPagePath": null,
-        "isExpanded": false,
-        "files": [
-          {
-            "type": "folder",
-            "name": "Начиная",
-            "language": "ru",
-            "source": "getting-started",
-            "folderPagePath": "/fresco",
-            "isExpanded": false,
-            "files": [
-              {
-                "type": "file",
-                "name": "Руководство по установке Fresco",
-                "language": "ru",
-                "path": "/fresco/getting-started/installation",
-                "source": "installation"
-              }
-            ]
-          },
-          {
-            "type": "folder",
-            "name": "Третья папка",
-            "language": "ru",
-            "source": "third-folder",
-            "folderPagePath": null,
-            "isExpanded": true,
-            "files": [
-              {
-                "type": "file",
-                "name": "ТЕСТОВЫЙ документ",
-                "language": "ru",
-                "path": "/fresco/third-folder/test",
-                "source": "test"
-              }
-            ]
-          }
-        ]
-      }
-    ]
-  }
-]
\ No newline at end of file
diff --git a/apps/documentation/public/sitemap-0.xml b/apps/documentation/public/sitemap-0.xml
deleted file mode 100644
index 93b39b2e..00000000
--- a/apps/documentation/public/sitemap-0.xml
+++ /dev/null
@@ -1,74 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
-<url><loc>https://documentation.networkcanvas.dev</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/ru</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/fresco</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/ru/desktop</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/ru/fresco</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/tutorials/building-a-protocol</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/tutorials</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/tutorials/using-interviewer</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/tutorials/using-server</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/tutorials/workflows-without-server</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/tutorials/working-with-data</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/tutorials/working-with-rosters</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/reference/irb-best-practices</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/reference/network-canvas-graphml</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/reference/node-labelling</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/reference/protocol-file-format</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/reference/protocol-schema-information</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/reference/security-model</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/reference/testing-strategy</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/reference/variable-types</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/key-concepts/additional-variables</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/key-concepts/codebook</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/key-concepts/field-validation</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/key-concepts/forms</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/key-concepts/input-controls</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/key-concepts/interfaces</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/key-concepts/network-filtering</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/key-concepts/preview-mode</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/key-concepts/prompts</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/key-concepts/resources</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/key-concepts/skip-logic</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/key-concepts/the-protocol-file</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/categorical-bin</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/dyad-census</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/ego-form</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/information</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/large-roster-name-generator</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/name-generator-roster</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/name-generator-using-forms</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/name-generator-using-quick-add</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/narrative</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/ordinal-bin</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/per-alter-edge-form</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/per-alter-form</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/shared</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/small-roster-name-generator</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/sociogram</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/interface-documentation/tie-strength-census</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/how-to/choosing-hardware</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/how-to/configuring-devices</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/how-to/importing-roster-data</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/how-to</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/how-to/pairing</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/how-to/updating-from-beta</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/getting-started/citing-the-software</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/getting-started/contributing-code</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/getting-started/faq</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/getting-started/february-2022-project-update</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/getting-started/installation-guide</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/getting-started/project-overview</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/getting-started/protocol-gallery</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/desktop/getting-started/requests-for-collaboration</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/fresco/third-folder/test</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/fresco/some-notes/notes</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/en/fresco/getting-started/installation</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/ru/desktop/reference/irb-best-practices</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/ru/desktop/how-to/choosing-hardware</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/ru/fresco/third-folder/test</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://documentation.networkcanvas.dev/ru/fresco/getting-started/installation</loc><lastmod>2024-02-21T13:48:42.440Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-</urlset>
\ No newline at end of file
diff --git a/apps/documentation/styles/globals.css b/apps/documentation/styles/globals.css
new file mode 100644
index 00000000..c5ffbb5e
--- /dev/null
+++ b/apps/documentation/styles/globals.css
@@ -0,0 +1,189 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    /* Semantic slots */
+    --background: var(--platinum);
+    --foreground: var(--cyber-grape);
+
+    --primary: var(--cyber-grape);
+    --primary-foreground: var(--white);
+
+    --secondary: var(--neon-coral);
+    --secondary-foreground: var(--white);
+
+    --muted: var(--platinum);
+    --muted-foreground: var(--cyber-grape-hue) calc(var(--cyber-grape-saturation) - 10%) calc(var(--cyber-grape-lightness) - 10%);
+
+    --accent: var(--slate-blue);
+    --accent-foreground: var(--white);
+
+    --destructive: var(--tomato);
+    --destructive-foreground: var(--white);
+
+    --warning: var(--neon-carrot);
+    --warning-foreground: var(--white);
+
+    --info: var(--cerulean-blue);
+    --info-foreground: var(--white);
+
+    --success: var(--sea-green);
+    --success-foreground: var(--white);
+
+    --border: var(--platinum--dark);
+
+    --link: var(--neon-coral);
+
+    --card: var(--white);
+
+    --panel: var(--platinum);
+
+    /* Focus ring */
+    --ring: var(--mustard);
+
+    --input: var(--white);
+    --input-foreground: var(--cyber-grape);
+
+    --popover: var(--white);
+    --popover-foreground: var(--foreground);
+
+  }
+
+  html.dark {
+    /* Semantic slots */
+    --background: var(--navy-taupe);
+    --foreground: var(--platinum);
+
+    --primary: var(--neon-coral);
+    --primary-foreground: var(--white);
+
+    --secondary: var(--neon-coral);
+    --secondary-foreground: var(--white);
+
+    --muted: var(--platinum);
+    --muted-foreground: var(--cyber-grape-hue) calc(var(--cyber-grape-saturation) - 10%) calc(var(--cyber-grape-lightness) - 10%);
+
+    --accent: var(--slate-blue);
+    --accent-foreground: var(--white);
+
+    --destructive: var(--tomato);
+    --destructive-foreground: var(--white);
+
+    --warning: var(--neon-carrot);
+    --warning-foreground: var(--white);
+
+    --info: var(--cerulean-blue);
+    --info-foreground: var(--white);
+
+    --success: var(--sea-green);
+    --success-foreground: var(--white);
+
+    --border: var(--slate-blue);
+
+    --link: var(--neon-coral);
+
+    --card: var(--cyber-grape);
+
+    --panel: var(--platinum);
+
+    /* Focus ring */
+    --ring: var(--mustard);
+
+    --input: var(--cyber-grape);
+    --input-foreground: var(--white);
+
+    --popover: var(--cyber-grape);
+    --popover-foreground: var(--foreground);
+  }
+
+
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+
+  body {
+    @apply text-foreground;
+    @apply bg-background;
+  }
+
+  code {
+    @apply text-sm;
+  }
+}
+
+@layer utilities {
+  .focusable {
+    @apply focus-visible:outline-4;
+    @apply focus-visible:outline-offset-4;
+    @apply focus-visible:outline-mustard;
+  }
+}
+
+
+.DocSearch-Button {
+  --docsearch-primary-color: hsl(var(--primary));
+  --docsearch-text-color: hsl(var(--foreground));
+  --docsearch-spacing: 2.5rem;
+  --docsearch-icon-stroke-width: 2px;
+  --docsearch-highlight-color: var(--docsearch-primary-color);
+  --docsearch-muted-color: rgb(150, 159, 175);
+  --docsearch-container-background: hsl(var(--background));
+  --docsearch-logo-color: hsl(var(--primary));
+
+  /* modal */
+  --docsearch-modal-width: 560px;
+  --docsearch-modal-height: 600px;
+  --docsearch-modal-background: rgb(245, 246, 247);
+  --docsearch-modal-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.5),
+    0 3px 8px 0 rgba(85, 90, 100, 1);
+
+  /* searchbox */
+  --docsearch-searchbox-height: 2.5rem;
+  --docsearch-searchbox-background: hsl(var(--input));
+  --docsearch-searchbox-focus-background: hsl(var(--input));
+  --docsearch-searchbox-shadow: none;
+
+  /* hit */
+  --docsearch-hit-height: 56px;
+  --docsearch-hit-color: rgb(68, 73, 80);
+  --docsearch-hit-active-color: #fff;
+  --docsearch-hit-background: #fff;
+  --docsearch-hit-shadow: 0 1px 3px 0 rgb(212, 217, 225);
+
+  /* key */
+  --docsearch-key-gradient: linear-gradient(-225deg,
+      rgb(213, 219, 228) 0%,
+      rgb(248, 248, 248) 100%);
+  --docsearch-key-shadow: inset 0 -2px 0 0 rgb(205, 205, 230),
+    inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, 0.4);
+  --docsearch-key-pressed-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 1px 0 rgba(30, 35, 90, 0.4);
+  /* footer */
+  --docsearch-footer-height: 44px;
+  --docsearch-footer-background: #fff;
+  --docsearch-footer-shadow: 0 -1px 0 0 rgb(224, 227, 232),
+    0 -3px 6px 0 rgba(69, 98, 155, 0.12);
+
+  @apply w-full !important;
+  @apply h-10 !important;
+  @apply rounded-input !important;
+  @apply bg-input !important;
+  @apply m-0 !important;
+  @apply px-2 !important;
+  @apply focusable !important;
+
+  border: 1px solid hsl(var(--border)) !important;
+  font-weight: inherit !important;
+  color: inherit !important;
+
+  .DocSearch-Button-Placeholder {
+    @apply px-3 !important;
+    @apply text-sm !important;
+  }
+
+
+}
\ No newline at end of file
diff --git a/apps/documentation/styles/prism.css b/apps/documentation/styles/prism.css
new file mode 100644
index 00000000..72bbd6e7
--- /dev/null
+++ b/apps/documentation/styles/prism.css
@@ -0,0 +1,47 @@
+pre[class*='language-'] {
+  color: theme('colors.platinum.DEFAULT');
+}
+
+.token.tag,
+.token.class-name,
+.token.selector,
+.token.selector .class,
+.token.selector.class,
+.token.function {
+  color: theme('colors.barbie-pink.DEFAULT');
+}
+
+.token.attr-name,
+.token.keyword,
+.token.rule,
+.token.pseudo-class,
+.token.important {
+  color: theme('colors.platinum.DEFAULT');
+}
+
+.token.module {
+  color: theme('colors.barbie-pink.DEFAULT');
+}
+
+.token.attr-value,
+.token.class,
+.token.string,
+.token.property {
+  color: theme('colors.cerulean-blue.DEFAULT');
+}
+
+.token.punctuation,
+.token.attr-equals {
+  color: theme('colors.platinum.dark');
+}
+
+.token.unit,
+.language-css .token.function {
+  color: theme('colors.slate-blue.DEFAULT');
+}
+
+.token.comment,
+.token.operator,
+.token.combinator {
+  color: theme('colors.neon-coral.dark');
+}
diff --git a/apps/documentation/tailwind.config.ts b/apps/documentation/tailwind.config.ts
index fd2323b6..4908bb5a 100644
--- a/apps/documentation/tailwind.config.ts
+++ b/apps/documentation/tailwind.config.ts
@@ -1,84 +1,21 @@
 import type { Config } from 'tailwindcss';
-import sharedConfig from 'shared-tailwind-config';
+import typography from '@tailwindcss/typography';
+import sharedConfig from '@codaco/tailwind-config/fresco';
 
 const config: Pick<
   Config,
   'content' | 'darkMode' | 'presets' | 'plugins' | 'theme'
 > = {
-  darkMode: ['class'],
+  darkMode: 'class',
   content: [
-    './pages/**/*.{ts,tsx}',
+    ...sharedConfig.content,
+    './lib/**/*.{ts,tsx}', // For JSX components in MD
     './components/**/*.{ts,tsx}',
     './app/**/*.{ts,tsx}',
-    './src/**/*.{ts,tsx}',
+    '../../packages/ui/**/*.{ts,tsx}', // UI package
   ],
-  theme: {
-    container: {
-      center: true,
-      padding: '2rem',
-      screens: {
-        '2xl': '1400px',
-      },
-    },
-    extend: {
-      colors: {
-        border: 'hsl(var(--border))',
-        input: 'hsl(var(--input))',
-        ring: 'hsl(var(--ring))',
-        background: 'hsl(var(--background))',
-        foreground: 'hsl(var(--foreground))',
-        primary: {
-          DEFAULT: 'hsl(var(--primary))',
-          foreground: 'hsl(var(--primary-foreground))',
-        },
-        secondary: {
-          DEFAULT: 'hsl(var(--secondary))',
-          foreground: 'hsl(var(--secondary-foreground))',
-        },
-        destructive: {
-          DEFAULT: 'hsl(var(--destructive))',
-          foreground: 'hsl(var(--destructive-foreground))',
-        },
-        muted: {
-          DEFAULT: 'hsl(var(--muted))',
-          foreground: 'hsl(var(--muted-foreground))',
-        },
-        accent: {
-          DEFAULT: 'hsl(var(--accent))',
-          foreground: 'hsl(var(--accent-foreground))',
-        },
-        popover: {
-          DEFAULT: 'hsl(var(--popover))',
-          foreground: 'hsl(var(--popover-foreground))',
-        },
-        card: {
-          DEFAULT: 'hsl(var(--card))',
-          foreground: 'hsl(var(--card-foreground))',
-        },
-      },
-      borderRadius: {
-        lg: 'var(--radius)',
-        md: 'calc(var(--radius) - 2px)',
-        sm: 'calc(var(--radius) - 4px)',
-      },
-      keyframes: {
-        'accordion-down': {
-          from: { height: '0' },
-          to: { height: 'var(--radix-accordion-content-height)' },
-        },
-        'accordion-up': {
-          from: { height: 'var(--radix-accordion-content-height)' },
-          to: { height: '0' },
-        },
-      },
-      animation: {
-        'accordion-down': 'accordion-down 0.2s ease-out',
-        'accordion-up': 'accordion-up 0.2s ease-out',
-      },
-    },
-  },
   presets: [sharedConfig],
-  plugins: [require('tailwindcss-animate'), require('@tailwindcss/typography')],
+  plugins: [typography],
 };
 
 export default config;
diff --git a/apps/documentation/tsconfig.json b/apps/documentation/tsconfig.json
index 6235c393..ddf053bf 100644
--- a/apps/documentation/tsconfig.json
+++ b/apps/documentation/tsconfig.json
@@ -1,21 +1,24 @@
 {
-  "extends": "tsconfig/nextjs.json",
+  "extends": "@codaco/tsconfig/base.json",
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "noUncheckedIndexedAccess": false, // Todo: enable this once app is deployed and fix all errors
-    "resolveJsonModule": true,
-    "isolatedModules": true,
+    "baseUrl": ".",
     "paths": {
-      "~/*": ["./*"],
+      "~/*": [
+        "./*"
+      ]
     },
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"],
-}
+  "include": [
+    ".",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
\ No newline at end of file
diff --git a/apps/documentation/types.d.ts b/apps/documentation/types.d.ts
new file mode 100644
index 00000000..717a71a1
--- /dev/null
+++ b/apps/documentation/types.d.ts
@@ -0,0 +1,2 @@
+// declaring module for rehype-figure as it does not have types
+declare module '@microflash/rehype-figure';
diff --git a/apps/documentation/types.ts b/apps/documentation/types.ts
deleted file mode 100644
index dd086e44..00000000
--- a/apps/documentation/types.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-export interface Folder {
-  type: 'folder';
-  name: string;
-  language: string;
-  source: string;
-  folderPagePath: string | null;
-  isExpanded: boolean;
-  files: Array<DocFile | Folder>;
-}
-
-export interface DocFile {
-  type: 'file';
-  name: string;
-  language: string;
-  path: string;
-  source: string;
-}
-
-type LanguageData = {
-  [key: string]: Folder[];
-};
-
-export type SidebarData = LanguageData[];
-
-// eslint-disable-next-line @typescript-eslint/consistent-type-imports
-export type Messages = typeof import('./messages/en.json');
diff --git a/apps/documentation/vercel.json b/apps/documentation/vercel.json
new file mode 100644
index 00000000..5121369c
--- /dev/null
+++ b/apps/documentation/vercel.json
@@ -0,0 +1,14 @@
+{
+  "redirects": [
+    {
+      "source": "/",
+      "destination": "/en",
+      "permanent": true
+    },
+    {
+      "source": "/:path((?!en|ru|_next/static|_next/image|favicon.ico|assets|protocols|favicons|images).*)",
+      "destination": "/en/desktop/:path*",
+      "permanent": true
+    }
+  ]
+}
diff --git a/package.json b/package.json
index 1dcf985b..c822dfae 100644
--- a/package.json
+++ b/package.json
@@ -10,15 +10,13 @@
     "publish-packages": "turbo run build lint && changeset version && changeset publish"
   },
   "devDependencies": {
-    "eslint": "^8.48.0",
-    "eslint-config-next": "^14.0.2",
-    "prettier": "^3.0.3",
-    "tsconfig": "workspace:*",
-    "turbo": "latest"
+    "@codaco/prettier-config": "workspace:*",
+    "@changesets/cli": "^2.26.2",
+    "prettier": "^3.2.5",
+    "turbo": "^1.12.4",
+    "typescript": "^5.3.3"
   },
-  "packageManager": "pnpm@8.9.0",
-  "name": "analytics-monorepo",
-  "dependencies": {
-    "@changesets/cli": "^2.26.2"
-  }
+  "packageManager": "pnpm@8.15.4+sha256.cea6d0bdf2de3a0549582da3983c70c92ffc577ff4410cbf190817ddc35137c2",
+  "name": "network-canvas-monorepo",
+  "prettier": "@codaco/prettier-config"
 }
diff --git a/packages/analytics/.eslintrc.js b/packages/analytics/.eslintrc.js
deleted file mode 100644
index 5c153af1..00000000
--- a/packages/analytics/.eslintrc.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ["custom/next"],
-};
diff --git a/packages/analytics/package.json b/packages/analytics/package.json
index 4f8f9027..8066fd61 100644
--- a/packages/analytics/package.json
+++ b/packages/analytics/package.json
@@ -15,12 +15,23 @@
     "next": "13 || 14"
   },
   "devDependencies": {
-    "eslint-config-custom": "workspace:*",
-    "tsconfig": "workspace:*",
-    "tsup": "^7.2.0",
-    "typescript": "^5.3.2"
+    "@codaco/eslint-config": "workspace:*",
+    "@codaco/tsconfig": "workspace:*",
+    "eslint": "^8.57.0",
+    "prettier": "^3.2.5",
+    "tailwindcss": "^3.4.1",
+    "tsup": "^8.0.2",
+    "typescript": "^5.3.3"
   },
   "dependencies": {
     "zod": "^3.22.4"
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@codaco/eslint-config/base",
+      "@codaco/eslint-config/nextjs",
+      "@codaco/eslint-config/react"
+    ]
   }
 }
diff --git a/packages/analytics/src/index.ts b/packages/analytics/src/index.ts
index 0136b24a..84240b4a 100644
--- a/packages/analytics/src/index.ts
+++ b/packages/analytics/src/index.ts
@@ -1,14 +1,14 @@
-import { type NextRequest } from "next/server";
-import { ensureError, getBaseUrl } from "./utils";
-import z from "zod";
+import { type NextRequest } from 'next/server';
+import { ensureError, getBaseUrl } from './utils';
+import z from 'zod';
 
 // Todo: it would be great to work out a way to support arbitrary types here.
 export const eventTypes = [
-  "AppSetup",
-  "ProtocolInstalled",
-  "InterviewStarted",
-  "InterviewCompleted",
-  "DataExported",
+  'AppSetup',
+  'ProtocolInstalled',
+  'InterviewStarted',
+  'InterviewCompleted',
+  'DataExported',
 ] as const;
 
 const EventSchema = z.object({
@@ -16,7 +16,7 @@ const EventSchema = z.object({
 });
 
 const ErrorSchema = z.object({
-  type: z.literal("Error"),
+  type: z.literal('Error'),
   message: z.string(),
   name: z.string(),
   stack: z.string().optional(),
@@ -32,7 +32,7 @@ const SharedEventAndErrorSchema = z.object({
  * events or errors. We discriminate on the `type` property to determine which
  * schema to use, and then merge the shared properties.
  */
-export const RawEventSchema = z.discriminatedUnion("type", [
+export const RawEventSchema = z.discriminatedUnion('type', [
   SharedEventAndErrorSchema.merge(EventSchema),
   SharedEventAndErrorSchema.merge(ErrorSchema),
 ]);
@@ -49,7 +49,7 @@ const TrackablePropertiesSchema = z.object({
 
 export const TrackableEventSchema = z.intersection(
   RawEventSchema,
-  TrackablePropertiesSchema
+  TrackablePropertiesSchema,
 );
 export type TrackableEvent = z.infer<typeof TrackableEventSchema>;
 
@@ -69,12 +69,18 @@ const DispatchablePropertiesSchema = z.object({
  */
 export const AnalyticsEventSchema = z.intersection(
   TrackableEventSchema,
-  DispatchablePropertiesSchema
+  DispatchablePropertiesSchema,
 );
 export type analyticsEvent = z.infer<typeof AnalyticsEventSchema>;
 
+type GeoData = {
+  status: 'success' | 'fail';
+  countryCode: string;
+  message: string;
+};
+
 export const createRouteHandler = ({
-  platformUrl = "https://analytics.networkcanvas.com",
+  platformUrl = 'https://analytics.networkcanvas.com',
   installationId,
 }: {
   platformUrl?: string;
@@ -88,11 +94,12 @@ export const createRouteHandler = ({
       const trackableEvent = TrackableEventSchema.safeParse(incomingEvent);
 
       if (!trackableEvent.success) {
-        console.error("Invalid event:", trackableEvent.error);
-        return new Response(JSON.stringify({ error: "Invalid event" }), {
+        // eslint-disable-next-line no-console
+        console.error('Invalid event:', trackableEvent.error);
+        return new Response(JSON.stringify({ error: 'Invalid event' }), {
           status: 400,
           headers: {
-            "Content-Type": "application/json",
+            'Content-Type': 'application/json',
           },
         });
       }
@@ -100,25 +107,28 @@ export const createRouteHandler = ({
       // We don't want failures in third party services to prevent us from
       // tracking analytics events, so we'll catch any errors and log them
       // and continue with an 'Unknown' country code.
-      let countryISOCode = "Unknown";
+      let countryISOCode = 'Unknown';
       try {
-        const ip = await fetch("https://api64.ipify.org").then((res) =>
-          res.text()
+        const ip = await fetch('https://api64.ipify.org').then((res) =>
+          res.text(),
         );
 
         if (!ip) {
-          throw new Error("Could not fetch IP address");
+          throw new Error('Could not fetch IP address');
         }
 
-        const geoData = await fetch(`http://ip-api.com/json/${ip}`).then((res) => res.json());
+        const geoData = (await fetch(`http://ip-api.com/json/${ip}`).then(
+          (res) => res.json(),
+        )) as GeoData;
 
-        if(geoData.status === "success") {
+        if (geoData.status === 'success') {
           countryISOCode = geoData.countryCode;
         } else {
           throw new Error(geoData.message);
         }
       } catch (e) {
-        console.error("Geolocation failed:", e);
+        // eslint-disable-next-line no-console
+        console.error('Geolocation failed:', e);
       }
 
       const analyticsEvent: analyticsEvent = {
@@ -130,9 +140,9 @@ export const createRouteHandler = ({
       // Forward to backend
       const response = await fetch(`${platformUrl}/api/event`, {
         keepalive: true,
-        method: "POST",
+        method: 'POST',
         headers: {
-          "Content-Type": "application/json",
+          'Content-Type': 'application/json',
         },
         body: JSON.stringify(analyticsEvent),
       });
@@ -152,23 +162,26 @@ export const createRouteHandler = ({
           error = `Analytics platform returned an internal server error. Please check the platform logs.`;
         }
 
+        // eslint-disable-next-line no-console
         console.info(`⚠️ Analytics platform rejected event: ${error}`);
         return Response.json(
           {
             error,
           },
-          { status: 500 }
+          { status: 500 },
         );
       }
-      console.info("🚀 Analytics event sent to platform!");
-      return Response.json({ message: "Event forwarded successfully" });
+      // eslint-disable-next-line no-console
+      console.info('🚀 Analytics event sent to platform!');
+      return Response.json({ message: 'Event forwarded successfully' });
     } catch (e) {
       const error = ensureError(e);
-      console.info("🚫 Internal error with sending analytics event.");
+      // eslint-disable-next-line no-console
+      console.info('🚫 Internal error with sending analytics event.');
 
       return Response.json(
         { error: `Error in analytics route handler: ${error.message}` },
-        { status: 500 }
+        { status: 500 },
       );
     }
   };
@@ -177,19 +190,20 @@ export const createRouteHandler = ({
 export const makeEventTracker =
   ({
     enabled = false,
-    endpoint = "/api/analytics",
+    endpoint = '/api/analytics',
   }: {
     enabled?: boolean;
     endpoint?: string;
   }) =>
   async (
-    event: RawEvent
+    event: RawEvent,
   ): Promise<{
     error: string | null;
     success: boolean;
   }> => {
     if (!enabled) {
-      console.log("Analytics disabled - event not sent.");
+      // eslint-disable-next-line no-console
+      console.log('Analytics disabled - event not sent.');
       return { error: null, success: true };
     }
 
@@ -202,11 +216,11 @@ export const makeEventTracker =
 
     try {
       const response = await fetch(endpointWithHost, {
-        method: "POST",
+        method: 'POST',
         keepalive: true,
         body: JSON.stringify(eventWithTimeStamp),
         headers: {
-          "Content-Type": "application/json",
+          'Content-Type': 'application/json',
         },
       });
 
diff --git a/packages/analytics/src/utils.ts b/packages/analytics/src/utils.ts
index 8cd4bbb0..63b5a243 100644
--- a/packages/analytics/src/utils.ts
+++ b/packages/analytics/src/utils.ts
@@ -1,27 +1,32 @@
+/* eslint-disable no-process-env */
 // Helper function that ensures that a value is an Error
 export function ensureError(value: unknown): Error {
-  if (!value) return new Error("No value was thrown");
+  if (!value) return new Error('No value was thrown');
 
   if (value instanceof Error) return value;
 
   // Test if value inherits from Error
-  if (value.isPrototypeOf(Error)) return value as Error & typeof value;
+  if (Object.prototype.isPrototypeOf.call(value, Error))
+    return value as Error & typeof value;
 
-  let stringified = "[Unable to stringify the thrown value]";
+  let stringified = '[Unable to stringify the thrown value]';
   try {
     stringified = JSON.stringify(value);
-  } catch {}
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error(e);
+  }
 
   const error = new Error(
-    `This value was thrown as is, not through an Error: ${stringified}`
+    `This value was thrown as is, not through an Error: ${stringified}`,
   );
   return error;
 }
 
 export function getBaseUrl() {
-  if (typeof window !== "undefined")
+  if (typeof window !== 'undefined')
     // browser should use relative path
-    return "";
+    return '';
 
   if (process.env.VERCEL_URL)
     // reference for vercel.com
diff --git a/packages/analytics/tsconfig.json b/packages/analytics/tsconfig.json
index 892c3343..c90d8e04 100644
--- a/packages/analytics/tsconfig.json
+++ b/packages/analytics/tsconfig.json
@@ -1,11 +1,9 @@
 {
-  "extends": "tsconfig/react-library.json",
-  "include": [
-    "."
-  ],
-  "exclude": [
-    "dist",
-    "build",
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "extends": "@codaco/tsconfig/base.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
+  },
+  "include": ["."],
+  "exclude": ["dist", "build", "node_modules"]
+}
diff --git a/packages/art/package.json b/packages/art/package.json
new file mode 100644
index 00000000..3fe99a0b
--- /dev/null
+++ b/packages/art/package.json
@@ -0,0 +1,43 @@
+{
+  "name": "@codaco/art",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "license": "MIT",
+  "scripts": {
+    "clean": "rm -rf .turbo node_modules",
+    "format": "prettier --check . --ignore-path ../../.gitignore",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "blobs": "2.3.0-beta.2",
+    "d3-interpolate-path": "^2.3.0"
+  },
+  "devDependencies": {
+    "@codaco/eslint-config": "workspace:*",
+    "@codaco/prettier-config": "workspace:*",
+    "@codaco/tailwind-config": "workspace:*",
+    "@codaco/tsconfig": "workspace:*",
+    "@types/d3-interpolate-path": "^2.0.3",
+    "@types/react": "^18.2.57",
+    "eslint": "^8.57.0",
+    "prettier": "^3.2.5",
+    "tailwindcss": "^3.4.1",
+    "react": "18.2.0",
+    "typescript": "^5.3.3"
+  },
+  "peerDependencies": {
+    "react": "18.2.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "@codaco/eslint-config/base",
+      "@codaco/eslint-config/react"
+    ]
+  },
+  "prettier": "@codaco/prettier-config"
+}
diff --git a/packages/art/src/BackgroundBlobs/BackgroundBlobs.tsx b/packages/art/src/BackgroundBlobs/BackgroundBlobs.tsx
new file mode 100644
index 00000000..da31cb59
--- /dev/null
+++ b/packages/art/src/BackgroundBlobs/BackgroundBlobs.tsx
@@ -0,0 +1,277 @@
+'use client';
+
+import { memo, useMemo } from 'react';
+import * as blobs2 from 'blobs/v2';
+import { interpolatePath } from 'd3-interpolate-path';
+import Canvas from './Canvas';
+
+const random = (a = 1, b = 0) => {
+  const lower = Math.min(a, b);
+  const upper = Math.max(a, b);
+  return lower + Math.random() * (upper - lower);
+};
+
+const randomInt = (a = 1, b = 0) => {
+  const lower = Math.ceil(Math.min(a, b));
+  const upper = Math.floor(Math.max(a, b));
+  return Math.floor(lower + Math.random() * (upper - lower + 1));
+};
+
+const gradients = [
+  ['rgb(237,0,140)', 'rgb(226,33,91)'],
+  ['#00c9ff', '#92fe9d'],
+  ['#fc466b', '#3f5efb'],
+  ['#d53369', '#daae51'],
+  ['#3f2b96', '#a8c0ff'],
+  ['rgb(0, 201, 162)', 'rgb(0, 160, 129)'],
+  ['rgb(107, 114, 236)', 'rgb(58, 58, 117)'],
+  ['rgb(242, 183, 0)', 'rgb(247,137,30)'],
+  ['rgb(15, 178, 226)', 'rgb(15, 112, 255)'],
+  ['rgb(45, 41, 285)', 'rgb(58,58,217)'],
+];
+
+const DEFAULT_SPEED_FACTOR = 1;
+
+class NCBlob {
+  layer: 1 | 2 | 3;
+  speed: number;
+  angle: number;
+  size: number;
+  velocityX: number;
+  velocityY: number;
+  gradient;
+  firstRender: boolean;
+  animateForward: boolean;
+  lastUpdate: number | null;
+  positionX: number;
+  positionY: number;
+  canvasWidth: number;
+  canvasHeight: number;
+  startFrameTime: number | undefined;
+  endFrameTime: number | undefined;
+  shape: string | null;
+  shape2: string | null;
+  interpolator: ((t: number) => string) | null;
+
+  constructor(layer: 1 | 2 | 3, speedFactor: number) {
+    const speeds = {
+      1: speedFactor * random(3, 6),
+      2: speedFactor * random(0.5, 1.5),
+      3: speedFactor * 0.5,
+    };
+
+    this.layer = layer; // Used to determine size and speed
+
+    this.speed = speeds[layer];
+    this.angle = (randomInt(0, 360) * Math.PI) / 180; // in radians
+    this.velocityX = Math.sin(this.angle) * this.speed;
+    this.velocityY = Math.cos(this.angle) * this.speed;
+
+    this.gradient = gradients[randomInt(0, gradients.length - 1)];
+
+    this.firstRender = true; // Used to know if we need to initialize contextual values
+    this.animateForward = true; // Toggle for shape animation direction
+    this.lastUpdate = null; // Used to calculate time delta
+    this.positionX = 0; // Used to track position
+    this.positionY = 0; // Used to track position
+    this.size = 0; // Used to track size
+
+    this.canvasWidth = 0; // Used to track canvas width
+    this.canvasHeight = 0; // Used to track canvas height
+
+    this.shape = null;
+    this.shape2 = null;
+
+    this.interpolator = null;
+  }
+
+  // Update positionX and positionY
+  updatePosition(time: number) {
+    const timeInSeconds = time / 1000;
+
+    if (!this.lastUpdate) {
+      this.lastUpdate = timeInSeconds;
+    }
+    const timeDelta = timeInSeconds - this.lastUpdate || 1;
+
+    this.lastUpdate = timeInSeconds;
+
+    // Update position relative to time
+    this.positionX += this.velocityX * timeDelta;
+    this.positionY += this.velocityY * timeDelta;
+
+    // Wrap around screen boundaries, taking into account shape size
+    if (this.positionX < 0 - this.size) {
+      this.positionX = this.canvasWidth + this.size;
+    }
+
+    if (this.positionX > this.canvasWidth) {
+      this.positionX = -this.size;
+    }
+
+    if (this.positionY > this.canvasHeight) {
+      this.positionY = -this.size;
+    }
+
+    if (this.positionY < 0 - this.size) {
+      this.positionY = this.canvasHeight + this.size;
+    }
+  }
+
+  invert(number: number) {
+    return this.animateForward ? number : number * -1 + 1;
+  }
+
+  animationPosition(time: number) {
+    const duration = 20000 * this.speed; // some number of ms?
+
+    // Start
+    if (!this.startFrameTime) {
+      this.startFrameTime = time;
+      this.endFrameTime = time + duration;
+      return this.invert(0);
+    }
+
+    if (!this.endFrameTime || time > this.endFrameTime) {
+      this.startFrameTime = time;
+      this.endFrameTime = time + duration;
+      this.animateForward = !this.animateForward;
+    }
+
+    return this.invert(
+      (time - this.startFrameTime) / (this.endFrameTime - this.startFrameTime),
+    );
+  }
+
+  // Some properties are derived from the canvas context, so we need to
+  // set them only when it is available.
+  initialize(ctx: CanvasRenderingContext2D) {
+    const { devicePixelRatio } = window;
+
+    // Give class knowledge of canvas height and width
+    this.canvasWidth = ctx.canvas.width / devicePixelRatio;
+    this.canvasHeight = ctx.canvas.height / devicePixelRatio;
+
+    // Use vmin for sizing to get better responsiveness in landscape/portrait
+    const vmin = Math.min(this.canvasWidth, this.canvasHeight);
+
+    // Create a random blob sized based on layer
+    const sizes = {
+      1: randomInt(vmin * 0.1, vmin * 0.2),
+      2: randomInt(vmin * 0.5, vmin * 0.8),
+      3: randomInt(vmin, vmin * 1.2),
+    };
+
+    this.size = sizes[this.layer];
+
+    // Set a random starting position within the screen boundaries with
+    // at least half of the shape visible
+    this.positionX = randomInt(
+      0 - this.size / 2,
+      this.canvasWidth - this.size / 2,
+    );
+    this.positionY = randomInt(
+      0 - this.size / 2,
+      this.canvasHeight - this.size / 2,
+    );
+
+    // Create two random shapes to interpolate between for visual variation
+    this.shape = blobs2.svgPath({
+      seed: Math.random(),
+      extraPoints: 6,
+      randomness: 6,
+      size: this.size,
+    });
+
+    this.shape2 = blobs2.svgPath({
+      seed: Math.random(),
+      extraPoints: 8,
+      randomness: 8,
+      size: this.size,
+    });
+
+    // Initialize the interpolation function
+    if (typeof this.shape !== 'string' || typeof this.shape2 !== 'string') {
+      throw new Error('Shape is not a string');
+    }
+
+    this.interpolator = interpolatePath(this.shape, this.shape2);
+
+    this.firstRender = false;
+  }
+
+  // Main method called from draw loop.
+  // Renders the blob to the context and animates properties based on time
+  render(ctx: CanvasRenderingContext2D, time: number) {
+    // Initialize context specific values
+    if (this.firstRender) {
+      this.initialize(ctx);
+    }
+
+    if (!this.interpolator) return;
+
+    if (!this.gradient?.[0] || !this.gradient[1]) {
+      return;
+    }
+
+    // Update position
+    this.updatePosition(time);
+
+    // Create gradient
+    const grd = ctx.createLinearGradient(0, 0, this.size, 0);
+    grd.addColorStop(0, this.gradient[0]);
+    grd.addColorStop(1, this.gradient[1]);
+    ctx.fillStyle = grd;
+
+    // Render interpolated shape
+    const t = this.animationPosition(time);
+    const p = new Path2D(this.interpolator(t));
+
+    // Save before translating so we can restore afterwards - important!
+    ctx.save();
+    ctx.translate(this.positionX, this.positionY);
+    ctx.fill(p);
+    ctx.restore();
+  }
+}
+
+type BackgroundBlobsProps = {
+  large?: number;
+  medium?: number;
+  small?: number;
+  speedFactor?: number;
+  compositeOperation?: GlobalCompositeOperation;
+  filter?: CanvasFilters['filter'];
+};
+
+const BackgroundBlobs = memo(
+  ({
+    large = 2,
+    medium = 4,
+    small = 4,
+    speedFactor = DEFAULT_SPEED_FACTOR,
+    compositeOperation = 'source-over',
+    filter = '',
+  }: BackgroundBlobsProps) => {
+    const blobs = useMemo(
+      () => [
+        new Array(large).fill(null).map(() => new NCBlob(3, speedFactor)),
+        new Array(medium).fill(null).map(() => new NCBlob(2, speedFactor)),
+        new Array(small).fill(null).map(() => new NCBlob(1, speedFactor)),
+      ],
+      [large, medium, small, speedFactor],
+    );
+
+    const drawBlobs = (ctx: CanvasRenderingContext2D, time: number) => {
+      ctx.globalCompositeOperation = compositeOperation;
+      ctx.filter = filter;
+      blobs.forEach((layer) => layer.forEach((blob) => blob.render(ctx, time)));
+    };
+
+    return <Canvas draw={drawBlobs} />;
+  },
+);
+
+BackgroundBlobs.displayName = 'BackgroundBlobs';
+
+export default memo(BackgroundBlobs);
diff --git a/packages/art/src/BackgroundBlobs/Canvas.tsx b/packages/art/src/BackgroundBlobs/Canvas.tsx
new file mode 100644
index 00000000..e272e579
--- /dev/null
+++ b/packages/art/src/BackgroundBlobs/Canvas.tsx
@@ -0,0 +1,19 @@
+'use client';
+
+import React from 'react';
+import useCanvas from './useCanvas';
+
+type CanvasProps = {
+  draw: (ctx: CanvasRenderingContext2D, time: number) => void;
+  predraw?: (ctx: CanvasRenderingContext2D, time: number) => void;
+  postdraw?: (ctx: CanvasRenderingContext2D, time: number) => void;
+};
+
+const Canvas = (props: CanvasProps) => {
+  const { draw, predraw, postdraw } = props;
+  const canvasRef = useCanvas(draw, predraw, postdraw);
+
+  return <canvas ref={canvasRef} style={{ width: '100%', height: '100%' }} />;
+};
+
+export default Canvas;
diff --git a/packages/art/src/BackgroundBlobs/useCanvas.ts b/packages/art/src/BackgroundBlobs/useCanvas.ts
new file mode 100644
index 00000000..714f431a
--- /dev/null
+++ b/packages/art/src/BackgroundBlobs/useCanvas.ts
@@ -0,0 +1,89 @@
+'use client';
+
+import { useRef, useEffect } from 'react';
+
+const resizeCanvas = (
+  context: CanvasRenderingContext2D,
+  canvasRef: React.RefObject<HTMLCanvasElement>,
+) => {
+  if (!canvasRef?.current) {
+    return false;
+  }
+
+  const currentCanvas = canvasRef.current;
+
+  const { width, height } = currentCanvas.getBoundingClientRect();
+  const { devicePixelRatio: ratio = 1 } = window;
+
+  if (
+    currentCanvas.width !== width * ratio ||
+    currentCanvas.height !== height * ratio
+  ) {
+    currentCanvas.width = width * ratio;
+    currentCanvas.height = height * ratio;
+    context.scale(ratio, ratio);
+    return true;
+  }
+
+  return false;
+};
+
+type DrawFunction = (
+  ctx: CanvasRenderingContext2D,
+  time: number,
+  canvasRef: React.RefObject<HTMLCanvasElement>,
+) => void;
+
+const defaultPredraw: DrawFunction = (context: CanvasRenderingContext2D) => {
+  context.save();
+  const { width, height } = context.canvas;
+  context.clearRect(0, 0, width, height);
+};
+
+const defaultPostdraw: DrawFunction = (context: CanvasRenderingContext2D) => {
+  context.restore();
+};
+
+const useCanvas = (
+  draw: DrawFunction,
+  predraw = defaultPredraw,
+  postdraw = defaultPostdraw,
+) => {
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+
+  useEffect(() => {
+    const canvas = canvasRef.current;
+
+    if (!canvas) {
+      return;
+    }
+
+    const context = canvas.getContext('2d');
+
+    if (!context) {
+      return;
+    }
+
+    let requestAnimationId: number | null = null;
+
+    const render = (ctx: CanvasRenderingContext2D, time: number) => {
+      resizeCanvas(context, canvasRef);
+      predraw(ctx, time, canvasRef);
+      draw(ctx, time, canvasRef);
+      postdraw(ctx, time, canvasRef);
+      requestAnimationId = requestAnimationFrame((t) => render(ctx, t));
+    };
+
+    render(context, 0);
+
+    return () => {
+      if (requestAnimationId) {
+        cancelAnimationFrame(requestAnimationId);
+      }
+    };
+  });
+
+  return canvasRef;
+};
+
+export default useCanvas;
diff --git a/packages/art/src/index.ts b/packages/art/src/index.ts
new file mode 100644
index 00000000..47e1f592
--- /dev/null
+++ b/packages/art/src/index.ts
@@ -0,0 +1,4 @@
+import useCanvas from './BackgroundBlobs/useCanvas';
+import BackgroundBlobs from './BackgroundBlobs/BackgroundBlobs';
+
+export { useCanvas, BackgroundBlobs };
diff --git a/packages/art/tailwind.config.ts b/packages/art/tailwind.config.ts
new file mode 100644
index 00000000..159077ed
--- /dev/null
+++ b/packages/art/tailwind.config.ts
@@ -0,0 +1,12 @@
+/*
+ * This file is not used for any compilation purpose, it is only used
+ * for Tailwind Intellisense & Autocompletion in the source files
+ */
+import type { Config } from 'tailwindcss';
+
+import baseConfig from '@codaco/tailwind-config/fresco';
+
+export default {
+  content: ['./src/**/*.tsx'],
+  presets: [baseConfig],
+} satisfies Config;
diff --git a/packages/art/tsconfig.json b/packages/art/tsconfig.json
new file mode 100644
index 00000000..290d25d5
--- /dev/null
+++ b/packages/art/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "extends": "@codaco/tsconfig/base.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
+  },
+  "include": ["*.ts", "src"],
+  "exclude": ["node_modules"]
+}
diff --git a/packages/eslint-config-custom/README.md b/packages/eslint-config-custom/README.md
deleted file mode 100644
index 8b42d901..00000000
--- a/packages/eslint-config-custom/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# `@turbo/eslint-config`
-
-Collection of internal eslint configurations.
diff --git a/packages/eslint-config-custom/library.js b/packages/eslint-config-custom/library.js
deleted file mode 100644
index e87f7347..00000000
--- a/packages/eslint-config-custom/library.js
+++ /dev/null
@@ -1,34 +0,0 @@
-const { resolve } = require("node:path");
-
-const project = resolve(process.cwd(), "tsconfig.json");
-
-/*
- * This is a custom ESLint configuration for use with
- * typescript packages.
- *
- * This config extends the Vercel Engineering Style Guide.
- * For more information, see https://github.com/vercel/style-guide
- *
- */
-
-module.exports = {
-  extends: [
-    "@vercel/style-guide/eslint/node",
-    "@vercel/style-guide/eslint/typescript",
-  ].map(require.resolve),
-  parserOptions: {
-    project,
-  },
-  globals: {
-    React: true,
-    JSX: true,
-  },
-  settings: {
-    "import/resolver": {
-      typescript: {
-        project,
-      },
-    },
-  },
-  ignorePatterns: ["node_modules/", "dist/"],
-};
diff --git a/packages/eslint-config-custom/next.js b/packages/eslint-config-custom/next.js
deleted file mode 100644
index 00cd3e33..00000000
--- a/packages/eslint-config-custom/next.js
+++ /dev/null
@@ -1,3 +0,0 @@
-module.exports = {
-  extends: "next/core-web-vitals",
-};
diff --git a/packages/eslint-config-custom/package.json b/packages/eslint-config-custom/package.json
deleted file mode 100644
index 90579192..00000000
--- a/packages/eslint-config-custom/package.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "name": "eslint-config-custom",
-  "license": "MIT",
-  "version": "0.0.0",
-  "private": true,
-  "devDependencies": {
-    "@vercel/style-guide": "^5.1.0",
-    "eslint-config-turbo": "^1.10.12",
-    "typescript": "^5.2.2"
-  }
-}
diff --git a/packages/eslint-config-custom/react-internal.js b/packages/eslint-config-custom/react-internal.js
deleted file mode 100644
index 18581318..00000000
--- a/packages/eslint-config-custom/react-internal.js
+++ /dev/null
@@ -1,39 +0,0 @@
-const { resolve } = require("node:path");
-
-const project = resolve(process.cwd(), "tsconfig.json");
-
-/*
- * This is a custom ESLint configuration for use with
- * internal (bundled by their consumer) libraries
- * that utilize React.
- *
- * This config extends the Vercel Engineering Style Guide.
- * For more information, see https://github.com/vercel/style-guide
- *
- */
-
-module.exports = {
-  extends: [
-    "@vercel/style-guide/eslint/browser",
-    "@vercel/style-guide/eslint/typescript",
-    "@vercel/style-guide/eslint/react",
-  ].map(require.resolve),
-  parserOptions: {
-    project,
-  },
-  globals: {
-    JSX: true,
-  },
-  settings: {
-    "import/resolver": {
-      typescript: {
-        project,
-      },
-    },
-  },
-  ignorePatterns: ["node_modules/", "dist/", ".eslintrc.js"],
-
-  rules: {
-    // add specific rules configurations here
-  },
-};
diff --git a/packages/tailwind-config/package.json b/packages/tailwind-config/package.json
deleted file mode 100644
index 80cc6b08..00000000
--- a/packages/tailwind-config/package.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "shared-tailwind-config",
-  "version": "0.0.0",
-  "private": true,
-  "exports": {
-    ".": "./tailwind.config.ts"
-  },
-  "devDependencies": {
-    "tailwindcss": "^3.3.0",
-    "tsconfig": "workspace:*"
-  }
-}
diff --git a/packages/tailwind-config/tsconfig.json b/packages/tailwind-config/tsconfig.json
deleted file mode 100644
index 1622f434..00000000
--- a/packages/tailwind-config/tsconfig.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "extends": "tsconfig/base.json",
-  "include": ["."],
-  "exclude": ["dist", "build", "node_modules"],
-}
diff --git a/packages/tsconfig/nextjs.json b/packages/tsconfig/nextjs.json
deleted file mode 100644
index e3748f20..00000000
--- a/packages/tsconfig/nextjs.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Next.js",
-  "extends": "./base.json",
-  "compilerOptions": {
-    "plugins": [{ "name": "next" }],
-    "incremental": true,
-    "allowJs": true,
-    "jsx": "preserve"
-  },
-  "include": ["src", "next-env.d.ts"],
-  "exclude": ["node_modules"]
-}
diff --git a/packages/tsconfig/package.json b/packages/tsconfig/package.json
deleted file mode 100644
index 6efb83e1..00000000
--- a/packages/tsconfig/package.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "name": "tsconfig",
-  "version": "0.0.0",
-  "private": true,
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  }
-}
diff --git a/packages/tsconfig/react-library.json b/packages/tsconfig/react-library.json
deleted file mode 100644
index a755ffea..00000000
--- a/packages/tsconfig/react-library.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "React Library",
-  "extends": "./base.json",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-  }
-}
diff --git a/packages/ui/package.json b/packages/ui/package.json
new file mode 100644
index 00000000..c4273ad7
--- /dev/null
+++ b/packages/ui/package.json
@@ -0,0 +1,72 @@
+{
+  "name": "@codaco/ui",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "license": "MIT",
+  "scripts": {
+    "add": "pnpm dlx shadcn-ui add",
+    "clean": "rm -rf .turbo node_modules",
+    "format": "prettier --check . --ignore-path ../../.gitignore",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@codaco/art": "workspace:*",
+    "@hookform/resolvers": "^3.3.4",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-progress": "^1.0.3",
+    "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "class-variance-authority": "^0.7.0",
+    "cmdk": "^1.0.0",
+    "framer-motion": "^11.0.6",
+    "lucide-react": "^0.341.0",
+    "next-themes": "^0.2.1",
+    "react-hook-form": "^7.50.1",
+    "sonner": "^1.4.1",
+    "tailwind-merge": "^2.2.1",
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "devDependencies": {
+    "@codaco/eslint-config": "workspace:*",
+    "@codaco/prettier-config": "workspace:*",
+    "@codaco/tailwind-config": "workspace:*",
+    "@codaco/tsconfig": "workspace:*",
+    "@types/react": "^18.2.57",
+    "eslint": "^8.57.0",
+    "prettier": "^3.2.5",
+    "react": "18.2.0",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.3.3",
+    "zod": "^3.22.4"
+  },
+  "peerDependencies": {
+    "react": "18.2.0",
+    "zod": "^3.22.4"
+  },
+  "eslintConfig": {
+    "extends": [
+      "@codaco/eslint-config/base",
+      "@codaco/eslint-config/react"
+    ]
+  },
+  "prettier": "@codaco/prettier-config"
+}
diff --git a/apps/documentation/components/ui/alert.tsx b/packages/ui/src/Alert.tsx
similarity index 60%
rename from apps/documentation/components/ui/alert.tsx
rename to packages/ui/src/Alert.tsx
index 0426bebb..3639d290 100644
--- a/apps/documentation/components/ui/alert.tsx
+++ b/packages/ui/src/Alert.tsx
@@ -1,16 +1,20 @@
+'use client';
+
 import * as React from 'react';
 import { cva, type VariantProps } from 'class-variance-authority';
-
-import { cn } from '~/lib/utils';
+import { cn } from './utils';
+import Heading from './typography/Heading';
+import { paragraphVariants } from './typography/Paragraph';
 
 const alertVariants = cva(
-  'relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground',
+  'relative w-full rounded-lg border bg-card p-4 text-foreground [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-6',
   {
     variants: {
       variant: {
-        default: 'bg-background text-foreground',
+        default: '',
+        info: 'border-info bg-info/10 [--link:var(--info)]',
         destructive:
-          'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',
+          'border-destructive/50 text-destructive [--link:var(--destructive)] dark:border-destructive [&>svg]:text-destructive',
       },
     },
     defaultVariants: {
@@ -36,9 +40,10 @@ const AlertTitle = React.forwardRef<
   HTMLParagraphElement,
   React.HTMLAttributes<HTMLHeadingElement>
 >(({ className, ...props }, ref) => (
-  <h5
+  <Heading
+    variant="h4-all-caps"
     ref={ref}
-    className={cn('mb-1 font-medium leading-none tracking-tight', className)}
+    className={cn(className)}
     {...props}
   />
 ));
@@ -50,7 +55,11 @@ const AlertDescription = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <div
     ref={ref}
-    className={cn('text-sm [&_p]:leading-relaxed', className)}
+    className={cn(
+      'mt-1',
+      paragraphVariants({ variant: 'smallText' }),
+      className,
+    )}
     {...props}
   />
 ));
diff --git a/packages/ui/src/AlertDialog.tsx b/packages/ui/src/AlertDialog.tsx
new file mode 100644
index 00000000..3a95777b
--- /dev/null
+++ b/packages/ui/src/AlertDialog.tsx
@@ -0,0 +1,129 @@
+'use client';
+
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+
+import { cn } from './utils';
+import { buttonVariants } from './Button';
+import { type VariantProps } from 'class-variance-authority';
+import { DialogTitle, DialogDescription } from './dialog';
+
+const AlertDialog = AlertDialogPrimitive.Root;
+
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+
+const AlertDialogPortal = ({
+  ...props
+}: AlertDialogPrimitive.AlertDialogPortalProps) => (
+  <AlertDialogPrimitive.Portal {...props} />
+);
+AlertDialogPortal.displayName = AlertDialogPrimitive.Portal.displayName;
+
+const AlertDialogOverlay = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+>(({ className, children, ...props }, ref) => (
+  <AlertDialogPrimitive.Overlay
+    className={cn(
+      'fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+      className,
+    )}
+    {...props}
+    ref={ref}
+  />
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+
+const AlertDialogContent = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPortal>
+    <AlertDialogOverlay />
+    <AlertDialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-card p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full',
+        className,
+      )}
+      {...props}
+    />
+  </AlertDialogPortal>
+));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+
+const AlertDialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      'flex flex-col space-y-2 text-center sm:text-left',
+      className,
+    )}
+    {...props}
+  />
+);
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+
+const AlertDialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
+      className,
+    )}
+    {...props}
+  />
+);
+AlertDialogFooter.displayName = 'AlertDialogFooter';
+
+const AlertDialogAction = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Action>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> & {
+    buttonVariant?: VariantProps<typeof buttonVariants>['variant'];
+  }
+>(({ className, buttonVariant, ...props }, ref) => (
+  <AlertDialogPrimitive.Action
+    ref={ref}
+    className={cn(
+      buttonVariants({ variant: buttonVariant ?? 'destructive' }),
+      className,
+    )}
+    {...props}
+  />
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+
+const AlertDialogCancel = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> & {
+    buttonVariant?: VariantProps<typeof buttonVariants>['variant'];
+  }
+>(({ className, buttonVariant, ...props }, ref) => (
+  <AlertDialogPrimitive.Cancel
+    ref={ref}
+    className={cn(
+      buttonVariants({ variant: buttonVariant ?? 'outline' }), // use buttonVariant or default to 'outline'
+      'mt-2 sm:mt-0',
+      className,
+    )}
+    {...props}
+  />
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+export {
+  AlertDialog,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  DialogTitle as AlertDialogTitle,
+  DialogDescription as AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+};
diff --git a/packages/ui/src/Button.tsx b/packages/ui/src/Button.tsx
new file mode 100644
index 00000000..ce3399f4
--- /dev/null
+++ b/packages/ui/src/Button.tsx
@@ -0,0 +1,71 @@
+import type { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+
+import { cn } from './utils';
+
+const baseButtonClasses = cn(
+  'inline-flex items-center justify-center truncate text-nowrap rounded-full text-xs font-semibold uppercase tracking-[3px] shadow-md ring-offset-background transition-colors disabled:pointer-events-none disabled:opacity-50',
+  'focusable',
+);
+
+const buttonVariants = cva(baseButtonClasses, {
+  variants: {
+    variant: {
+      default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+      success: 'bg-success text-success-foreground hover:bg-success/90',
+      accent: 'bg-accent text-accent-foreground hover:bg-accent/90',
+      destructive:
+        'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+      outline:
+        'border bg-transparent hover:bg-accent hover:text-accent-foreground',
+      secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+      tableHeader: '-ml-6 hover:text-accent data-[state=open]:text-accent',
+      link: 'underline-offset-4 shadow-none hover:underline',
+      ghost: 'shadow-none hover:bg-accent hover:text-accent-foreground',
+    },
+    size: {
+      'default': 'h-12 px-8',
+      'xs': 'h-6 px-3 text-xs',
+      'sm': 'h-10 px-4',
+      'lg': 'h-12 px-8',
+      'icon': 'h-10 w-10',
+      'icon-large': 'h-12 w-12',
+      'link': 'h-auto px-0',
+    },
+  },
+  defaultVariants: {
+    variant: 'default',
+    size: 'default',
+  },
+  compoundVariants: [
+    {
+      variant: 'tableHeader',
+      size: 'sm',
+      className: '-ml-4',
+    },
+  ],
+});
+
+export type ButtonProps = {
+  variant?: VariantProps<typeof buttonVariants>['variant'];
+  size?: VariantProps<typeof buttonVariants>['size'];
+  asChild?: boolean;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'button';
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    );
+  },
+);
+Button.displayName = 'Button';
+
+export { Button, buttonVariants };
diff --git a/packages/ui/src/CloseButton.tsx b/packages/ui/src/CloseButton.tsx
new file mode 100644
index 00000000..88fa34ed
--- /dev/null
+++ b/packages/ui/src/CloseButton.tsx
@@ -0,0 +1,37 @@
+import { cn } from './utils';
+
+export const CloseButton = ({
+  onClick,
+  className,
+}: {
+  onClick: () => void;
+  className?: string;
+}) => {
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      className={cn(
+        'rounded-sm ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted',
+        className,
+      )}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        className="fill-current h-4 w-4"
+      >
+        <line x1="18" x2="6" y1="6" y2="18"></line>
+        <line x1="6" x2="18" y1="6" y2="18"></line>
+      </svg>
+      <span className="sr-only">Close</span>
+    </button>
+  );
+};
diff --git a/packages/ui/src/Divider.tsx b/packages/ui/src/Divider.tsx
new file mode 100644
index 00000000..df81d3fc
--- /dev/null
+++ b/packages/ui/src/Divider.tsx
@@ -0,0 +1,10 @@
+import { cn } from './utils';
+
+export const Divider = ({ className }: { className?: string }) => (
+  <hr
+    className={cn(
+      'mx-auto w-full rounded-full border-[1.5px] border-border',
+      className,
+    )}
+  />
+);
diff --git a/packages/ui/src/ErrorDialog.tsx b/packages/ui/src/ErrorDialog.tsx
new file mode 100644
index 00000000..6c78fd6c
--- /dev/null
+++ b/packages/ui/src/ErrorDialog.tsx
@@ -0,0 +1,55 @@
+'use client';
+
+import type { AlertDialogProps } from '@radix-ui/react-alert-dialog';
+import React from 'react';
+import {
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialog,
+  AlertDialogContent,
+  AlertDialogTitle,
+  AlertDialogAction,
+} from './AlertDialog';
+import { Divider } from './Divider';
+
+type ErrorDialogProps = AlertDialogProps & {
+  title?: string;
+  description?: React.ReactNode;
+  confirmLabel?: string;
+  additionalContent?: React.ReactNode;
+  onConfirm?: () => void;
+};
+
+const ErrorDialog = ({
+  open,
+  onOpenChange,
+  onConfirm,
+  title = 'Error',
+  description,
+  confirmLabel = 'OK',
+  additionalContent,
+}: ErrorDialogProps) => {
+  return (
+    <AlertDialog open={open} onOpenChange={onOpenChange}>
+      <AlertDialogContent>
+        <AlertDialogHeader>
+          <AlertDialogTitle>{title}</AlertDialogTitle>
+          {description}
+        </AlertDialogHeader>
+        {additionalContent && (
+          <>
+            <Divider className="w-full" />
+            {additionalContent}
+          </>
+        )}
+        <AlertDialogFooter>
+          <AlertDialogAction onClick={onConfirm}>
+            {confirmLabel}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+};
+
+export default ErrorDialog;
diff --git a/packages/ui/src/FancyBox.tsx b/packages/ui/src/FancyBox.tsx
new file mode 100644
index 00000000..494c8d05
--- /dev/null
+++ b/packages/ui/src/FancyBox.tsx
@@ -0,0 +1,132 @@
+import { Check, ChevronsUpDown } from 'lucide-react';
+import {
+  Command,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandSeparator,
+} from './command';
+import { Popover, PopoverContent, PopoverTrigger } from './popover';
+import { cn } from './utils';
+import { selectTriggerStyles } from './select';
+import { type ReactNode, useMemo, useRef, useState } from 'react';
+
+const DefaultItemComponent = (item: {
+  value: unknown;
+  id: string;
+  label: string;
+}) => {
+  return <div>{item.label}</div>;
+};
+
+export default function FancyBox<
+  TItem extends { value: unknown; id: string; label: string },
+>({
+  items = [],
+  ItemComponent = DefaultItemComponent,
+  plural = 'items',
+  singular = 'item',
+  placeholder = 'Select Items...',
+  className,
+  showSearch = true,
+  onValueChange,
+  value,
+}: {
+  items: TItem[];
+  ItemComponent?: (item: TItem) => ReactNode;
+  placeholder?: string;
+  plural?: string;
+  singular?: string;
+  className?: string;
+  showSearch?: boolean;
+  onValueChange: (value: TItem['id'][]) => void;
+  value: TItem['id'][];
+}) {
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  const [openCombobox, setOpenCombobox] = useState(false);
+  const [inputValue, setInputValue] = useState<string>('');
+
+  const toggleItem = (itemId: TItem['id']) => {
+    const newValue = value.includes(itemId)
+      ? value.filter((id) => id !== itemId)
+      : [...value, itemId];
+    onValueChange(newValue);
+    inputRef?.current?.focus();
+  };
+
+  const onComboboxOpenChange = (value: boolean) => {
+    inputRef.current?.blur(); // HACK: otherwise, would scroll automatically to the bottom of page
+    setOpenCombobox(value);
+  };
+
+  const triggerLabelText = useMemo(() => {
+    if (value.length === 0) return placeholder;
+    if (value.length === items.length)
+      return `All ${plural} Selected (${items.length})`;
+
+    if (value.length === 1) return `1 ${singular} Selected`;
+
+    return `${value.length} ${plural} Selected`;
+  }, [value, items, placeholder, plural, singular]);
+
+  return (
+    <>
+      <Popover open={openCombobox} onOpenChange={onComboboxOpenChange}>
+        <PopoverTrigger asChild>
+          <button
+            role="combobox"
+            aria-controls="frameworks"
+            aria-expanded={openCombobox}
+            className={cn(selectTriggerStyles, className)}
+          >
+            <span className="truncate">{triggerLabelText}</span>
+            <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+          </button>
+        </PopoverTrigger>
+        <PopoverContent className="p-0">
+          <Command loop>
+            {showSearch && (
+              <CommandInput
+                name="Filter"
+                ref={inputRef}
+                placeholder={`Search ${plural}...`}
+                value={inputValue}
+                onValueChange={setInputValue}
+                className="my-2 h-8"
+              />
+            )}
+            <CommandGroup className="max-h-72 overflow-auto">
+              <CommandItem
+                onSelect={() => onValueChange(items.map((i) => i.id))}
+              >
+                Select All
+              </CommandItem>
+              <CommandItem onSelect={() => onValueChange([])}>
+                Deselect All
+              </CommandItem>
+              <CommandSeparator />
+              {items.map((item) => {
+                const isActive = value.includes(item.id);
+                return (
+                  <CommandItem
+                    key={item.id}
+                    onSelect={() => toggleItem(item.id)}
+                  >
+                    <Check
+                      className={cn(
+                        'mr-2 h-4 w-4',
+                        isActive ? 'opacity-100' : 'opacity-0',
+                      )}
+                    />
+                    <ItemComponent {...item} />
+                  </CommandItem>
+                );
+              })}
+            </CommandGroup>
+          </Command>
+        </PopoverContent>
+      </Popover>
+    </>
+  );
+}
diff --git a/packages/ui/src/FancyButton.tsx b/packages/ui/src/FancyButton.tsx
new file mode 100644
index 00000000..97d3c95d
--- /dev/null
+++ b/packages/ui/src/FancyButton.tsx
@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { cva, type VariantProps } from 'class-variance-authority';
+import { cn } from './utils';
+import { BackgroundBlobs } from '@codaco/art';
+
+const fancyButtonVariants = cva(
+  'relative inline-flex items-center justify-center overflow-hidden rounded-xl text-lg font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+  {
+    variants: {
+      variant: {
+        default:
+          'border border-primary-foreground bg-primary text-primary-foreground hover:border-primary-foreground/90 hover:bg-primary/90',
+      },
+      size: {
+        default: 'px-8 py-4',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+);
+
+export type FancyButtonProps = {
+  asChild?: boolean;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> &
+  VariantProps<typeof fancyButtonVariants>;
+
+const FancyButton = React.forwardRef<HTMLButtonElement, FancyButtonProps>(
+  ({ children, className, variant, size, ...props }, ref) => {
+    return (
+      <button
+        ref={ref}
+        {...props}
+        className={cn(fancyButtonVariants({ variant, size, className }))}
+      >
+        <span className="relative z-10 drop-shadow-[0_1.2px_rgba(0,0,0,0.8)]">
+          {children}
+        </span>
+        <div className={cn(`absolute inset-0 h-full w-full opacity-50`)}>
+          <BackgroundBlobs large={5} medium={3} small={0} />
+        </div>
+      </button>
+    );
+  },
+);
+
+FancyButton.displayName = 'Button';
+
+export { FancyButton, fancyButtonVariants };
diff --git a/packages/ui/src/FormattedDate.tsx b/packages/ui/src/FormattedDate.tsx
new file mode 100644
index 00000000..b7c2317f
--- /dev/null
+++ b/packages/ui/src/FormattedDate.tsx
@@ -0,0 +1,31 @@
+'use client';
+
+// Display options for dates: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options
+export const dateOptions: Intl.DateTimeFormatOptions = {
+  year: 'numeric',
+  month: 'numeric',
+  day: 'numeric',
+  hour: 'numeric',
+  minute: 'numeric',
+};
+
+function FormattedDate({
+  date,
+  options = dateOptions,
+}: {
+  date: string | number | Date;
+  options?: Intl.DateTimeFormatOptions;
+}) {
+  const formattedDate = Intl.DateTimeFormat(
+    navigator.languages as string[],
+    options,
+  ).format(new Date(date));
+
+  return (
+    <time dateTime={formattedDate} suppressHydrationWarning>
+      {formattedDate}
+    </time>
+  );
+}
+
+export default FormattedDate;
diff --git a/packages/ui/src/Input.tsx b/packages/ui/src/Input.tsx
new file mode 100644
index 00000000..97302ad3
--- /dev/null
+++ b/packages/ui/src/Input.tsx
@@ -0,0 +1,101 @@
+import * as React from 'react';
+
+import { Label } from './Label';
+import { cn } from './utils';
+import { type VariantProps, cva } from 'class-variance-authority';
+
+export const inputClasses = cn(
+  'text-input-foreground flex h-10 w-full rounded-input border border-border bg-input ring-offset-background',
+  'disabled:cursor-not-allowed disabled:opacity-50',
+  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+  'placeholder:text-muted-foreground',
+  'file:border-0 file:bg-transparent file:text-sm file:font-medium',
+);
+
+export const inputVariants = cva(inputClasses, {
+  variants: {
+    size: {
+      'default': 'h-10 px-3 py-2 text-sm [&.adornment-left]:mr-2',
+      'lg': 'h-12 px-4 py-3 text-base [&.adornment-left]:mr-4',
+      'xl': 'h-14 px-5 py-4 text-lg [&.adornment-left]:mr-5',
+      '2xl': 'h-16 px-6 py-5 text-xl [&.adornment-left]:mr-6',
+      '3xl': 'h-20 px-8 py-6 text-2xl [&.adornment-left]:mr-8',
+    },
+  },
+  defaultVariants: {
+    size: 'default',
+  },
+});
+
+export type InputProps = {
+  size?: VariantProps<typeof inputVariants>['size'];
+  inputClassName?: string;
+  label?: string;
+  hint?: React.ReactNode;
+  id?: string;
+  error?: string;
+  leftAdornment?: React.ReactNode;
+  rightAdornment?: React.ReactNode;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  (
+    {
+      className,
+      size,
+      inputClassName,
+      type,
+      label,
+      hint,
+      rightAdornment,
+      leftAdornment,
+      error,
+      ...props
+    },
+    ref,
+  ) => {
+    const id = props.id ?? props.name;
+    return (
+      <div className={cn('relative mt-4 grid items-center gap-2', className)}>
+        {label && (
+          <Label htmlFor={id} required={props.required}>
+            {label}
+          </Label>
+        )}
+        {hint && (
+          <span className="text-sm leading-5 text-muted-foreground">
+            {hint}
+          </span>
+        )}
+        <div className="relative flex items-center justify-end">
+          {leftAdornment && (
+            <div className="adornment-left absolute">{leftAdornment}</div>
+          )}
+          <input
+            id={id}
+            type={type}
+            className={cn(
+              inputVariants({ size }),
+              leftAdornment && 'pl-10',
+              rightAdornment && 'pr-10',
+              inputClassName,
+            )}
+            ref={ref}
+            {...props}
+          />
+          {rightAdornment && (
+            <div className="adornment-right absolute">{rightAdornment}</div>
+          )}
+        </div>
+        {error && (
+          <span role="alert" className="text-sm text-destructive">
+            {error}
+          </span>
+        )}
+      </div>
+    );
+  },
+);
+Input.displayName = 'Input';
+
+export { Input };
diff --git a/packages/ui/src/Label.tsx b/packages/ui/src/Label.tsx
new file mode 100644
index 00000000..249252ab
--- /dev/null
+++ b/packages/ui/src/Label.tsx
@@ -0,0 +1,32 @@
+'use client';
+
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { type VariantProps } from 'class-variance-authority';
+
+import { headingVariants } from './typography/Heading';
+import { cn } from './utils';
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & {
+    required?: boolean;
+  } & VariantProps<typeof headingVariants>
+>(({ className, required, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(headingVariants({ variant: 'label' }), className)}
+    {...props}
+  >
+    {props.children}
+    {required && (
+      <span className="text-destructive" aria-hidden="true">
+        {' '}
+        *
+      </span>
+    )}
+  </LabelPrimitive.Root>
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export { Label };
diff --git a/packages/ui/src/TimeAgo.tsx b/packages/ui/src/TimeAgo.tsx
new file mode 100644
index 00000000..1c48cd8f
--- /dev/null
+++ b/packages/ui/src/TimeAgo.tsx
@@ -0,0 +1,57 @@
+import React, { useState, useEffect, useMemo } from 'react';
+import { dateOptions } from './FormattedDate';
+
+type TimeAgoProps = {
+  date: Date | string | number;
+};
+
+const TimeAgo: React.FC<TimeAgoProps> = ({ date: dateProp }) => {
+  const date = useMemo(() => new Date(dateProp), [dateProp]);
+  const localisedDate = new Intl.DateTimeFormat(
+    navigator.language,
+    dateOptions,
+  ).format(date);
+
+  const [timeAgo, setTimeAgo] = useState<string>('');
+
+  useEffect(() => {
+    const calculateTimeAgo = () => {
+      const now = new Date();
+      const distance = now.getTime() - date.getTime();
+
+      if (distance < 60000) {
+        setTimeAgo('just now');
+      } else if (distance < 3600000) {
+        const singleOrPlural =
+          Math.floor(distance / 60000) === 1 ? 'minute' : 'minutes';
+        setTimeAgo(`${Math.floor(distance / 60000)} ${singleOrPlural} ago`);
+      } else if (distance < 86400000) {
+        const singleOrPlural =
+          Math.floor(distance / 3600000) === 1 ? 'hour' : 'hours';
+        setTimeAgo(`${Math.floor(distance / 3600000)} ${singleOrPlural} ago`);
+      } else if (distance < 604800000) {
+        const singleOrPlural =
+          Math.floor(distance / 86400000) === 1 ? 'day' : 'days';
+        setTimeAgo(`${Math.floor(distance / 86400000)} ${singleOrPlural} ago`);
+      } else {
+        // More than a week ago, fall back to Intl.DateTimeFormat
+        setTimeAgo(localisedDate);
+      }
+    };
+
+    calculateTimeAgo();
+
+    // Update time ago every minute
+    const interval = setInterval(calculateTimeAgo, 60000);
+
+    return () => clearInterval(interval);
+  }, [date, localisedDate]);
+
+  return (
+    <time dateTime={localisedDate} title={localisedDate}>
+      {timeAgo}
+    </time>
+  );
+};
+
+export default TimeAgo;
diff --git a/apps/documentation/components/ui/accordion.tsx b/packages/ui/src/accordion.tsx
similarity index 87%
rename from apps/documentation/components/ui/accordion.tsx
rename to packages/ui/src/accordion.tsx
index fb24a20d..320e4284 100644
--- a/apps/documentation/components/ui/accordion.tsx
+++ b/packages/ui/src/accordion.tsx
@@ -4,7 +4,7 @@ import * as React from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ChevronDown } from 'lucide-react';
 
-import { cn } from '~/lib/utils';
+import { cn } from './utils';
 
 const Accordion = AccordionPrimitive.Root;
 
@@ -46,15 +46,13 @@ const AccordionContent = React.forwardRef<
 >(({ className, children, ...props }, ref) => (
   <AccordionPrimitive.Content
     ref={ref}
-    className={cn(
-      'overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down',
-      className,
-    )}
+    className="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
     {...props}
   >
-    <div className="pb-4 pt-0">{children}</div>
+    <div className={cn('pb-4 pt-0', className)}>{children}</div>
   </AccordionPrimitive.Content>
 ));
+
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
diff --git a/packages/ui/src/badge.tsx b/packages/ui/src/badge.tsx
new file mode 100644
index 00000000..7b024d4a
--- /dev/null
+++ b/packages/ui/src/badge.tsx
@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { cva, type VariantProps } from 'class-variance-authority';
+
+import { cn } from './utils';
+
+const badgeVariants = cva(
+  'flex-shrink-1 inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
+  {
+    variants: {
+      variant: {
+        default:
+          'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
+        secondary:
+          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        destructive:
+          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+        outline: 'text-foreground',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  },
+);
+
+export type BadgeProps = object &
+  React.HTMLAttributes<HTMLDivElement> &
+  VariantProps<typeof badgeVariants>;
+
+function Badge({ className, variant, ...props }: BadgeProps) {
+  return (
+    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+  );
+}
+
+export { Badge, badgeVariants };
diff --git a/apps/documentation/components/ui/card.tsx b/packages/ui/src/card.tsx
similarity index 77%
rename from apps/documentation/components/ui/card.tsx
rename to packages/ui/src/card.tsx
index 39ad4550..b891c8f7 100644
--- a/apps/documentation/components/ui/card.tsx
+++ b/packages/ui/src/card.tsx
@@ -1,19 +1,16 @@
 import * as React from 'react';
 
-import { cn } from '~/lib/utils';
+import { cn } from './utils';
+import Heading from './typography/Heading';
+
+export const cardClasses =
+  'rounded-xl border border-[hsl(var(--platinum--dark))] bg-card text-card-foreground';
 
 const Card = React.forwardRef<
   HTMLDivElement,
   React.HTMLAttributes<HTMLDivElement>
 >(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn(
-      'rounded-lg border bg-card text-card-foreground shadow-sm',
-      className,
-    )}
-    {...props}
-  />
+  <div ref={ref} className={cn(cardClasses, className)} {...props} />
 ));
 Card.displayName = 'Card';
 
@@ -21,11 +18,7 @@ const CardHeader = React.forwardRef<
   HTMLDivElement,
   React.HTMLAttributes<HTMLDivElement>
 >(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn('flex flex-col space-y-1.5 p-6', className)}
-    {...props}
-  />
+  <div ref={ref} className={cn('flex flex-col p-6', className)} {...props} />
 ));
 CardHeader.displayName = 'CardHeader';
 
@@ -33,14 +26,7 @@ const CardTitle = React.forwardRef<
   HTMLParagraphElement,
   React.HTMLAttributes<HTMLHeadingElement>
 >(({ className, ...props }, ref) => (
-  <h3
-    ref={ref}
-    className={cn(
-      'text-2xl font-semibold leading-none tracking-tight',
-      className,
-    )}
-    {...props}
-  />
+  <Heading variant="h3" ref={ref} className={className} {...props} />
 ));
 CardTitle.displayName = 'CardTitle';
 
diff --git a/packages/ui/src/checkbox.tsx b/packages/ui/src/checkbox.tsx
new file mode 100644
index 00000000..9d57a375
--- /dev/null
+++ b/packages/ui/src/checkbox.tsx
@@ -0,0 +1,31 @@
+'use client';
+
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Check } from 'lucide-react';
+import { cn } from './utils';
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <div className="flex items-center">
+    <CheckboxPrimitive.Root
+      ref={ref}
+      className={cn(
+        'peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
+        className,
+      )}
+      {...props}
+    >
+      <CheckboxPrimitive.Indicator
+        className={cn('text-current flex items-center justify-center')}
+      >
+        <Check className="h-4 w-4" />
+      </CheckboxPrimitive.Indicator>
+    </CheckboxPrimitive.Root>
+  </div>
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };
diff --git a/packages/ui/src/collapsible.tsx b/packages/ui/src/collapsible.tsx
new file mode 100644
index 00000000..86ab87d8
--- /dev/null
+++ b/packages/ui/src/collapsible.tsx
@@ -0,0 +1,11 @@
+'use client';
+
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+
+const Collapsible = CollapsiblePrimitive.Root;
+
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
diff --git a/apps/documentation/components/ui/command.tsx b/packages/ui/src/command.tsx
similarity index 68%
rename from apps/documentation/components/ui/command.tsx
rename to packages/ui/src/command.tsx
index 9016cca5..eb925368 100644
--- a/apps/documentation/components/ui/command.tsx
+++ b/packages/ui/src/command.tsx
@@ -1,12 +1,12 @@
-"use client"
+'use client';
 
-import * as React from "react"
-import { type DialogProps } from "@radix-ui/react-dialog"
-import { Command as CommandPrimitive } from "cmdk"
-import { Search } from "lucide-react"
+import * as React from 'react';
+import { type DialogProps } from '@radix-ui/react-dialog';
+import { Command as CommandPrimitive } from 'cmdk';
+import { Search } from 'lucide-react';
 
-import { cn } from "~/lib/utils"
-import { Dialog, DialogContent } from "~/components/ui/dialog"
+import { cn } from './utils';
+import { Dialog, DialogContent } from './dialog';
 
 const Command = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive>,
@@ -15,15 +15,15 @@ const Command = React.forwardRef<
   <CommandPrimitive
     ref={ref}
     className={cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      className
+      'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',
+      className,
     )}
     {...props}
   />
-))
-Command.displayName = CommandPrimitive.displayName
+));
+Command.displayName = CommandPrimitive.displayName;
 
-interface CommandDialogProps extends DialogProps {}
+type CommandDialogProps = object & DialogProps;
 
 const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
   return (
@@ -34,27 +34,27 @@ const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
         </Command>
       </DialogContent>
     </Dialog>
-  )
-}
+  );
+};
 
 const CommandInput = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Input>,
   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
 >(({ className, ...props }, ref) => (
-  <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
+  <div className="flex items-center border-b px-3">
     <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
     <CommandPrimitive.Input
       ref={ref}
       className={cn(
-        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-        className
+        'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',
+        className,
       )}
       {...props}
     />
   </div>
-))
+));
 
-CommandInput.displayName = CommandPrimitive.Input.displayName
+CommandInput.displayName = CommandPrimitive.Input.displayName;
 
 const CommandList = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.List>,
@@ -62,12 +62,12 @@ const CommandList = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <CommandPrimitive.List
     ref={ref}
-    className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
+    className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}
     {...props}
   />
-))
+));
 
-CommandList.displayName = CommandPrimitive.List.displayName
+CommandList.displayName = CommandPrimitive.List.displayName;
 
 const CommandEmpty = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Empty>,
@@ -78,9 +78,9 @@ const CommandEmpty = React.forwardRef<
     className="py-6 text-center text-sm"
     {...props}
   />
-))
+));
 
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
 
 const CommandGroup = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Group>,
@@ -89,14 +89,14 @@ const CommandGroup = React.forwardRef<
   <CommandPrimitive.Group
     ref={ref}
     className={cn(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      className
+      'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground',
+      className,
     )}
     {...props}
   />
-))
+));
 
-CommandGroup.displayName = CommandPrimitive.Group.displayName
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
 
 const CommandSeparator = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Separator>,
@@ -104,11 +104,11 @@ const CommandSeparator = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <CommandPrimitive.Separator
     ref={ref}
-    className={cn("-mx-1 h-px bg-border", className)}
+    className={cn('-mx-1 h-px bg-border', className)}
     {...props}
   />
-))
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName
+));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
 
 const CommandItem = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Item>,
@@ -117,14 +117,14 @@ const CommandItem = React.forwardRef<
   <CommandPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
+      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      className,
     )}
     {...props}
   />
-))
+));
 
-CommandItem.displayName = CommandPrimitive.Item.displayName
+CommandItem.displayName = CommandPrimitive.Item.displayName;
 
 const CommandShortcut = ({
   className,
@@ -133,14 +133,14 @@ const CommandShortcut = ({
   return (
     <span
       className={cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
-        className
+        'ml-auto text-xs tracking-widest text-muted-foreground',
+        className,
       )}
       {...props}
     />
-  )
-}
-CommandShortcut.displayName = "CommandShortcut"
+  );
+};
+CommandShortcut.displayName = 'CommandShortcut';
 
 export {
   Command,
@@ -152,4 +152,4 @@ export {
   CommandItem,
   CommandShortcut,
   CommandSeparator,
-}
+};
diff --git a/apps/documentation/components/ui/dialog.tsx b/packages/ui/src/dialog.tsx
similarity index 58%
rename from apps/documentation/components/ui/dialog.tsx
rename to packages/ui/src/dialog.tsx
index 0a384f22..e32f92ad 100644
--- a/apps/documentation/components/ui/dialog.tsx
+++ b/packages/ui/src/dialog.tsx
@@ -4,15 +4,20 @@ import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { X } from 'lucide-react';
 
-import { cn } from '~/lib/utils';
+import Heading from './typography/Heading';
+import { paragraphVariants } from './typography/Paragraph';
+import { cn } from './utils';
 
 const Dialog = DialogPrimitive.Root;
 
 const DialogTrigger = DialogPrimitive.Trigger;
 
-const DialogPortal = DialogPrimitive.Portal;
+export const DialogPortal = ({
+  ...props
+}: DialogPrimitive.DialogPortalProps) => <DialogPrimitive.Portal {...props} />;
+DialogPortal.displayName = DialogPrimitive.Portal.displayName;
 
-const DialogOverlay = React.forwardRef<
+export const DialogOverlay = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Overlay>,
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
 >(({ className, ...props }, ref) => (
@@ -27,6 +32,27 @@ const DialogOverlay = React.forwardRef<
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 
+export const dialogContentClasses =
+  'fixed left-[50%] top-[50%] z-50 flex max-h-screen w-full max-w-2xl translate-x-[-50%] translate-y-[-50%] flex-col duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] ';
+
+// Variant of DialogContent that lets you provide your own content
+export const DialogContentEmpty = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogPrimitive.Content
+      ref={ref}
+      className={cn(dialogContentClasses, className)}
+      {...props}
+      asChild
+    >
+      {children}
+    </DialogPrimitive.Content>
+  </DialogPortal>
+));
+
 const DialogContent = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
@@ -36,7 +62,8 @@ const DialogContent = React.forwardRef<
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
-        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full',
+        dialogContentClasses,
+        'gap-4 border bg-card p-6 shadow-lg sm:rounded-lg md:w-full',
         className,
       )}
       {...props}
@@ -83,37 +110,40 @@ const DialogTitle = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Title>,
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
 >(({ className, ...props }, ref) => (
-  <DialogPrimitive.Title
-    ref={ref}
-    className={cn(
-      'text-lg font-semibold leading-none tracking-tight',
-      className,
-    )}
-    {...props}
-  />
+  <Heading variant="h3" {...props} className={cn(className)} ref={ref} />
 ));
+
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
 
 const DialogDescription = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Description>,
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
 >(({ className, ...props }, ref) => (
-  <DialogPrimitive.Description
+  <div
     ref={ref}
-    className={cn('text-sm text-muted-foreground', className)}
+    className={cn(paragraphVariants({ variant: 'smallText' }), className)}
     {...props}
   />
 ));
+
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
+const DialogClose = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Close>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Close ref={ref} {...props} />
+));
+DialogClose.displayName = DialogPrimitive.Title.displayName;
+
 export {
   Dialog,
-  DialogPortal,
-  DialogOverlay,
   DialogTrigger,
   DialogContent,
   DialogHeader,
   DialogFooter,
   DialogTitle,
   DialogDescription,
+  DialogClose,
 };
diff --git a/apps/documentation/components/ui/dropdown-menu.tsx b/packages/ui/src/dropdown-menu.tsx
similarity index 98%
rename from apps/documentation/components/ui/dropdown-menu.tsx
rename to packages/ui/src/dropdown-menu.tsx
index d68bb47c..83b5b5ff 100644
--- a/apps/documentation/components/ui/dropdown-menu.tsx
+++ b/packages/ui/src/dropdown-menu.tsx
@@ -4,7 +4,7 @@ import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Check, ChevronRight, Circle } from 'lucide-react';
 
-import { cn } from '~/lib/utils';
+import { cn } from './utils';
 
 const DropdownMenu = DropdownMenuPrimitive.Root;
 
@@ -130,7 +130,7 @@ const DropdownMenuRadioItem = React.forwardRef<
   >
     <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
       <DropdownMenuPrimitive.ItemIndicator>
-        <Circle className="h-2 w-2 fill-current" />
+        <Circle className="fill-current h-2 w-2" />
       </DropdownMenuPrimitive.ItemIndicator>
     </span>
     {children}
diff --git a/packages/ui/src/form.tsx b/packages/ui/src/form.tsx
new file mode 100644
index 00000000..9f1bc567
--- /dev/null
+++ b/packages/ui/src/form.tsx
@@ -0,0 +1,177 @@
+import * as React from 'react';
+import type * as LabelPrimitive from '@radix-ui/react-label';
+import { Slot } from '@radix-ui/react-slot';
+import {
+  Controller,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
+  FormProvider,
+  useFormContext,
+} from 'react-hook-form';
+
+import { cn } from './utils';
+import { Label } from './Label';
+
+const Form = FormProvider;
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+> = {
+  name: TName;
+};
+
+const FormFieldContext = React.createContext<FormFieldContextValue>(
+  {} as FormFieldContextValue,
+);
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  );
+};
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const { getFieldState, formState } = useFormContext();
+
+  const fieldState = getFieldState(fieldContext.name, formState);
+
+  if (!fieldContext) {
+    throw new Error('useFormField should be used within <FormField>');
+  }
+
+  const { id } = itemContext;
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  };
+};
+
+type FormItemContextValue = {
+  id: string;
+};
+
+const FormItemContext = React.createContext<FormItemContextValue>(
+  {} as FormItemContextValue,
+);
+
+const FormItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const id = React.useId();
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div ref={ref} className={cn(className)} {...props} />
+    </FormItemContext.Provider>
+  );
+});
+FormItem.displayName = 'FormItem';
+
+const FormLabel = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+
+  return (
+    <Label
+      ref={ref}
+      className={cn(error && 'text-destructive', className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  );
+});
+FormLabel.displayName = 'FormLabel';
+
+const FormControl = React.forwardRef<
+  React.ElementRef<typeof Slot>,
+  React.ComponentPropsWithoutRef<typeof Slot>
+>(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } =
+    useFormField();
+
+  return (
+    <Slot
+      ref={ref}
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  );
+});
+FormControl.displayName = 'FormControl';
+
+const FormDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+
+  return (
+    <p
+      ref={ref}
+      id={formDescriptionId}
+      className={cn('mb-4 text-sm text-muted-foreground', className)}
+      {...props}
+    />
+  );
+});
+FormDescription.displayName = 'FormDescription';
+
+const FormMessage = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message) : children;
+
+  if (!body) {
+    return null;
+  }
+
+  return (
+    <p
+      ref={ref}
+      id={formMessageId}
+      className={cn('text-sm font-medium text-destructive', className)}
+      {...props}
+    >
+      {body}
+    </p>
+  );
+});
+FormMessage.displayName = 'FormMessage';
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+};
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
new file mode 100644
index 00000000..bf6ad113
--- /dev/null
+++ b/packages/ui/src/index.ts
@@ -0,0 +1,99 @@
+import { Button, buttonVariants } from './Button';
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from './collapsible';
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  dialogContentClasses,
+  DialogContentEmpty,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+} from './dialog';
+import { Divider } from './Divider';
+import { Input, inputClasses, inputVariants } from './Input';
+import { Label } from './Label';
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  selectTriggerStyles,
+  SelectValue,
+} from './select';
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from './tooltip';
+import Heading, {
+  headingVariants,
+  type HeadingProps,
+} from './typography/Heading';
+import { ListItem, OrderedList, UnorderedList } from './typography/Lists';
+import Paragraph, {
+  paragraphVariants,
+  type ParagraphProps,
+} from './typography/Paragraph';
+import { Details, Summary } from './typography/Details';
+
+export type { HeadingProps, ParagraphProps };
+
+export {
+  Button,
+  buttonVariants,
+  Heading,
+  headingVariants,
+  Paragraph,
+  paragraphVariants,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  selectTriggerStyles,
+  Input,
+  inputClasses,
+  inputVariants,
+  Label,
+  UnorderedList,
+  OrderedList,
+  ListItem,
+  Collapsible,
+  CollapsibleTrigger,
+  CollapsibleContent,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogContentEmpty,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  DialogOverlay,
+  DialogPortal,
+  dialogContentClasses,
+  Details,
+  Divider,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  Summary,
+};
diff --git a/packages/ui/src/popover.tsx b/packages/ui/src/popover.tsx
new file mode 100644
index 00000000..8c593b69
--- /dev/null
+++ b/packages/ui/src/popover.tsx
@@ -0,0 +1,31 @@
+'use client';
+
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+
+import { cn } from './utils';
+
+const Popover = PopoverPrimitive.Root;
+
+const PopoverTrigger = PopoverPrimitive.Trigger;
+
+const PopoverContent = React.forwardRef<
+  React.ElementRef<typeof PopoverPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
+>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (
+  <PopoverPrimitive.Portal>
+    <PopoverPrimitive.Content
+      ref={ref}
+      align={align}
+      sideOffset={sideOffset}
+      className={cn(
+        'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+        className,
+      )}
+      {...props}
+    />
+  </PopoverPrimitive.Portal>
+));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+export { Popover, PopoverTrigger, PopoverContent };
diff --git a/packages/ui/src/progress.tsx b/packages/ui/src/progress.tsx
new file mode 100644
index 00000000..172e3e75
--- /dev/null
+++ b/packages/ui/src/progress.tsx
@@ -0,0 +1,34 @@
+'use client';
+
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { cn } from './utils';
+
+type ProgressTestProps = {
+  indicatorClasses?: string;
+} & React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>;
+
+const Progress = React.forwardRef<
+  React.ElementRef<typeof ProgressPrimitive.Root>,
+  ProgressTestProps
+>(({ className, indicatorClasses, value, ...props }, ref) => (
+  <ProgressPrimitive.Root
+    ref={ref}
+    className={cn(
+      'relative h-4 w-full overflow-hidden rounded-full border border-border bg-input',
+      className,
+    )}
+    {...props}
+  >
+    <ProgressPrimitive.Indicator
+      className={cn(
+        'h-full w-full flex-1 bg-primary transition-all',
+        indicatorClasses,
+      )}
+      style={{ transform: `translateX(-${100 - (value ?? 0)}%)` }}
+    />
+  </ProgressPrimitive.Root>
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+export { Progress };
diff --git a/apps/documentation/components/ui/scroll-area.tsx b/packages/ui/src/scroll-area.tsx
similarity index 98%
rename from apps/documentation/components/ui/scroll-area.tsx
rename to packages/ui/src/scroll-area.tsx
index 3cf54e18..7e493293 100644
--- a/apps/documentation/components/ui/scroll-area.tsx
+++ b/packages/ui/src/scroll-area.tsx
@@ -3,7 +3,7 @@
 import * as React from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 
-import { cn } from '~/lib/utils';
+import { cn } from './utils';
 
 const ScrollArea = React.forwardRef<
   React.ElementRef<typeof ScrollAreaPrimitive.Root>,
diff --git a/apps/documentation/components/ui/select.tsx b/packages/ui/src/select.tsx
similarity index 79%
rename from apps/documentation/components/ui/select.tsx
rename to packages/ui/src/select.tsx
index 5dd43825..294f4913 100644
--- a/apps/documentation/components/ui/select.tsx
+++ b/packages/ui/src/select.tsx
@@ -4,13 +4,29 @@ import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { Check, ChevronDown } from 'lucide-react';
 
-import { cn } from '~/lib/utils';
+import { cn } from './utils';
 
 const Select = SelectPrimitive.Root;
 
 const SelectGroup = SelectPrimitive.Group;
 
-const SelectValue = SelectPrimitive.Value;
+const SelectValue = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Value>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>
+>(({ className, ...props }, ref) => (
+  <span
+    className={cn('overflow-hidden text-ellipsis whitespace-nowrap', className)}
+  >
+    <SelectPrimitive.Value ref={ref} {...props} />
+  </span>
+));
+
+SelectValue.displayName = SelectPrimitive.Value.displayName;
+
+export const selectTriggerStyles = cn(
+  'text-input-foreground flex h-10 w-full items-center justify-between rounded-input border border-border bg-input px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',
+  'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
+);
 
 const SelectTrigger = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Trigger>,
@@ -18,10 +34,7 @@ const SelectTrigger = React.forwardRef<
 >(({ className, children, ...props }, ref) => (
   <SelectPrimitive.Trigger
     ref={ref}
-    className={cn(
-      'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-      className,
-    )}
+    className={cn(selectTriggerStyles, className)}
     {...props}
   >
     {children}
@@ -81,7 +94,7 @@ const SelectItem = React.forwardRef<
   <SelectPrimitive.Item
     ref={ref}
     className={cn(
-      'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      'relative flex w-full cursor-default select-none items-center py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
       className,
     )}
     {...props}
diff --git a/apps/documentation/components/ui/separator.tsx b/packages/ui/src/separator.tsx
similarity index 95%
rename from apps/documentation/components/ui/separator.tsx
rename to packages/ui/src/separator.tsx
index 1d9dec1f..5e3d37da 100644
--- a/apps/documentation/components/ui/separator.tsx
+++ b/packages/ui/src/separator.tsx
@@ -3,7 +3,7 @@
 import * as React from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
-import { cn } from '~/lib/utils';
+import { cn } from './utils';
 
 const Separator = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,
diff --git a/packages/ui/src/sheet.tsx b/packages/ui/src/sheet.tsx
new file mode 100644
index 00000000..c8f05127
--- /dev/null
+++ b/packages/ui/src/sheet.tsx
@@ -0,0 +1,140 @@
+'use client';
+
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { cva, type VariantProps } from 'class-variance-authority';
+import { X } from 'lucide-react';
+
+import { cn } from './utils';
+
+const Sheet = SheetPrimitive.Root;
+
+const SheetTrigger = SheetPrimitive.Trigger;
+
+const SheetClose = SheetPrimitive.Close;
+
+const SheetPortal = SheetPrimitive.Portal;
+
+const SheetOverlay = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Overlay
+    className={cn(
+      'bg-slate-600/30 fixed inset-0 z-50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+      className,
+    )}
+    {...props}
+    ref={ref}
+  />
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+
+const sheetVariants = cva(
+  'fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out',
+  {
+    variants: {
+      side: {
+        top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
+        bottom:
+          'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
+        left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
+        right:
+          'inset-y-0 right-0 h-full w-1/3  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right',
+      },
+    },
+    defaultVariants: {
+      side: 'right',
+    },
+  },
+);
+
+type SheetContentProps = object &
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> &
+  VariantProps<typeof sheetVariants>;
+
+const SheetContent = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Content>,
+  SheetContentProps
+>(({ side = 'right', className, children, ...props }, ref) => (
+  <SheetPortal>
+    <SheetOverlay />
+    <SheetPrimitive.Content
+      ref={ref}
+      className={cn(sheetVariants({ side }), className)}
+      {...props}
+    >
+      {children}
+      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </SheetPrimitive.Close>
+    </SheetPrimitive.Content>
+  </SheetPortal>
+));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+
+const SheetHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      'flex flex-col space-y-2 text-center sm:text-left',
+      className,
+    )}
+    {...props}
+  />
+);
+SheetHeader.displayName = 'SheetHeader';
+
+const SheetFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
+      className,
+    )}
+    {...props}
+  />
+);
+SheetFooter.displayName = 'SheetFooter';
+
+const SheetTitle = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Title
+    ref={ref}
+    className={cn('text-lg font-semibold text-foreground', className)}
+    {...props}
+  />
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+
+const SheetDescription = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Description
+    ref={ref}
+    className={cn('text-sm text-muted-foreground', className)}
+    {...props}
+  />
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+export {
+  Sheet,
+  SheetPortal,
+  SheetOverlay,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+};
diff --git a/packages/ui/src/skeleton.tsx b/packages/ui/src/skeleton.tsx
new file mode 100644
index 00000000..586c8567
--- /dev/null
+++ b/packages/ui/src/skeleton.tsx
@@ -0,0 +1,12 @@
+import { cn } from './utils';
+
+function Skeleton({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div className={cn('animate-pulse bg-background', className)} {...props} />
+  );
+}
+
+export { Skeleton };
diff --git a/packages/ui/src/switch.tsx b/packages/ui/src/switch.tsx
new file mode 100644
index 00000000..3578a78b
--- /dev/null
+++ b/packages/ui/src/switch.tsx
@@ -0,0 +1,29 @@
+'use client';
+
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+import { cn } from './utils';
+
+const Switch = React.forwardRef<
+  React.ElementRef<typeof SwitchPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+  <SwitchPrimitives.Root
+    className={cn(
+      'peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-success data-[state=unchecked]:bg-primary',
+      className,
+    )}
+    {...props}
+    ref={ref}
+  >
+    <SwitchPrimitives.Thumb
+      className={cn(
+        'pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0',
+      )}
+    />
+  </SwitchPrimitives.Root>
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+export { Switch };
diff --git a/packages/ui/src/table.tsx b/packages/ui/src/table.tsx
new file mode 100644
index 00000000..551c3c50
--- /dev/null
+++ b/packages/ui/src/table.tsx
@@ -0,0 +1,116 @@
+import * as React from 'react';
+import { cn } from './utils';
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn('w-full caption-bottom text-sm', className)}
+      {...props}
+    />
+  </div>
+));
+Table.displayName = 'Table';
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />
+));
+TableHeader.displayName = 'TableHeader';
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn('[&_tr:last-child]:border-0', className)}
+    {...props}
+  />
+));
+TableBody.displayName = 'TableBody';
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn('bg-primary font-medium text-primary-foreground', className)}
+    {...props}
+  />
+));
+TableFooter.displayName = 'TableFooter';
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',
+      className,
+    )}
+    {...props}
+  />
+));
+TableRow.displayName = 'TableRow';
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      'h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0',
+      className,
+    )}
+    {...props}
+  />
+));
+TableHead.displayName = 'TableHead';
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn(
+      'whitespace-nowrap p-4 align-middle [&:has([role=checkbox])]:pr-0',
+      className,
+    )}
+    {...props}
+  />
+));
+TableCell.displayName = 'TableCell';
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn('mt-4 text-sm text-muted-foreground', className)}
+    {...props}
+  />
+));
+TableCaption.displayName = 'TableCaption';
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+};
diff --git a/packages/ui/src/tabs.tsx b/packages/ui/src/tabs.tsx
new file mode 100644
index 00000000..1f47fcdc
--- /dev/null
+++ b/packages/ui/src/tabs.tsx
@@ -0,0 +1,55 @@
+'use client';
+
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+
+import { cn } from './utils';
+
+const Tabs = TabsPrimitive.Root;
+
+const TabsList = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.List
+    ref={ref}
+    className={cn(
+      'inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground',
+      className,
+    )}
+    {...props}
+  />
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+
+const TabsTrigger = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
+      className,
+    )}
+    {...props}
+  />
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+
+const TabsContent = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn(
+      'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+      className,
+    )}
+    {...props}
+  />
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+export { Tabs, TabsList, TabsTrigger, TabsContent };
diff --git a/apps/documentation/app/[locale]/_components/Navbar/themeToggle.tsx b/packages/ui/src/theme.tsx
similarity index 52%
rename from apps/documentation/app/[locale]/_components/Navbar/themeToggle.tsx
rename to packages/ui/src/theme.tsx
index 9ee4a36e..06744073 100644
--- a/apps/documentation/app/[locale]/_components/Navbar/themeToggle.tsx
+++ b/packages/ui/src/theme.tsx
@@ -1,39 +1,42 @@
 'use client';
 
-import { Button } from '~/components/ui/button';
+import * as React from 'react';
+import { MoonIcon, SunIcon } from '@radix-ui/react-icons';
+import { ThemeProvider, useTheme } from 'next-themes';
+
+import { Button } from './Button';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from '~/components/ui/dropdown-menu';
-import { Moon, Sun } from 'lucide-react';
-import { useTranslations } from 'next-intl';
-import { useTheme } from 'next-themes';
+} from './dropdown-menu';
 
-export function ThemeToggle() {
+function ThemeToggle() {
   const { setTheme } = useTheme();
-  const t = useTranslations('ThemeTranslations');
 
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
         <Button variant="outline" size="icon">
-          <Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
-          <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+          <SunIcon className="size-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+          <MoonIcon className="absolute size-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+          <span className="sr-only">Toggle theme</span>
         </Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end">
         <DropdownMenuItem onClick={() => setTheme('light')}>
-          {t('light')}
+          Light
         </DropdownMenuItem>
         <DropdownMenuItem onClick={() => setTheme('dark')}>
-          {t('dark')}
+          Dark
         </DropdownMenuItem>
         <DropdownMenuItem onClick={() => setTheme('system')}>
-          {t('system')}
+          System
         </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>
   );
 }
+
+export { ThemeProvider, ThemeToggle };
diff --git a/packages/ui/src/toast.tsx b/packages/ui/src/toast.tsx
new file mode 100644
index 00000000..72dcbcb9
--- /dev/null
+++ b/packages/ui/src/toast.tsx
@@ -0,0 +1,133 @@
+import * as React from 'react';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+import { cva, type VariantProps } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { cn } from './utils';
+import Heading from './typography/Heading';
+
+const ToastProvider = ToastPrimitives.Provider;
+
+const ToastViewport = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Viewport>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Viewport
+    ref={ref}
+    className={cn(
+      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',
+      className,
+    )}
+    {...props}
+  />
+));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+
+const toastBaseClasses = cn(
+  `group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border bg-card p-6 font-semibold shadow-lg transition-all`,
+  `data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none `,
+  `data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full`,
+);
+
+const toastVariants = cva(toastBaseClasses, {
+  variants: {
+    variant: {
+      default: '',
+      destructive:
+        'destructive group border-destructive bg-destructive text-destructive-foreground',
+      success:
+        'success group border-success bg-success text-success-foreground',
+    },
+  },
+  defaultVariants: {
+    variant: 'default',
+  },
+});
+
+const Toast = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
+    VariantProps<typeof toastVariants>
+>(({ className, variant, ...props }, ref) => {
+  return (
+    <ToastPrimitives.Root
+      ref={ref}
+      className={cn(toastVariants({ variant }), className)}
+      {...props}
+    />
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+
+const ToastAction = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Action>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Action
+    ref={ref}
+    className={cn(
+      'inline-flex h-8 shrink-0 items-center justify-center rounded-md border px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive',
+      className,
+    )}
+    {...props}
+  />
+));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+
+const ToastClose = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Close>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Close
+    ref={ref}
+    className={cn(
+      'absolute right-2 top-2 rounded-md p-1 opacity-0 transition-opacity focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100',
+      className,
+    )}
+    toast-close=""
+    {...props}
+  >
+    <X className="h-4 w-4" />
+  </ToastPrimitives.Close>
+));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+
+const ToastTitle = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Title>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
+>(({ className, ...props }, ref) => (
+  <Heading
+    variant="h4-all-caps"
+    ref={ref}
+    className={cn('', className)}
+    {...props}
+  />
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+
+const ToastDescription = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Description>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Description
+    ref={ref}
+    className={cn('text-sm opacity-90', className)}
+    {...props}
+  />
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+
+export {
+  type ToastProps,
+  type ToastActionElement,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+};
diff --git a/packages/ui/src/toaster.tsx b/packages/ui/src/toaster.tsx
new file mode 100644
index 00000000..ad977637
--- /dev/null
+++ b/packages/ui/src/toaster.tsx
@@ -0,0 +1,45 @@
+'use client';
+
+import {
+  Toast,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+} from './toast';
+import { useToast } from './use-toast';
+
+export function Toaster() {
+  const { toasts } = useToast();
+
+  return (
+    <ToastProvider>
+      {toasts.map(function ({
+        id,
+        title,
+        description,
+        icon,
+        action,
+        ...props
+      }) {
+        return (
+          <Toast key={id} {...props}>
+            <div className="flex-shrink-1 flex flex-grow-0 basis-auto items-center justify-center">
+              {icon}
+            </div>
+            <div className="grid flex-1 gap-1">
+              {title && <ToastTitle>{title}</ToastTitle>}
+              {description && (
+                <ToastDescription>{description}</ToastDescription>
+              )}
+            </div>
+            {action}
+            <ToastClose />
+          </Toast>
+        );
+      })}
+      <ToastViewport />
+    </ToastProvider>
+  );
+}
diff --git a/packages/ui/src/tooltip.tsx b/packages/ui/src/tooltip.tsx
new file mode 100644
index 00000000..7a563f22
--- /dev/null
+++ b/packages/ui/src/tooltip.tsx
@@ -0,0 +1,29 @@
+'use client';
+
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from './utils';
+
+const TooltipProvider = TooltipPrimitive.Provider;
+
+const Tooltip = TooltipPrimitive.Root;
+
+const TooltipTrigger = TooltipPrimitive.Trigger;
+
+const TooltipContent = React.forwardRef<
+  React.ElementRef<typeof TooltipPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <TooltipPrimitive.Content
+    ref={ref}
+    sideOffset={sideOffset}
+    className={cn(
+      'z-50 overflow-hidden rounded-md border bg-popover p-4 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+      className,
+    )}
+    {...props}
+  />
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
diff --git a/packages/ui/src/typography/Details.tsx b/packages/ui/src/typography/Details.tsx
new file mode 100644
index 00000000..fa2576f2
--- /dev/null
+++ b/packages/ui/src/typography/Details.tsx
@@ -0,0 +1,65 @@
+'use client';
+
+import { type ReactNode, forwardRef } from 'react';
+import { cn } from '../utils';
+import { headingVariants } from '../typography/Heading';
+import { paragraphVariants } from './Paragraph';
+import { ChevronRight } from 'lucide-react';
+
+export const Details = forwardRef<
+  HTMLDetailsElement,
+  {
+    children: ReactNode;
+    className?: string;
+  }
+>(({ className, children, ...props }, ref) => {
+  return (
+    <details
+      ref={ref}
+      className={cn(
+        paragraphVariants({ margin: 'forced' }),
+        'rounded-xl border-2 border-border p-4 [&_svg]:open:rotate-90', // Rotate the summary arrow
+        className,
+      )}
+      {...props}
+    >
+      {children}
+    </details>
+  );
+});
+
+Details.displayName = 'Details';
+
+// It seems like HTMLSummaryElement was removed from lib dom at some point,
+// but I can't find any information about it.
+type HTMLSummaryElement = HTMLElement & {
+  open: boolean;
+};
+
+export const Summary = forwardRef<
+  HTMLSummaryElement,
+  {
+    children: ReactNode;
+    className?: string;
+  }
+>(({ className, children, ...props }, ref) => {
+  return (
+    <summary
+      ref={ref}
+      className={cn(
+        headingVariants({ variant: 'h4', margin: 'none' }),
+        'flex cursor-pointer list-none',
+        className,
+      )}
+      {...props}
+    >
+      <ChevronRight
+        size={24}
+        className="inline-block h-6 w-6 text-accent transition-all"
+      />
+      {children}
+    </summary>
+  );
+});
+
+Summary.displayName = 'Summary';
diff --git a/packages/ui/src/typography/Heading.tsx b/packages/ui/src/typography/Heading.tsx
new file mode 100644
index 00000000..0dc95f63
--- /dev/null
+++ b/packages/ui/src/typography/Heading.tsx
@@ -0,0 +1,73 @@
+'use client';
+
+import type { VariantProps } from 'class-variance-authority';
+import React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { motion } from 'framer-motion';
+
+import { cn } from '../utils';
+
+export const headingVariants = cva('text-balance', {
+  variants: {
+    variant: {
+      'h1': 'mb-6 scroll-m-20 text-3xl font-extrabold tracking-tight [&:not(:first-child)]:mt-8',
+      'h2': 'mb-4 scroll-m-20 text-xl font-semibold tracking-tight [&:not(:first-child)]:mt-6',
+      'h3': 'mb-2 scroll-m-20 text-lg font-semibold tracking-tight [&:not(:first-child)]:mt-5',
+      'h4': 'mb-1 scroll-m-20 text-base font-semibold tracking-tight [&:not(:first-child)]:mt-4',
+      'h4-all-caps':
+        'mb-1 scroll-m-20 text-sm font-extrabold uppercase tracking-[.2em] [&:not(:first-child)]:mt-6',
+      'label':
+        'scroll-m-20 text-sm font-extrabold tracking-normal peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
+    },
+    margin: {
+      default: '',
+      none: '!m-0',
+    },
+  },
+  defaultVariants: {
+    variant: 'h1',
+    margin: 'default',
+  },
+});
+
+type VariantPropType = VariantProps<typeof headingVariants>;
+
+const variantElementMap: Record<
+  NonNullable<VariantPropType['variant']>,
+  string
+> = {
+  'h1': 'h1',
+  'h2': 'h2',
+  'h3': 'h3',
+  'h4': 'h4',
+  'h4-all-caps': 'h4',
+  'label': 'label',
+};
+
+export type HeadingProps = {
+  asChild?: boolean;
+  as?: string;
+} & React.HTMLAttributes<HTMLHeadingElement> &
+  VariantProps<typeof headingVariants>;
+
+const Heading = React.forwardRef<HTMLElement, HeadingProps>(
+  ({ className, variant, margin, as, asChild, ...props }, ref) => {
+    const Comp = asChild
+      ? Slot
+      : as ?? (variant ? variantElementMap[variant] : undefined) ?? 'div';
+    return (
+      <Comp
+        className={cn(headingVariants({ variant, margin, className }))}
+        ref={ref}
+        {...props}
+      />
+    );
+  },
+);
+
+Heading.displayName = 'Heading';
+
+export const MotionHeading = motion(Heading);
+
+export default Heading;
diff --git a/packages/ui/src/typography/Lists.tsx b/packages/ui/src/typography/Lists.tsx
new file mode 100644
index 00000000..a83a7ec9
--- /dev/null
+++ b/packages/ui/src/typography/Lists.tsx
@@ -0,0 +1,52 @@
+import { cn } from '../utils';
+import { baseParagraphClasses } from './Paragraph';
+
+export type UnorderedListProps = React.HTMLAttributes<HTMLUListElement> & {
+  children: React.ReactNode;
+  className?: string;
+};
+
+const listContainerClasses = cn(
+  'my-5 ml-8 text-base [&>li]:mt-2',
+  // '[&:not(:first-child)]:my-0',
+);
+
+export function UnorderedList({ children, className }: UnorderedListProps) {
+  return (
+    <ul className={cn(listContainerClasses, 'list-disc', className)}>
+      {children}
+    </ul>
+  );
+}
+
+export type OrderedListProps = React.HTMLAttributes<HTMLOListElement> & {
+  children: React.ReactNode;
+  className?: string;
+};
+
+export function OrderedList({ children, className }: OrderedListProps) {
+  return (
+    <ol className={cn(listContainerClasses, 'list-decimal', className)}>
+      {children}
+    </ol>
+  );
+}
+
+export type ListItemProps = React.HTMLAttributes<HTMLLIElement> & {
+  children: React.ReactNode;
+  className?: string;
+};
+
+export function ListItem({ children, className }: ListItemProps) {
+  return (
+    <li
+      className={cn(
+        baseParagraphClasses,
+        'pl-2 [&>ol]:mb-0 [&>ul]:mb-0',
+        className,
+      )}
+    >
+      {children}
+    </li>
+  );
+}
diff --git a/packages/ui/src/typography/PageHeader.tsx b/packages/ui/src/typography/PageHeader.tsx
new file mode 100644
index 00000000..a6187e9b
--- /dev/null
+++ b/packages/ui/src/typography/PageHeader.tsx
@@ -0,0 +1,19 @@
+import Heading from './Heading';
+import Paragraph from './Paragraph';
+
+const PageHeader = ({
+  headerText,
+  subHeaderText,
+}: {
+  headerText: string;
+  subHeaderText: string;
+}) => (
+  <div className="flex flex-col">
+    <Heading variant="h1" className="mb-2">
+      {headerText}
+    </Heading>
+    <Paragraph variant="lead">{subHeaderText}</Paragraph>
+  </div>
+);
+
+export default PageHeader;
diff --git a/packages/ui/src/typography/Paragraph.tsx b/packages/ui/src/typography/Paragraph.tsx
new file mode 100644
index 00000000..ca705481
--- /dev/null
+++ b/packages/ui/src/typography/Paragraph.tsx
@@ -0,0 +1,54 @@
+'use client';
+
+import type { VariantProps } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+
+import { cn } from '../utils';
+
+export const baseParagraphClasses = 'text-pretty font-normal';
+
+export const paragraphVariants = cva(baseParagraphClasses, {
+  variants: {
+    variant: {
+      default: '',
+      blockquote: 'mt-6 border-l-2 pl-6 italic',
+      inlineCode:
+        'relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold',
+      lead: 'mb-3 text-lg font-semibold leading-6 text-opacity-70 md:text-xl',
+      mutedText: 'text-muted',
+      smallText: 'text-sm',
+    },
+    margin: {
+      default: '[p+&]:mt-5',
+      forced: 'mt-5',
+      none: 'mt-0',
+    },
+  },
+  defaultVariants: {
+    variant: 'default',
+    margin: 'default',
+  },
+});
+
+export type ParagraphProps = {
+  variant?: VariantProps<typeof paragraphVariants>['variant'];
+  margin?: VariantProps<typeof paragraphVariants>['margin'];
+  asChild?: boolean;
+} & React.HTMLAttributes<HTMLParagraphElement>;
+
+const Paragraph = forwardRef<HTMLParagraphElement, ParagraphProps>(
+  ({ className, variant, margin, ...props }, ref) => {
+    return (
+      <p
+        ref={ref}
+        className={cn(paragraphVariants({ variant, margin, className }))}
+        {...props}
+      />
+    );
+  },
+);
+
+Paragraph.displayName = 'Paragraph';
+
+export default Paragraph;
diff --git a/packages/ui/src/typography/Typography.tsx b/packages/ui/src/typography/Typography.tsx
new file mode 100644
index 00000000..035befeb
--- /dev/null
+++ b/packages/ui/src/typography/Typography.tsx
@@ -0,0 +1,65 @@
+'use client';
+
+import { cva, type VariantProps } from 'class-variance-authority';
+import React from 'react';
+import { cn } from '../utils';
+import { Slot } from '@radix-ui/react-slot';
+
+const typographyVariants = cva('text-foreground', {
+  variants: {
+    variant: {
+      h1: 'scroll-m-20 text-4xl font-semibold tracking-tight',
+      h2: 'scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0',
+      h3: 'scroll-m-20 text-2xl font-semibold tracking-tight',
+      h4: 'scroll-m-20 text-xl font-semibold tracking-tight',
+      p: 'text-base/7 [&:not(:first-child)]:mt-6',
+      blockquote: 'mt-6 border-l-2 pl-6 italic',
+      ul: 'my-6 ml-6 list-disc [&>li]:mt-2',
+      inlineCode:
+        'relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold',
+      lead: 'text-xl',
+    },
+  },
+});
+
+type VariantPropType = VariantProps<typeof typographyVariants>;
+
+const variantElementMap: Record<
+  NonNullable<VariantPropType['variant']>,
+  string
+> = {
+  h1: 'h1',
+  h2: 'h2',
+  h3: 'h3',
+  h4: 'h4',
+  p: 'p',
+  blockquote: 'blockquote',
+  inlineCode: 'code',
+  lead: 'p',
+  ul: 'ul',
+};
+
+export type TypographyProps = {
+  asChild?: boolean;
+  as?: string;
+} & React.HTMLAttributes<HTMLElement> &
+  VariantProps<typeof typographyVariants>;
+
+const Typography = React.forwardRef<HTMLElement, TypographyProps>(
+  ({ className, variant, as, asChild, ...props }, ref) => {
+    const Comp = asChild
+      ? Slot
+      : as ?? (variant ? variantElementMap[variant] : undefined) ?? 'div';
+    return (
+      <Comp
+        className={cn(typographyVariants({ variant, className }))}
+        ref={ref}
+        {...props}
+      />
+    );
+  },
+);
+
+Typography.displayName = 'Typography';
+
+export default Typography;
diff --git a/packages/ui/src/use-toast.ts b/packages/ui/src/use-toast.ts
new file mode 100644
index 00000000..90b37af0
--- /dev/null
+++ b/packages/ui/src/use-toast.ts
@@ -0,0 +1,190 @@
+// Inspired by react-hot-toast library
+import * as React from 'react';
+
+import type { ToastActionElement, ToastProps } from './toast';
+
+const TOAST_LIMIT = 2;
+const TOAST_REMOVE_DELAY = 1000000;
+
+type ToasterToast = ToastProps & {
+  id: string;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  action?: ToastActionElement;
+  icon?: React.ReactNode;
+};
+
+const actionTypes = {
+  ADD_TOAST: 'ADD_TOAST',
+  UPDATE_TOAST: 'UPDATE_TOAST',
+  DISMISS_TOAST: 'DISMISS_TOAST',
+  REMOVE_TOAST: 'REMOVE_TOAST',
+} as const;
+
+let count = 0;
+
+function genId() {
+  count = (count + 1) % Number.MAX_VALUE;
+  return count.toString();
+}
+
+type ActionType = typeof actionTypes;
+
+type Action =
+  | {
+      type: ActionType['ADD_TOAST'];
+      toast: ToasterToast;
+    }
+  | {
+      type: ActionType['UPDATE_TOAST'];
+      toast: Partial<ToasterToast>;
+    }
+  | {
+      type: ActionType['DISMISS_TOAST'];
+      toastId?: ToasterToast['id'];
+    }
+  | {
+      type: ActionType['REMOVE_TOAST'];
+      toastId?: ToasterToast['id'];
+    };
+
+type State = {
+  toasts: ToasterToast[];
+};
+
+const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
+
+const addToRemoveQueue = (toastId: string) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: 'REMOVE_TOAST',
+      toastId: toastId,
+    });
+  }, TOAST_REMOVE_DELAY);
+
+  toastTimeouts.set(toastId, timeout);
+};
+
+export const reducer = (state: State, action: Action): State => {
+  switch (action.type) {
+    case 'ADD_TOAST':
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+      };
+
+    case 'UPDATE_TOAST':
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === action.toast.id ? { ...t, ...action.toast } : t,
+        ),
+      };
+
+    case 'DISMISS_TOAST': {
+      const { toastId } = action;
+
+      // ! Side effects ! - This could be extracted into a dismissToast() action,
+      // but I'll keep it here for simplicity
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast) => {
+          addToRemoveQueue(toast.id);
+        });
+      }
+
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === toastId || toastId === undefined
+            ? {
+                ...t,
+                open: false,
+              }
+            : t,
+        ),
+      };
+    }
+    case 'REMOVE_TOAST':
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: [],
+        };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId),
+      };
+  }
+};
+
+const listeners: ((state: State) => void)[] = [];
+
+let memoryState: State = { toasts: [] };
+
+function dispatch(action: Action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
+  });
+}
+
+type Toast = Omit<ToasterToast, 'id'>;
+
+function toast({ ...props }: Toast) {
+  const id = genId();
+
+  const update = (props: ToasterToast) =>
+    dispatch({
+      type: 'UPDATE_TOAST',
+      toast: { ...props, id },
+    });
+  const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id });
+
+  dispatch({
+    type: 'ADD_TOAST',
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss();
+      },
+    },
+  });
+
+  return {
+    id: id,
+    dismiss,
+    update,
+  };
+}
+
+function useToast() {
+  const [state, setState] = React.useState<State>(memoryState);
+
+  React.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state]);
+
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId }),
+  };
+}
+
+export { useToast, toast };
diff --git a/packages/ui/src/utils.ts b/packages/ui/src/utils.ts
new file mode 100644
index 00000000..98d2bdfd
--- /dev/null
+++ b/packages/ui/src/utils.ts
@@ -0,0 +1,7 @@
+import type { CxOptions } from 'class-variance-authority';
+import { cx } from 'class-variance-authority';
+import { twMerge } from 'tailwind-merge';
+
+const cn = (...inputs: CxOptions) => twMerge(cx(inputs));
+
+export { cn };
diff --git a/packages/ui/tailwind.config.ts b/packages/ui/tailwind.config.ts
new file mode 100644
index 00000000..159077ed
--- /dev/null
+++ b/packages/ui/tailwind.config.ts
@@ -0,0 +1,12 @@
+/*
+ * This file is not used for any compilation purpose, it is only used
+ * for Tailwind Intellisense & Autocompletion in the source files
+ */
+import type { Config } from 'tailwindcss';
+
+import baseConfig from '@codaco/tailwind-config/fresco';
+
+export default {
+  content: ['./src/**/*.tsx'],
+  presets: [baseConfig],
+} satisfies Config;
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
new file mode 100644
index 00000000..f67afa5d
--- /dev/null
+++ b/packages/ui/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "@codaco/tsconfig/base.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json",
+  },
+  "include": [
+    "*.ts",
+    "src"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6ffd31ca..d9f39052 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,59 +7,58 @@ settings:
 importers:
 
   .:
-    dependencies:
+    devDependencies:
       '@changesets/cli':
         specifier: ^2.26.2
         version: 2.27.1
-    devDependencies:
-      eslint:
-        specifier: ^8.48.0
-        version: 8.56.0
-      eslint-config-next:
-        specifier: ^14.0.2
-        version: 14.1.0(eslint@8.56.0)(typescript@5.3.3)
-      prettier:
-        specifier: ^3.0.3
-        version: 3.2.4
-      tsconfig:
+      '@codaco/prettier-config':
         specifier: workspace:*
-        version: link:packages/tsconfig
+        version: link:tooling/prettier
+      prettier:
+        specifier: ^3.2.5
+        version: 3.2.5
       turbo:
-        specifier: latest
-        version: 1.12.4
+        specifier: ^1.12.4
+        version: 1.12.5
+      typescript:
+        specifier: ^5.3.3
+        version: 5.4.2
 
   apps/analytics-web:
     dependencies:
       '@clerk/nextjs':
         specifier: ^4.29.5
-        version: 4.29.5(next@14.0.1)(react-dom@18.2.0)(react@18.2.0)
+        version: 4.29.9(next@14.0.1)(react-dom@18.2.0)(react@18.2.0)
       '@codaco/analytics':
         specifier: workspace:*
         version: link:../../packages/analytics
+      '@codaco/ui':
+        specifier: workspace:*
+        version: link:../../packages/ui
       '@radix-ui/react-checkbox':
         specifier: ^1.0.4
-        version: 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
+        version: 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-dialog':
         specifier: ^1.0.5
-        version: 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
+        version: 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-dropdown-menu':
         specifier: ^2.0.6
-        version: 2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
+        version: 2.0.6(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-select':
         specifier: ^2.0.0
-        version: 2.0.0(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
+        version: 2.0.0(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-slot':
         specifier: ^1.0.2
-        version: 1.0.2(@types/react@18.2.48)(react@18.2.0)
+        version: 1.0.2(@types/react@18.2.64)(react@18.2.0)
       '@radix-ui/react-switch':
         specifier: ^1.0.3
-        version: 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
+        version: 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-tabs':
         specifier: ^1.0.4
-        version: 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
+        version: 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
       '@tanstack/react-table':
         specifier: ^8.10.7
-        version: 8.11.8(react-dom@18.2.0)(react@18.2.0)
+        version: 8.13.2(react-dom@18.2.0)(react@18.2.0)
       '@vercel/kv':
         specifier: ^0.2.4
         version: 0.2.4
@@ -67,8 +66,8 @@ importers:
         specifier: ^0.5.1
         version: 0.5.1
       autoprefixer:
-        specifier: ^10.4.16
-        version: 10.4.17(postcss@8.4.35)
+        specifier: ^10.4.17
+        version: 10.4.18(postcss@8.4.35)
       class-variance-authority:
         specifier: ^0.7.0
         version: 0.7.0
@@ -77,19 +76,19 @@ importers:
         version: 2.1.0
       dotenv:
         specifier: ^16.3.1
-        version: 16.4.1
+        version: 16.4.5
       drizzle-orm:
         specifier: ^0.29.3
-        version: 0.29.3(@types/react@18.2.48)(@vercel/postgres@0.5.1)(react@18.2.0)
+        version: 0.29.5(@types/react@18.2.64)(@vercel/postgres@0.5.1)(react@18.2.0)
       i18n-iso-countries:
         specifier: ^7.7.0
-        version: 7.8.0
+        version: 7.10.1
       lucide-react:
         specifier: ^0.292.0
         version: 0.292.0(react@18.2.0)
       next:
         specifier: 14.0.1
-        version: 14.0.1(@babel/core@7.23.9)(react-dom@18.2.0)(react@18.2.0)
+        version: 14.0.1(@babel/core@7.24.0)(react-dom@18.2.0)(react@18.2.0)
       papaparse:
         specifier: ^5.4.1
         version: 5.4.1
@@ -102,148 +101,185 @@ importers:
       tailwind-merge:
         specifier: ^2.0.0
         version: 2.2.1
-      tailwindcss-animate:
-        specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.1)
       zod:
         specifier: ^3.22.4
         version: 3.22.4
     devDependencies:
+      '@codaco/eslint-config':
+        specifier: workspace:*
+        version: link:../../tooling/eslint
+      '@codaco/prettier-config':
+        specifier: workspace:*
+        version: link:../../tooling/prettier
+      '@codaco/tailwind-config':
+        specifier: workspace:*
+        version: link:../../tooling/tailwind
+      '@codaco/tsconfig':
+        specifier: workspace:*
+        version: link:../../tooling/typescript
       '@faker-js/faker':
         specifier: ^8.2.0
-        version: 8.4.0
+        version: 8.4.1
       '@testing-library/react':
         specifier: ^14.1.2
         version: 14.2.1(react-dom@18.2.0)(react@18.2.0)
       '@types/node':
         specifier: ^20.5.2
-        version: 20.11.16
+        version: 20.11.25
       '@types/papaparse':
         specifier: ^5.3.14
         version: 5.3.14
       '@types/react':
         specifier: ^18.2.48
-        version: 18.2.48
+        version: 18.2.64
       '@types/react-dom':
         specifier: ^18.2.18
-        version: 18.2.18
+        version: 18.2.21
       '@vitejs/plugin-react':
         specifier: ^4.2.1
-        version: 4.2.1(vite@5.0.12)
+        version: 4.2.1(vite@5.1.5)
       drizzle-kit:
         specifier: ^0.20.13
         version: 0.20.14
-      eslint-config-custom:
-        specifier: workspace:*
-        version: link:../../packages/eslint-config-custom
+      eslint:
+        specifier: ^8.57.0
+        version: 8.57.0
       jsdom:
         specifier: ^24.0.0
         version: 24.0.0
       next-test-api-route-handler:
         specifier: ^4.0.3
-        version: 4.0.3(next@14.0.1)
-      shared-tailwind-config:
-        specifier: workspace:*
-        version: link:../../packages/tailwind-config
+        version: 4.0.5(next@14.0.1)
+      prettier:
+        specifier: ^3.2.5
+        version: 3.2.5
       tailwindcss:
-        specifier: ^3.3.0
-        version: 3.4.1(ts-node@10.9.2)
-      tsconfig:
-        specifier: workspace:*
-        version: link:../../packages/tsconfig
+        specifier: ^3.4.1
+        version: 3.4.1
       typescript:
-        specifier: ^5.2.2
-        version: 5.3.3
+        specifier: ^5.3.3
+        version: 5.4.2
       vitest:
         specifier: ^1.2.2
-        version: 1.2.2(@types/node@20.11.16)(jsdom@24.0.0)
+        version: 1.3.1(@types/node@20.11.25)(jsdom@24.0.0)
 
   apps/documentation:
     dependencies:
+      '@codaco/art':
+        specifier: workspace:*
+        version: link:../../packages/art
+      '@codaco/ui':
+        specifier: workspace:*
+        version: link:../../packages/ui
+      '@docsearch/css':
+        specifier: ^3.5.2
+        version: 3.6.0
       '@docsearch/react':
         specifier: '3'
-        version: 3.5.2(@algolia/client-search@4.22.1)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)(search-insights@2.13.0)
+        version: 3.6.0(@algolia/client-search@4.22.1)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)(search-insights@2.13.0)
       '@mendable/search':
-        specifier: ^0.0.167
-        version: 0.0.167(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-accordion':
-        specifier: ^1.1.2
-        version: 1.1.2(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
+        specifier: ^0.0.205
+        version: 0.0.205(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-dialog':
         specifier: ^1.0.5
-        version: 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-dropdown-menu':
-        specifier: ^2.0.6
-        version: 2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-scroll-area':
-        specifier: ^1.0.5
-        version: 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-select':
-        specifier: ^2.0.0
-        version: 2.0.0(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-separator':
-        specifier: ^1.0.3
-        version: 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-slot':
-        specifier: ^1.0.2
-        version: 1.0.2(@types/react@18.2.48)(react@18.2.0)
+        version: 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-navigation-menu':
+        specifier: ^1.1.4
+        version: 1.1.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
       '@t3-oss/env-nextjs':
         specifier: ^0.7.1
-        version: 0.7.3(typescript@5.3.3)(zod@3.22.4)
-      '@tailwindcss/typography':
-        specifier: ^0.5.10
-        version: 0.5.10(tailwindcss@3.4.1)
-      algoliasearch:
-        specifier: ^4.20.0
-        version: 4.22.1
+        version: 0.7.3(typescript@5.4.2)(zod@3.22.4)
       class-variance-authority:
         specifier: ^0.7.0
         version: 0.7.0
       clsx:
         specifier: ^2.0.0
         version: 2.1.0
-      cmdk:
-        specifier: ^0.2.0
-        version: 0.2.0(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
       dotenv:
         specifier: ^16.3.1
-        version: 16.4.1
-      gray-matter:
-        specifier: ^4.0.3
-        version: 4.0.3
-      instantsearch.js:
-        specifier: ^4.57.0
-        version: 4.65.0(algoliasearch@4.22.1)
+        version: 16.4.5
+      framer-motion:
+        specifier: ^11.0.6
+        version: 11.0.8(react-dom@18.2.0)(react@18.2.0)
       lucide-react:
-        specifier: ^0.279.0
-        version: 0.279.0(react@18.2.0)
-      mdast-util-to-string:
-        specifier: ^4.0.0
-        version: 4.0.0
+        specifier: ^0.354.0
+        version: 0.354.0(react@18.2.0)
       next:
-        specifier: 14.0.1
-        version: 14.0.1(@babel/core@7.23.9)(react-dom@18.2.0)(react@18.2.0)
+        specifier: 14.1.3
+        version: 14.1.3(react-dom@18.2.0)(react@18.2.0)
       next-intl:
-        specifier: 3.0.0-rc.6
-        version: 3.0.0-rc.6(next@14.0.1)(react@18.2.0)
-      next-mdx-remote:
-        specifier: ^4.4.1
-        version: 4.4.1(react-dom@18.2.0)(react@18.2.0)
-      next-sitemap:
-        specifier: ^4.2.3
-        version: 4.2.3(next@14.0.1)
+        specifier: 3.9.1
+        version: 3.9.1(next@14.1.3)(react@18.2.0)
       next-themes:
         specifier: ^0.2.1
-        version: 0.2.1(next@14.0.1)(react-dom@18.2.0)(react@18.2.0)
+        version: 0.2.1(next@14.1.3)(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
       react-dom:
         specifier: ^18
         version: 18.2.0(react@18.2.0)
-      react-instantsearch:
-        specifier: ^7.1.0
-        version: 7.6.0(algoliasearch@4.22.1)(react-dom@18.2.0)(react@18.2.0)
+    devDependencies:
+      '@codaco/eslint-config':
+        specifier: workspace:*
+        version: link:../../tooling/eslint
+      '@codaco/prettier-config':
+        specifier: workspace:*
+        version: link:../../tooling/prettier
+      '@codaco/tailwind-config':
+        specifier: workspace:*
+        version: link:../../tooling/tailwind
+      '@codaco/tsconfig':
+        specifier: workspace:*
+        version: link:../../tooling/typescript
+      '@microflash/rehype-figure':
+        specifier: ^2.0.0
+        version: 2.0.0
+      '@tailwindcss/typography':
+        specifier: ^0.5.10
+        version: 0.5.10(tailwindcss@3.4.1)
+      '@types/hast':
+        specifier: ^3.0.4
+        version: 3.0.4
+      '@types/node':
+        specifier: ^20.5.2
+        version: 20.11.25
+      '@types/react':
+        specifier: ^18.2.61
+        version: 18.2.64
+      '@types/react-dom':
+        specifier: ^18.2.18
+        version: 18.2.21
+      '@types/unist':
+        specifier: ^3.0.0
+        version: 3.0.2
+      eslint:
+        specifier: ^8.57.0
+        version: 8.57.0
+      gray-matter:
+        specifier: ^4.0.3
+        version: 4.0.3
+      hast-util-heading-rank:
+        specifier: ^3.0.0
+        version: 3.0.0
+      mdast-util-to-string:
+        specifier: ^4.0.0
+        version: 4.0.0
+      next-sitemap:
+        specifier: ^4.2.3
+        version: 4.2.3(next@14.1.3)
+      prettier:
+        specifier: ^3.2.5
+        version: 3.2.5
+      rehype-highlight:
+        specifier: ^7.0.0
+        version: 7.0.0
+      rehype-raw:
+        specifier: ^7.0.0
+        version: 7.0.0
+      rehype-react:
+        specifier: ^8.0.0
+        version: 8.0.0
       rehype-slug:
         specifier: ^6.0.0
         version: 6.0.0
@@ -253,9 +289,12 @@ importers:
       remark:
         specifier: ^15.0.1
         version: 15.0.1
+      remark-frontmatter:
+        specifier: ^5.0.0
+        version: 5.0.0
       remark-gfm:
-        specifier: ^3.0.1
-        version: 3.0.1
+        specifier: ^4.0.0
+        version: 4.0.0
       remark-parse:
         specifier: ^11.0.0
         version: 11.0.0
@@ -265,9 +304,15 @@ importers:
       tailwind-merge:
         specifier: ^1.14.0
         version: 1.14.0
-      tailwindcss-animate:
-        specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.1)
+      tailwindcss:
+        specifier: ^3.4.1
+        version: 3.4.1
+      tsx:
+        specifier: ^4.7.1
+        version: 4.7.1
+      typescript:
+        specifier: ^5.3.3
+        version: 5.4.2
       unified:
         specifier: ^11.0.3
         version: 11.0.4
@@ -277,113 +322,313 @@ importers:
       vfile:
         specifier: ^6.0.1
         version: 6.0.1
+      vfile-matter:
+        specifier: ^5.0.0
+        version: 5.0.0
       zod:
         specifier: ^3.22.4
         version: 3.22.4
-    devDependencies:
-      '@types/eslint':
-        specifier: ^8.44.6
-        version: 8.56.2
-      '@types/node':
-        specifier: ^20.5.2
-        version: 20.11.19
-      '@types/react':
-        specifier: ^18.2.48
-        version: 18.2.48
-      '@types/react-dom':
-        specifier: ^18.2.18
-        version: 18.2.18
-      '@types/unist':
-        specifier: ^3.0.0
-        version: 3.0.2
-      '@typescript-eslint/eslint-plugin':
-        specifier: ^6.9.1
-        version: 6.20.0(@typescript-eslint/parser@6.20.0)(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/parser':
-        specifier: ^6.9.1
-        version: 6.20.0(eslint@8.56.0)(typescript@5.3.3)
-      autoprefixer:
-        specifier: ^10.4.16
-        version: 10.4.17(postcss@8.4.35)
-      eslint-config-custom:
-        specifier: workspace:*
-        version: link:../../packages/eslint-config-custom
-      postcss:
-        specifier: latest
-        version: 8.4.35
-      prettier:
-        specifier: ^3.0.3
-        version: 3.2.4
-      prettier-plugin-tailwindcss:
-        specifier: ^0.5.6
-        version: 0.5.11(prettier@3.2.4)
-      shared-tailwind-config:
-        specifier: workspace:*
-        version: link:../../packages/tailwind-config
-      tailwindcss:
-        specifier: ^3.3.0
-        version: 3.4.1(ts-node@10.9.2)
-      ts-node:
-        specifier: ^10.9.1
-        version: 10.9.2(@types/node@20.11.19)(typescript@5.3.3)
-      tsconfig:
-        specifier: workspace:*
-        version: link:../../packages/tsconfig
-      typescript:
-        specifier: ^5.2.2
-        version: 5.3.3
 
   packages/analytics:
     dependencies:
       next:
         specifier: 13 || 14
-        version: 14.0.1(@babel/core@7.23.9)(react-dom@18.2.0)(react@18.2.0)
+        version: 14.1.1(react-dom@18.2.0)(react@18.2.0)
       zod:
         specifier: ^3.22.4
         version: 3.22.4
     devDependencies:
-      eslint-config-custom:
+      '@codaco/eslint-config':
         specifier: workspace:*
-        version: link:../eslint-config-custom
-      tsconfig:
+        version: link:../../tooling/eslint
+      '@codaco/tsconfig':
         specifier: workspace:*
-        version: link:../tsconfig
+        version: link:../../tooling/typescript
+      eslint:
+        specifier: ^8.57.0
+        version: 8.57.0
+      prettier:
+        specifier: ^3.2.5
+        version: 3.2.5
+      tailwindcss:
+        specifier: ^3.4.1
+        version: 3.4.1
       tsup:
-        specifier: ^7.2.0
-        version: 7.3.0(typescript@5.3.3)
+        specifier: ^8.0.2
+        version: 8.0.2(postcss@8.4.35)(typescript@5.4.2)
+      typescript:
+        specifier: ^5.3.3
+        version: 5.4.2
+
+  packages/art:
+    dependencies:
+      blobs:
+        specifier: 2.3.0-beta.2
+        version: 2.3.0-beta.2
+      d3-interpolate-path:
+        specifier: ^2.3.0
+        version: 2.3.0
+    devDependencies:
+      '@codaco/eslint-config':
+        specifier: workspace:*
+        version: link:../../tooling/eslint
+      '@codaco/prettier-config':
+        specifier: workspace:*
+        version: link:../../tooling/prettier
+      '@codaco/tailwind-config':
+        specifier: workspace:*
+        version: link:../../tooling/tailwind
+      '@codaco/tsconfig':
+        specifier: workspace:*
+        version: link:../../tooling/typescript
+      '@types/d3-interpolate-path':
+        specifier: ^2.0.3
+        version: 2.0.3
+      '@types/react':
+        specifier: ^18.2.57
+        version: 18.2.64
+      eslint:
+        specifier: ^8.57.0
+        version: 8.57.0
+      prettier:
+        specifier: ^3.2.5
+        version: 3.2.5
+      react:
+        specifier: 18.2.0
+        version: 18.2.0
+      tailwindcss:
+        specifier: ^3.4.1
+        version: 3.4.1
       typescript:
-        specifier: ^5.3.2
-        version: 5.3.3
+        specifier: ^5.3.3
+        version: 5.4.2
 
-  packages/eslint-config-custom:
+  packages/ui:
+    dependencies:
+      '@codaco/art':
+        specifier: workspace:*
+        version: link:../art
+      '@hookform/resolvers':
+        specifier: ^3.3.4
+        version: 3.3.4(react-hook-form@7.51.0)
+      '@radix-ui/react-accordion':
+        specifier: ^1.1.2
+        version: 1.1.2(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-alert-dialog':
+        specifier: ^1.0.5
+        version: 1.0.5(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-checkbox':
+        specifier: ^1.0.4
+        version: 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-collapsible':
+        specifier: ^1.0.3
+        version: 1.0.3(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-dialog':
+        specifier: ^1.0.5
+        version: 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-dropdown-menu':
+        specifier: ^2.0.6
+        version: 2.0.6(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-icons':
+        specifier: ^1.3.0
+        version: 1.3.0(react@18.2.0)
+      '@radix-ui/react-label':
+        specifier: ^2.0.2
+        version: 2.0.2(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-popover':
+        specifier: ^1.0.7
+        version: 1.0.7(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-progress':
+        specifier: ^1.0.3
+        version: 1.0.3(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-scroll-area':
+        specifier: ^1.0.5
+        version: 1.0.5(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-select':
+        specifier: ^2.0.0
+        version: 2.0.0(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-separator':
+        specifier: ^1.0.3
+        version: 1.0.3(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot':
+        specifier: ^1.0.2
+        version: 1.0.2(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-switch':
+        specifier: ^1.0.3
+        version: 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-tabs':
+        specifier: ^1.0.4
+        version: 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-toast':
+        specifier: ^1.1.5
+        version: 1.1.5(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-tooltip':
+        specifier: ^1.0.7
+        version: 1.0.7(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      class-variance-authority:
+        specifier: ^0.7.0
+        version: 0.7.0
+      cmdk:
+        specifier: ^1.0.0
+        version: 1.0.0(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      framer-motion:
+        specifier: ^11.0.6
+        version: 11.0.8(react-dom@18.2.0)(react@18.2.0)
+      lucide-react:
+        specifier: ^0.341.0
+        version: 0.341.0(react@18.2.0)
+      next-themes:
+        specifier: ^0.2.1
+        version: 0.2.1(next@14.1.3)(react-dom@18.2.0)(react@18.2.0)
+      react-hook-form:
+        specifier: ^7.50.1
+        version: 7.51.0(react@18.2.0)
+      sonner:
+        specifier: ^1.4.1
+        version: 1.4.3(react-dom@18.2.0)(react@18.2.0)
+      tailwind-merge:
+        specifier: ^2.2.1
+        version: 2.2.1
+      tailwindcss-animate:
+        specifier: ^1.0.7
+        version: 1.0.7(tailwindcss@3.4.1)
     devDependencies:
-      '@vercel/style-guide':
-        specifier: ^5.1.0
-        version: 5.2.0(eslint@8.56.0)(prettier@3.2.4)(typescript@5.3.3)
+      '@codaco/eslint-config':
+        specifier: workspace:*
+        version: link:../../tooling/eslint
+      '@codaco/prettier-config':
+        specifier: workspace:*
+        version: link:../../tooling/prettier
+      '@codaco/tailwind-config':
+        specifier: workspace:*
+        version: link:../../tooling/tailwind
+      '@codaco/tsconfig':
+        specifier: workspace:*
+        version: link:../../tooling/typescript
+      '@types/react':
+        specifier: ^18.2.57
+        version: 18.2.64
+      eslint:
+        specifier: ^8.57.0
+        version: 8.57.0
+      prettier:
+        specifier: ^3.2.5
+        version: 3.2.5
+      react:
+        specifier: 18.2.0
+        version: 18.2.0
+      tailwindcss:
+        specifier: ^3.4.1
+        version: 3.4.1
+      typescript:
+        specifier: ^5.3.3
+        version: 5.4.2
+      zod:
+        specifier: ^3.22.4
+        version: 3.22.4
+
+  tooling/eslint:
+    dependencies:
+      '@next/eslint-plugin-next':
+        specifier: ^14.1.0
+        version: 14.1.3
+      '@typescript-eslint/eslint-plugin':
+        specifier: ^7.0.2
+        version: 7.1.1(@typescript-eslint/parser@7.1.1)(eslint@8.57.0)(typescript@5.4.2)
+      '@typescript-eslint/parser':
+        specifier: ^7.0.2
+        version: 7.1.1(eslint@8.57.0)(typescript@5.4.2)
       eslint-config-turbo:
-        specifier: ^1.10.12
-        version: 1.12.2(eslint@8.56.0)
+        specifier: ^1.12.4
+        version: 1.12.5(eslint@8.57.0)
+      eslint-plugin-import:
+        specifier: ^2.29.1
+        version: 2.29.1(@typescript-eslint/parser@7.1.1)(eslint@8.57.0)
+      eslint-plugin-jsx-a11y:
+        specifier: ^6.8.0
+        version: 6.8.0(eslint@8.57.0)
+      eslint-plugin-react:
+        specifier: ^7.33.2
+        version: 7.34.0(eslint@8.57.0)
+      eslint-plugin-react-hooks:
+        specifier: ^4.6.0
+        version: 4.6.0(eslint@8.57.0)
+    devDependencies:
+      '@codaco/prettier-config':
+        specifier: workspace:^0.1.0
+        version: link:../prettier
+      '@codaco/tsconfig':
+        specifier: workspace:^0.1.0
+        version: link:../typescript
+      '@types/eslint':
+        specifier: ^8.56.3
+        version: 8.56.5
+      eslint:
+        specifier: ^8.57.0
+        version: 8.57.0
+      prettier:
+        specifier: ^3.2.5
+        version: 3.2.5
       typescript:
-        specifier: ^5.2.2
-        version: 5.3.3
+        specifier: ^5.3.3
+        version: 5.4.2
+
+  tooling/github: {}
 
-  packages/tailwind-config:
+  tooling/prettier:
+    dependencies:
+      prettier:
+        specifier: ^3.2.5
+        version: 3.2.5
+      prettier-plugin-tailwindcss:
+        specifier: ^0.5.11
+        version: 0.5.12(prettier@3.2.5)
     devDependencies:
+      '@codaco/tsconfig':
+        specifier: workspace:*
+        version: link:../typescript
+      typescript:
+        specifier: ^5.3.3
+        version: 5.4.2
+
+  tooling/tailwind:
+    dependencies:
+      postcss:
+        specifier: ^8.4.35
+        version: 8.4.35
       tailwindcss:
-        specifier: ^3.3.0
-        version: 3.4.1(ts-node@10.9.2)
-      tsconfig:
+        specifier: ^3.4.1
+        version: 3.4.1
+      tailwindcss-animate:
+        specifier: ^1.0.7
+        version: 1.0.7(tailwindcss@3.4.1)
+    devDependencies:
+      '@codaco/eslint-config':
+        specifier: workspace:*
+        version: link:../eslint
+      '@codaco/prettier-config':
         specifier: workspace:*
-        version: link:../tsconfig
+        version: link:../prettier
+      '@codaco/tsconfig':
+        specifier: workspace:*
+        version: link:../typescript
+      eslint:
+        specifier: ^8.57.0
+        version: 8.57.0
+      prettier:
+        specifier: ^3.2.5
+        version: 3.2.5
+      typescript:
+        specifier: ^5.3.3
+        version: 5.4.2
 
-  packages/tsconfig: {}
+  tooling/typescript: {}
 
 packages:
 
   /@aashutoshrathi/word-wrap@1.2.6:
     resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /@algolia/autocomplete-core@1.9.3(@algolia/client-search@4.22.1)(algoliasearch@4.22.1)(search-insights@2.13.0):
     resolution: {integrity: sha512-009HdfugtGCdC4JdXUbVJClA0q0zh24yyePn+KUGk3rP7j8FEe/m5Yo/z65gn6nP/cM39PxpzqKrL7A6fP6PPw==}
@@ -485,10 +730,6 @@ packages:
       '@algolia/transporter': 4.22.1
     dev: false
 
-  /@algolia/events@4.0.1:
-    resolution: {integrity: sha512-FQzvOCgoFXAbf5Y6mYozw2aj5KCJoA3m4heImceldzPSMbdyS4atVjJzXKMsfX3wnZTFYwkkt8/z8UesLHlSBQ==}
-    dev: false
-
   /@algolia/logger-common@4.22.1:
     resolution: {integrity: sha512-OnTFymd2odHSO39r4DSWRFETkBufnY2iGUZNrMXpIhF5cmFE8pGoINNPzwg02QLBlGSaLqdKy0bM8S0GyqPLBg==}
     dev: false
@@ -527,12 +768,12 @@ packages:
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
 
-  /@ampproject/remapping@2.2.1:
-    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
+  /@ampproject/remapping@2.3.0:
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.22
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
 
   /@babel/code-frame@7.23.5:
     resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
@@ -545,20 +786,20 @@ packages:
     resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/core@7.23.9:
-    resolution: {integrity: sha512-5q0175NOjddqpvvzU+kDiSOAk4PfdO6FvwCWoQ6RO7rTzEe8vlo+4HVfcnAREhD4npMs0e9uZypjTwzZPCf/cw==}
+  /@babel/core@7.24.0:
+    resolution: {integrity: sha512-fQfkg0Gjkza3nf0c7/w6Xf34BW4YvzNfACRLmmb7XRLa6XHdR+K9AlJlxneFfWYf6uhOzuzZVTjF/8KfndZANw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@ampproject/remapping': 2.2.1
+      '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.23.5
       '@babel/generator': 7.23.6
       '@babel/helper-compilation-targets': 7.23.6
-      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.9)
-      '@babel/helpers': 7.23.9
-      '@babel/parser': 7.23.9
-      '@babel/template': 7.23.9
-      '@babel/traverse': 7.23.9
-      '@babel/types': 7.23.9
+      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.24.0)
+      '@babel/helpers': 7.24.0
+      '@babel/parser': 7.24.0
+      '@babel/template': 7.24.0
+      '@babel/traverse': 7.24.0
+      '@babel/types': 7.24.0
       convert-source-map: 2.0.0
       debug: 4.3.4
       gensync: 1.0.0-beta.2
@@ -567,27 +808,13 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/eslint-parser@7.23.10(@babel/core@7.23.9)(eslint@8.56.0):
-    resolution: {integrity: sha512-3wSYDPZVnhseRnxRJH6ZVTNknBz76AEnyC+AYYhasjP3Yy23qz0ERR7Fcd2SHmYuSFJ2kY9gaaDd3vyqU09eSw==}
-    engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
-    peerDependencies:
-      '@babel/core': ^7.11.0
-      eslint: ^7.5.0 || ^8.0.0
-    dependencies:
-      '@babel/core': 7.23.9
-      '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
-      eslint: 8.56.0
-      eslint-visitor-keys: 2.1.0
-      semver: 6.3.1
-    dev: true
-
   /@babel/generator@7.23.6:
     resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.9
-      '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.22
+      '@babel/types': 7.24.0
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
 
   /@babel/helper-compilation-targets@7.23.6:
@@ -596,7 +823,7 @@ packages:
     dependencies:
       '@babel/compat-data': 7.23.5
       '@babel/helper-validator-option': 7.23.5
-      browserslist: 4.22.3
+      browserslist: 4.23.0
       lru-cache: 5.1.1
       semver: 6.3.1
 
@@ -608,36 +835,36 @@ packages:
     resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': 7.23.9
-      '@babel/types': 7.23.9
+      '@babel/template': 7.24.0
+      '@babel/types': 7.24.0
 
   /@babel/helper-hoist-variables@7.22.5:
     resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
 
   /@babel/helper-module-imports@7.22.15:
     resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
 
-  /@babel/helper-module-transforms@7.23.3(@babel/core@7.23.9):
+  /@babel/helper-module-transforms@7.23.3(@babel/core@7.24.0):
     resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.23.9
+      '@babel/core': 7.24.0
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-simple-access': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.22.20
 
-  /@babel/helper-plugin-utils@7.22.5:
-    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
+  /@babel/helper-plugin-utils@7.24.0:
+    resolution: {integrity: sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==}
     engines: {node: '>=6.9.0'}
     dev: true
 
@@ -645,13 +872,13 @@ packages:
     resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
 
   /@babel/helper-split-export-declaration@7.22.6:
     resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
 
   /@babel/helper-string-parser@7.23.4:
     resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
@@ -665,13 +892,13 @@ packages:
     resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/helpers@7.23.9:
-    resolution: {integrity: sha512-87ICKgU5t5SzOT7sBMfCOZQ2rHjRU+Pcb9BoILMYz600W6DkVRLFBPwQ18gwUVvggqXivaUakpnxWQGbpywbBQ==}
+  /@babel/helpers@7.24.0:
+    resolution: {integrity: sha512-ulDZdc0Aj5uLc5nETsa7EPx2L7rM0YJM8r7ck7U73AXi7qOV44IHHRAYZHY6iU1rr3C5N4NtTmMRUJP6kwCWeA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/template': 7.23.9
-      '@babel/traverse': 7.23.9
-      '@babel/types': 7.23.9
+      '@babel/template': 7.24.0
+      '@babel/traverse': 7.24.0
+      '@babel/types': 7.24.0
     transitivePeerDependencies:
       - supports-color
 
@@ -683,49 +910,49 @@ packages:
       chalk: 2.4.2
       js-tokens: 4.0.0
 
-  /@babel/parser@7.23.9:
-    resolution: {integrity: sha512-9tcKgqKbs3xGJ+NtKF2ndOBBLVwPjl1SHxPQkd36r3Dlirw3xWUeGaTbqr7uGZcTaxkVNwc+03SVP7aCdWrTlA==}
+  /@babel/parser@7.24.0:
+    resolution: {integrity: sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==}
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
 
-  /@babel/plugin-transform-react-jsx-self@7.23.3(@babel/core@7.23.9):
+  /@babel/plugin-transform-react-jsx-self@7.23.3(@babel/core@7.24.0):
     resolution: {integrity: sha512-qXRvbeKDSfwnlJnanVRp0SfuWE5DQhwQr5xtLBzp56Wabyo+4CMosF6Kfp+eOD/4FYpql64XVJ2W0pVLlJZxOQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.9
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.24.0
+      '@babel/helper-plugin-utils': 7.24.0
     dev: true
 
-  /@babel/plugin-transform-react-jsx-source@7.23.3(@babel/core@7.23.9):
+  /@babel/plugin-transform-react-jsx-source@7.23.3(@babel/core@7.24.0):
     resolution: {integrity: sha512-91RS0MDnAWDNvGC6Wio5XYkyWI39FMFO+JK9+4AlgaTH+yWwVTsw7/sn6LK0lH7c5F+TFkpv/3LfCJ1Ydwof/g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.9
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.24.0
+      '@babel/helper-plugin-utils': 7.24.0
     dev: true
 
-  /@babel/runtime@7.23.9:
-    resolution: {integrity: sha512-0CX6F+BI2s9dkUqr08KFrAIZgNFj75rdBU/DjCyYLIaV/quFjkk6T+EJ2LkZHyZTbEV4L5p97mNkUsHl2wLFAw==}
+  /@babel/runtime@7.24.0:
+    resolution: {integrity: sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.14.1
 
-  /@babel/template@7.23.9:
-    resolution: {integrity: sha512-+xrD2BWLpvHKNmX2QbpdpsBaWnRxahMwJjO+KZk2JOElj5nSmKezyS1B4u+QbHMTX69t4ukm6hh9lsYQ7GHCKA==}
+  /@babel/template@7.24.0:
+    resolution: {integrity: sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.23.5
-      '@babel/parser': 7.23.9
-      '@babel/types': 7.23.9
+      '@babel/parser': 7.24.0
+      '@babel/types': 7.24.0
 
-  /@babel/traverse@7.23.9:
-    resolution: {integrity: sha512-I/4UJ9vs90OkBtY6iiiTORVMyIhJ4kAVmsKo9KFc8UOxMeUfi2hvtIBsET5u9GizXE6/GFSuKCTNfgCswuEjRg==}
+  /@babel/traverse@7.24.0:
+    resolution: {integrity: sha512-HfuJlI8qq3dEDmNU5ChzzpZRWq+oxCZQyMzIMEqLho+AQnhMnKQUzH6ydo3RBl/YjPCuk68Y6s0Gx0AeyULiWw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.23.5
@@ -734,15 +961,15 @@ packages:
       '@babel/helper-function-name': 7.23.0
       '@babel/helper-hoist-variables': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/parser': 7.23.9
-      '@babel/types': 7.23.9
+      '@babel/parser': 7.24.0
+      '@babel/types': 7.24.0
       debug: 4.3.4
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/types@7.23.9:
-    resolution: {integrity: sha512-dQjSq/7HaSjRM43FFGnv5keM2HsxpmyV1PfaSVm0nzzjwwTmjOe6J4bC8e3+pTEIgHaHj+1ZlLThRJ2auc/w1Q==}
+  /@babel/types@7.24.0:
+    resolution: {integrity: sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-string-parser': 7.23.4
@@ -752,7 +979,7 @@ packages:
   /@changesets/apply-release-plan@7.0.0:
     resolution: {integrity: sha512-vfi69JR416qC9hWmFGSxj7N6wA5J222XNBmezSVATPWDVPIF7gkd4d8CpbEbXmRWbVrkoli3oerGS6dcL/BGsQ==}
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@changesets/config': 3.0.0
       '@changesets/get-version-range-type': 0.4.0
       '@changesets/git': 3.0.0
@@ -764,31 +991,31 @@ packages:
       outdent: 0.5.0
       prettier: 2.8.8
       resolve-from: 5.0.0
-      semver: 7.5.4
-    dev: false
+      semver: 7.6.0
+    dev: true
 
   /@changesets/assemble-release-plan@6.0.0:
     resolution: {integrity: sha512-4QG7NuisAjisbW4hkLCmGW2lRYdPrKzro+fCtZaILX+3zdUELSvYjpL4GTv0E4aM9Mef3PuIQp89VmHJ4y2bfw==}
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@changesets/errors': 0.2.0
       '@changesets/get-dependents-graph': 2.0.0
       '@changesets/types': 6.0.0
       '@manypkg/get-packages': 1.1.3
-      semver: 7.5.4
-    dev: false
+      semver: 7.6.0
+    dev: true
 
   /@changesets/changelog-git@0.2.0:
     resolution: {integrity: sha512-bHOx97iFI4OClIT35Lok3sJAwM31VbUM++gnMBV16fdbtBhgYu4dxsphBF/0AZZsyAHMrnM0yFcj5gZM1py6uQ==}
     dependencies:
       '@changesets/types': 6.0.0
-    dev: false
+    dev: true
 
   /@changesets/cli@2.27.1:
     resolution: {integrity: sha512-iJ91xlvRnnrJnELTp4eJJEOPjgpF3NOh4qeQehM6Ugiz9gJPRZ2t+TsXun6E3AMN4hScZKjqVXl0TX+C7AB3ZQ==}
     hasBin: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@changesets/apply-release-plan': 7.0.0
       '@changesets/assemble-release-plan': 6.0.0
       '@changesets/changelog-git': 0.2.0
@@ -803,7 +1030,7 @@ packages:
       '@changesets/types': 6.0.0
       '@changesets/write': 0.3.0
       '@manypkg/get-packages': 1.1.3
-      '@types/semver': 7.5.6
+      '@types/semver': 7.5.8
       ansi-colors: 4.1.3
       chalk: 2.4.2
       ci-info: 3.9.0
@@ -814,13 +1041,13 @@ packages:
       meow: 6.1.1
       outdent: 0.5.0
       p-limit: 2.3.0
-      preferred-pm: 3.1.2
+      preferred-pm: 3.1.3
       resolve-from: 5.0.0
-      semver: 7.5.4
+      semver: 7.6.0
       spawndamnit: 2.0.0
       term-size: 2.2.1
       tty-table: 4.2.3
-    dev: false
+    dev: true
 
   /@changesets/config@3.0.0:
     resolution: {integrity: sha512-o/rwLNnAo/+j9Yvw9mkBQOZySDYyOr/q+wptRLcAVGlU6djOeP9v1nlalbL9MFsobuBVQbZCTp+dIzdq+CLQUA==}
@@ -832,13 +1059,13 @@ packages:
       '@manypkg/get-packages': 1.1.3
       fs-extra: 7.0.1
       micromatch: 4.0.5
-    dev: false
+    dev: true
 
   /@changesets/errors@0.2.0:
     resolution: {integrity: sha512-6BLOQUscTpZeGljvyQXlWOItQyU71kCdGz7Pi8H8zdw6BI0g3m43iL4xKUVPWtG+qrrL9DTjpdn8eYuCQSRpow==}
     dependencies:
       extendable-error: 0.1.7
-    dev: false
+    dev: true
 
   /@changesets/get-dependents-graph@2.0.0:
     resolution: {integrity: sha512-cafUXponivK4vBgZ3yLu944mTvam06XEn2IZGjjKc0antpenkYANXiiE6GExV/yKdsCnE8dXVZ25yGqLYZmScA==}
@@ -847,64 +1074,64 @@ packages:
       '@manypkg/get-packages': 1.1.3
       chalk: 2.4.2
       fs-extra: 7.0.1
-      semver: 7.5.4
-    dev: false
+      semver: 7.6.0
+    dev: true
 
   /@changesets/get-release-plan@4.0.0:
     resolution: {integrity: sha512-9L9xCUeD/Tb6L/oKmpm8nyzsOzhdNBBbt/ZNcjynbHC07WW4E1eX8NMGC5g5SbM5z/V+MOrYsJ4lRW41GCbg3w==}
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@changesets/assemble-release-plan': 6.0.0
       '@changesets/config': 3.0.0
       '@changesets/pre': 2.0.0
       '@changesets/read': 0.6.0
       '@changesets/types': 6.0.0
       '@manypkg/get-packages': 1.1.3
-    dev: false
+    dev: true
 
   /@changesets/get-version-range-type@0.4.0:
     resolution: {integrity: sha512-hwawtob9DryoGTpixy1D3ZXbGgJu1Rhr+ySH2PvTLHvkZuQ7sRT4oQwMh0hbqZH1weAooedEjRsbrWcGLCeyVQ==}
-    dev: false
+    dev: true
 
   /@changesets/git@3.0.0:
     resolution: {integrity: sha512-vvhnZDHe2eiBNRFHEgMiGd2CT+164dfYyrJDhwwxTVD/OW0FUD6G7+4DIx1dNwkwjHyzisxGAU96q0sVNBns0w==}
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@changesets/errors': 0.2.0
       '@changesets/types': 6.0.0
       '@manypkg/get-packages': 1.1.3
       is-subdir: 1.2.0
       micromatch: 4.0.5
       spawndamnit: 2.0.0
-    dev: false
+    dev: true
 
   /@changesets/logger@0.1.0:
     resolution: {integrity: sha512-pBrJm4CQm9VqFVwWnSqKEfsS2ESnwqwH+xR7jETxIErZcfd1u2zBSqrHbRHR7xjhSgep9x2PSKFKY//FAshA3g==}
     dependencies:
       chalk: 2.4.2
-    dev: false
+    dev: true
 
   /@changesets/parse@0.4.0:
     resolution: {integrity: sha512-TS/9KG2CdGXS27S+QxbZXgr8uPsP4yNJYb4BC2/NeFUj80Rni3TeD2qwWmabymxmrLo7JEsytXH1FbpKTbvivw==}
     dependencies:
       '@changesets/types': 6.0.0
       js-yaml: 3.14.1
-    dev: false
+    dev: true
 
   /@changesets/pre@2.0.0:
     resolution: {integrity: sha512-HLTNYX/A4jZxc+Sq8D1AMBsv+1qD6rmmJtjsCJa/9MSRybdxh0mjbTvE6JYZQ/ZiQ0mMlDOlGPXTm9KLTU3jyw==}
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@changesets/errors': 0.2.0
       '@changesets/types': 6.0.0
       '@manypkg/get-packages': 1.1.3
       fs-extra: 7.0.1
-    dev: false
+    dev: true
 
   /@changesets/read@0.6.0:
     resolution: {integrity: sha512-ZypqX8+/im1Fm98K4YcZtmLKgjs1kDQ5zHpc2U1qdtNBmZZfo/IBiG162RoP0CUF05tvp2y4IspH11PLnPxuuw==}
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@changesets/git': 3.0.0
       '@changesets/logger': 0.1.0
       '@changesets/parse': 0.4.0
@@ -912,32 +1139,32 @@ packages:
       chalk: 2.4.2
       fs-extra: 7.0.1
       p-filter: 2.1.0
-    dev: false
+    dev: true
 
   /@changesets/types@4.1.0:
     resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==}
-    dev: false
+    dev: true
 
   /@changesets/types@6.0.0:
     resolution: {integrity: sha512-b1UkfNulgKoWfqyHtzKS5fOZYSJO+77adgL7DLRDr+/7jhChN+QcHnbjiQVOz/U+Ts3PGNySq7diAItzDgugfQ==}
-    dev: false
+    dev: true
 
   /@changesets/write@0.3.0:
     resolution: {integrity: sha512-slGLb21fxZVUYbyea+94uFiD6ntQW0M2hIKNznFizDhZPDgn2c/fv1UzzlW43RVzh1BEDuIqW6hzlJ1OflNmcw==}
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@changesets/types': 6.0.0
       fs-extra: 7.0.1
       human-id: 1.0.2
       prettier: 2.8.8
-    dev: false
+    dev: true
 
-  /@clerk/backend@0.37.3(react@18.2.0):
-    resolution: {integrity: sha512-ZfYacm4wNRf4Qe4fRVgfMUaQROryL6CT+Sg/qqfutoeJUXDORAMyu5Mm2kHZ+s+n1MSXnLRegDjWhILlKniUyw==}
+  /@clerk/backend@0.38.3(react@18.2.0):
+    resolution: {integrity: sha512-k14WRljVNETpIYrt99MBP/Zd7KEwkudQKSCEMatQbiRkWgrpwDWE8Czv+JzF1J7sdMiicBI+p2ph9biX1EOFzw==}
     engines: {node: '>=14'}
     dependencies:
-      '@clerk/shared': 1.3.1(react@18.2.0)
-      '@clerk/types': 3.60.0
+      '@clerk/shared': 1.3.3(react@18.2.0)
+      '@clerk/types': 3.62.1
       '@peculiar/webcrypto': 1.4.1
       '@types/node': 16.18.6
       cookie: 0.5.0
@@ -949,25 +1176,25 @@ packages:
       - react
     dev: false
 
-  /@clerk/clerk-react@4.30.3(react@18.2.0):
-    resolution: {integrity: sha512-bX4fUxGXUrMl8A50TpeUM8PHFKbMHmt7UfJ/NnUQMBN54h9N/NF2eSE2omY1+lDxBJmh/V9EiJZV8S6MwDflzw==}
+  /@clerk/clerk-react@4.30.7(react@18.2.0):
+    resolution: {integrity: sha512-+6Q1hVteqn66gFLiCKSqqSdz2MBjsEjs1fkGLAEKZC1GdfOKrH6oWcLuSwUdyqRvJWuyjeIgwq15zoHtXKyztA==}
     engines: {node: '>=14'}
     peerDependencies:
       react: '>=16'
     dependencies:
-      '@clerk/shared': 1.3.1(react@18.2.0)
-      '@clerk/types': 3.60.0
+      '@clerk/shared': 1.3.3(react@18.2.0)
+      '@clerk/types': 3.62.1
       react: 18.2.0
       tslib: 2.4.1
     dev: false
 
-  /@clerk/clerk-sdk-node@4.13.7(react@18.2.0):
-    resolution: {integrity: sha512-vSczVwNroifH0rC1HY1zg0O4IqiD2OjXHOY0M5zvQbS3b7L1SIRnwBKtQUxUgGHsnxC8lr0XYQeLyOraa83OhQ==}
+  /@clerk/clerk-sdk-node@4.13.11(react@18.2.0):
+    resolution: {integrity: sha512-6CiRx61SW0B7i+4STlID537LvwFJvNGWxxQZY96OPHQnvYGYsp+9PdEyY4zaQiyLQBLYJt1+uc7VsdSYY5Omww==}
     engines: {node: '>=14'}
     dependencies:
-      '@clerk/backend': 0.37.3(react@18.2.0)
-      '@clerk/shared': 1.3.1(react@18.2.0)
-      '@clerk/types': 3.60.0
+      '@clerk/backend': 0.38.3(react@18.2.0)
+      '@clerk/shared': 1.3.3(react@18.2.0)
+      '@clerk/types': 3.62.1
       '@types/cookies': 0.7.7
       '@types/express': 4.17.14
       '@types/node-fetch': 2.6.2
@@ -978,28 +1205,28 @@ packages:
       - react
     dev: false
 
-  /@clerk/nextjs@4.29.5(next@14.0.1)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-6hNaqKsg/B6HuauyMOgnhES/YWt4g/43/fbS/IHmCKgmhhLkaNpRuOspDOOoUaz3wvtb9TP/t6trgqF4W7cylA==}
+  /@clerk/nextjs@4.29.9(next@14.0.1)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-RsOz+lxlPYJi9cBvhBRqAUVUOMBT20R3ppt3eof97DkqCT6YaHJx/S13XcYUuo6ojYRDDJ/nI6XiLcfpqIJO6g==}
     engines: {node: '>=14'}
     peerDependencies:
       next: '>=10'
       react: ^17.0.2 || ^18.0.0-0
       react-dom: ^17.0.2 || ^18.0.0-0
     dependencies:
-      '@clerk/backend': 0.37.3(react@18.2.0)
-      '@clerk/clerk-react': 4.30.3(react@18.2.0)
-      '@clerk/clerk-sdk-node': 4.13.7(react@18.2.0)
-      '@clerk/shared': 1.3.1(react@18.2.0)
-      '@clerk/types': 3.60.0
-      next: 14.0.1(@babel/core@7.23.9)(react-dom@18.2.0)(react@18.2.0)
+      '@clerk/backend': 0.38.3(react@18.2.0)
+      '@clerk/clerk-react': 4.30.7(react@18.2.0)
+      '@clerk/clerk-sdk-node': 4.13.11(react@18.2.0)
+      '@clerk/shared': 1.3.3(react@18.2.0)
+      '@clerk/types': 3.62.1
+      next: 14.0.1(@babel/core@7.24.0)(react-dom@18.2.0)(react@18.2.0)
       path-to-regexp: 6.2.1
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       tslib: 2.4.1
     dev: false
 
-  /@clerk/shared@1.3.1(react@18.2.0):
-    resolution: {integrity: sha512-nzv4+uA90I/eQp55zfK9a1Po9VgCYlzlNhuZnKqyRsPyJ38l4gpIf3B3qSHHdN0+MTx9cWGFrik1CnpftdOBXQ==}
+  /@clerk/shared@1.3.3(react@18.2.0):
+    resolution: {integrity: sha512-Eein8cK72dlvY6Q1uFuw9K9MJH1OPjU8FzWloMTKklBo+iPiM6+uENGeGwlY5KId3q/kgPwRc2hBQnUoaijxCQ==}
     peerDependencies:
       react: '>=16'
     peerDependenciesMeta:
@@ -1012,8 +1239,8 @@ packages:
       swr: 2.2.0(react@18.2.0)
     dev: false
 
-  /@clerk/types@3.60.0:
-    resolution: {integrity: sha512-f1A16wFh5MtikxEo7o6vAVX7FxpqC1YmzA6c4ugwq5MH8J2mvIM/LwNVIHgNpZkn/s/G+BUhBcJJmUXqajDK2Q==}
+  /@clerk/types@3.62.1:
+    resolution: {integrity: sha512-RmQhWB7EMZw2nE24viQG79VyEUULZYWndYew5oXiZx06DyvysMNCorDyEGRmgBbprv7bnbYhHdOtKmx8Wj0jug==}
     engines: {node: '>=14'}
     dependencies:
       csstype: 3.1.1
@@ -1021,20 +1248,14 @@ packages:
 
   /@corex/deepmerge@4.0.43:
     resolution: {integrity: sha512-N8uEMrMPL0cu/bdboEWpQYb/0i2K5Qn8eCsxzOmxSggJbbQte7ljMRoXm917AbntqTGOzdTu+vP3KOOzoC70HQ==}
-    dev: false
-
-  /@cspotcode/source-map-support@0.8.1:
-    resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.9
+    dev: true
 
-  /@docsearch/css@3.5.2:
-    resolution: {integrity: sha512-SPiDHaWKQZpwR2siD0KQUwlStvIAnEyK6tAE2h2Wuoq8ue9skzhlyVQ1ddzOxX6khULnAALDiR/isSF3bnuciA==}
+  /@docsearch/css@3.6.0:
+    resolution: {integrity: sha512-+sbxb71sWre+PwDK7X2T8+bhS6clcVMLwBPznX45Qu6opJcgRjAp7gYSDzVFp187J+feSj5dNBN1mJoi6ckkUQ==}
     dev: false
 
-  /@docsearch/react@3.5.2(@algolia/client-search@4.22.1)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)(search-insights@2.13.0):
-    resolution: {integrity: sha512-9Ahcrs5z2jq/DcAvYtvlqEBHImbm4YJI8M9y0x6Tqg598P40HTEkX7hsMcIuThI+hTFxRGZ9hll0Wygm2yEjng==}
+  /@docsearch/react@3.6.0(@algolia/client-search@4.22.1)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)(search-insights@2.13.0):
+    resolution: {integrity: sha512-HUFut4ztcVNmqy9gp/wxNbC7pTOHhgVVkHVGCACTuLhUKUhKAF9KYHJtMiLUJxEqiFLQiuri1fWF8zqwM/cu1w==}
     peerDependencies:
       '@types/react': '>= 16.8.0 < 19.0.0'
       react: '>= 16.8.0 < 19.0.0'
@@ -1052,8 +1273,8 @@ packages:
     dependencies:
       '@algolia/autocomplete-core': 1.9.3(@algolia/client-search@4.22.1)(algoliasearch@4.22.1)(search-insights@2.13.0)
       '@algolia/autocomplete-preset-algolia': 1.9.3(@algolia/client-search@4.22.1)(algoliasearch@4.22.1)
-      '@docsearch/css': 3.5.2
-      '@types/react': 18.2.48
+      '@docsearch/css': 3.6.0
+      '@types/react': 18.2.64
       algoliasearch: 4.22.1
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -1068,7 +1289,21 @@ packages:
       superjson: 2.2.1
     dev: true
 
-  /@esbuild-kit/core-utils@3.3.2:
+  /@emotion/is-prop-valid@0.8.8:
+    resolution: {integrity: sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==}
+    requiresBuild: true
+    dependencies:
+      '@emotion/memoize': 0.7.4
+    dev: false
+    optional: true
+
+  /@emotion/memoize@0.7.4:
+    resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@esbuild-kit/core-utils@3.3.2:
     resolution: {integrity: sha512-sPRAnw9CdSsRmEtnsl2WXWdyquogVpB3yZ3dgwJfe8zrOzTsV7cJvmwrKVa+0ma5BoiGJ+BoqkMvawbayKUsqQ==}
     dependencies:
       esbuild: 0.18.20
@@ -1079,7 +1314,7 @@ packages:
     resolution: {integrity: sha512-FxEMIkJKnodyA1OaCUoEvbYRkoZlLZ4d/eXFu9Fh8CbBBgP5EmZxrfTRyN0qpXZ4vOvqnE5YdRdcrmUUXuU+dA==}
     dependencies:
       '@esbuild-kit/core-utils': 3.3.2
-      get-tsconfig: 4.7.2
+      get-tsconfig: 4.7.3
     dev: true
 
   /@esbuild/aix-ppc64@0.19.12:
@@ -1487,20 +1722,18 @@ packages:
     dev: true
     optional: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.56.0):
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.57.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: 8.56.0
+      eslint: 8.57.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
   /@eslint-community/regexpp@4.10.0:
     resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-    dev: true
 
   /@eslint/eslintrc@2.1.4:
     resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
@@ -1517,15 +1750,13 @@ packages:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@eslint/js@8.56.0:
-    resolution: {integrity: sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==}
+  /@eslint/js@8.57.0:
+    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
 
-  /@faker-js/faker@8.4.0:
-    resolution: {integrity: sha512-htW87352wzUCdX1jyUQocUcmAaFqcR/w082EC8iP/gtkF0K+aKcBp0hR5Arb7dzR8tQ1TrhE9DNa5EbJELm84w==}
+  /@faker-js/faker@8.4.1:
+    resolution: {integrity: sha512-XQ3cU+Q8Uqmrbf2e0cIC/QN43sTBSC8KF12u29Mb47tWrt2hAgBXSgpZMj4Ao8Uk0iJcU99QsOCaIL8934obCg==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0, npm: '>=6.14.13'}
     dev: true
 
@@ -1535,8 +1766,8 @@ packages:
       '@floating-ui/utils': 0.2.1
     dev: false
 
-  /@floating-ui/dom@1.6.1:
-    resolution: {integrity: sha512-iA8qE43/H5iGozC3W0YSnVSW42Vh522yyM1gj+BqRwVsTNOyr231PsXDaV04yT39PsO0QL2QpbI/M0ZaLUQgRQ==}
+  /@floating-ui/dom@1.6.3:
+    resolution: {integrity: sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==}
     dependencies:
       '@floating-ui/core': 1.6.0
       '@floating-ui/utils': 0.2.1
@@ -1548,7 +1779,7 @@ packages:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
     dependencies:
-      '@floating-ui/dom': 1.6.1
+      '@floating-ui/dom': 1.6.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
@@ -1610,6 +1841,14 @@ packages:
       tslib: 2.6.2
     dev: false
 
+  /@hookform/resolvers@3.3.4(react-hook-form@7.51.0):
+    resolution: {integrity: sha512-o5cgpGOuJYrd+iMKvkttOclgwRW86EsWJZZRC23prf0uU2i48Htq4PuT73AVb9ionFyZrwYEITuOFGF+BydEtQ==}
+    peerDependencies:
+      react-hook-form: ^7.0.0
+    dependencies:
+      react-hook-form: 7.51.0(react@18.2.0)
+    dev: false
+
   /@humanwhocodes/config-array@0.11.14:
     resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
     engines: {node: '>=10.10.0'}
@@ -1619,16 +1858,13 @@ packages:
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /@humanwhocodes/module-importer@1.0.1:
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
-    dev: true
 
   /@humanwhocodes/object-schema@2.0.2:
     resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
-    dev: true
 
   /@isaacs/cliui@8.0.2:
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
@@ -1648,35 +1884,29 @@ packages:
       '@sinclair/typebox': 0.27.8
     dev: true
 
-  /@jridgewell/gen-mapping@0.3.3:
-    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
+  /@jridgewell/gen-mapping@0.3.5:
+    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
     engines: {node: '>=6.0.0'}
     dependencies:
-      '@jridgewell/set-array': 1.1.2
+      '@jridgewell/set-array': 1.2.1
       '@jridgewell/sourcemap-codec': 1.4.15
-      '@jridgewell/trace-mapping': 0.3.22
+      '@jridgewell/trace-mapping': 0.3.25
 
-  /@jridgewell/resolve-uri@3.1.1:
-    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
+  /@jridgewell/resolve-uri@3.1.2:
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
     engines: {node: '>=6.0.0'}
 
-  /@jridgewell/set-array@1.1.2:
-    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
+  /@jridgewell/set-array@1.2.1:
+    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
     engines: {node: '>=6.0.0'}
 
   /@jridgewell/sourcemap-codec@1.4.15:
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
-  /@jridgewell/trace-mapping@0.3.22:
-    resolution: {integrity: sha512-Wf963MzWtA2sjrNt+g18IAln9lKnlRp+K2eH4jjIoF1wYeq3aMREpG09xhlhdzS0EjwU7qmUJYangWa+151vZw==}
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.1
-      '@jridgewell/sourcemap-codec': 1.4.15
-
-  /@jridgewell/trace-mapping@0.3.9:
-    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
+  /@jridgewell/trace-mapping@0.3.25:
+    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
     dependencies:
-      '@jridgewell/resolve-uri': 3.1.1
+      '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.4.15
 
   /@kamilkisiela/fast-url-parser@1.1.4:
@@ -1686,80 +1916,42 @@ packages:
   /@manypkg/find-root@1.1.0:
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@types/node': 12.20.55
       find-up: 4.1.0
       fs-extra: 8.1.0
-    dev: false
+    dev: true
 
   /@manypkg/get-packages@1.1.3:
     resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@changesets/types': 4.1.0
       '@manypkg/find-root': 1.1.0
       fs-extra: 8.1.0
       globby: 11.1.0
       read-yaml-file: 1.1.0
-    dev: false
-
-  /@mdx-js/mdx@2.3.0:
-    resolution: {integrity: sha512-jLuwRlz8DQfQNiUCJR50Y09CGPq3fLtmtUQfVrj79E0JWu3dvsVcxVIcfhR5h0iXu+/z++zDrYeiJqifRynJkA==}
-    dependencies:
-      '@types/estree-jsx': 1.0.4
-      '@types/mdx': 2.0.11
-      estree-util-build-jsx: 2.2.2
-      estree-util-is-identifier-name: 2.1.0
-      estree-util-to-js: 1.2.0
-      estree-walker: 3.0.3
-      hast-util-to-estree: 2.3.3
-      markdown-extensions: 1.1.1
-      periscopic: 3.1.0
-      remark-mdx: 2.3.0
-      remark-parse: 10.0.2
-      remark-rehype: 10.1.0
-      unified: 10.1.2
-      unist-util-position-from-estree: 1.1.2
-      unist-util-stringify-position: 3.0.3
-      unist-util-visit: 4.1.2
-      vfile: 5.3.7
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
-
-  /@mdx-js/react@2.3.0(react@18.2.0):
-    resolution: {integrity: sha512-zQH//gdOmuu7nt2oJR29vFhDv88oGPmVw6BggmrHeMI+xgEkp1B2dX9/bMBSYtK0dyLX/aOmesKS09g222K1/g==}
-    peerDependencies:
-      react: '>=16'
-    dependencies:
-      '@types/mdx': 2.0.11
-      '@types/react': 18.2.57
-      react: 18.2.0
-    dev: false
+    dev: true
 
-  /@mendable/search@0.0.167(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Ae2pRCSCTJNLxF6Hyli+LspWjEQsTCMUcBRJiVCCzk9naWvrOEk9V3CoRxZ7aPBBWa5w1Bo5u5ckTqy1zLs3KQ==}
+  /@mendable/search@0.0.205(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-7Vd3scF33wg455y2beNtKRP85i6y7hj+1AXJWs26fLKg6MUi+tp9nWnSX+7v4Et2LhpGSbuwMXTorQ7l9AvIkQ==}
     peerDependencies:
       react: ^17.x || ^18.x
       react-dom: ^17.x || ^18.x
     dependencies:
       html-react-parser: 4.2.10(react@18.2.0)
-      posthog-js: 1.107.0
+      posthog-js: 1.111.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@microsoft/tsdoc-config@0.16.2:
-    resolution: {integrity: sha512-OGiIzzoBLgWWR0UdRJX98oYO+XKGf7tiK4Zk6tQ/E4IJqGCe7dvkTvgDZV5cFJUzLGDOjeAXrnZoA6QkVySuxw==}
+  /@microflash/rehype-figure@2.0.0:
+    resolution: {integrity: sha512-mQodZlU7n+/YbOS6iJ9O6I+cT9dsOOImKsaOSiWh8bKycXRPCc16Fs3NGoofgupkYpJdX0oqjwmQL9j+tBcAGA==}
     dependencies:
-      '@microsoft/tsdoc': 0.14.2
-      ajv: 6.12.6
-      jju: 1.4.0
-      resolve: 1.19.0
-    dev: true
-
-  /@microsoft/tsdoc@0.14.2:
-    resolution: {integrity: sha512-9b8mPpKrfeGRuhFH5iO1iwCLeIIsV6+H1sRfxbkoGXIyQE2BTsPd9zqSqQJ+pv5sJ/hT5M1zvOFL02MnEezFug==}
+      hast-util-whitespace: 3.0.0
+      hastscript: 8.0.0
+      unist-util-remove: 4.0.0
+      unist-util-visit: 5.0.0
     dev: true
 
   /@neondatabase/serverless@0.6.0:
@@ -1770,16 +1962,23 @@ packages:
 
   /@next/env@13.5.6:
     resolution: {integrity: sha512-Yac/bV5sBGkkEXmAX5FWPS9Mmo2rthrOPRQQNfycJPkjUAUclomCPH7QFVCDQ4Mp2k2K1SSM6m0zrxYrOwtFQw==}
-    dev: false
+    dev: true
 
   /@next/env@14.0.1:
     resolution: {integrity: sha512-Ms8ZswqY65/YfcjrlcIwMPD7Rg/dVjdLapMcSHG26W6O67EJDF435ShW4H4LXi1xKO1oRc97tLXUpx8jpLe86A==}
 
-  /@next/eslint-plugin-next@14.1.0:
-    resolution: {integrity: sha512-x4FavbNEeXx/baD/zC/SdrvkjSby8nBn8KcCREqk6UuwvwoAPZmaV8TFCAuo/cpovBRTIY67mHhe86MQQm/68Q==}
+  /@next/env@14.1.1:
+    resolution: {integrity: sha512-7CnQyD5G8shHxQIIg3c7/pSeYFeMhsNbpU/bmvH7ZnDql7mNRgg8O2JZrhrc/soFnfBnKP4/xXNiiSIPn2w8gA==}
+    dev: false
+
+  /@next/env@14.1.3:
+    resolution: {integrity: sha512-VhgXTvrgeBRxNPjyfBsDIMvgsKDxjlpw4IAUsHCX8Gjl1vtHUYRT3+xfQ/wwvLPDd/6kqfLqk9Pt4+7gysuCKQ==}
+
+  /@next/eslint-plugin-next@14.1.3:
+    resolution: {integrity: sha512-VCnZI2cy77Yaj3L7Uhs3+44ikMM1VD/fBMwvTBb3hIaTIuqa+DmG4dhUDq+MASu3yx97KhgsVJbsas0XuiKyww==}
     dependencies:
       glob: 10.3.10
-    dev: true
+    dev: false
 
   /@next/swc-darwin-arm64@14.0.1:
     resolution: {integrity: sha512-JyxnGCS4qT67hdOKQ0CkgFTp+PXub5W1wsGvIq98TNbF3YEIN7iDekYhYsZzc8Ov0pWEsghQt+tANdidITCLaw==}
@@ -1789,6 +1988,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@next/swc-darwin-arm64@14.1.1:
+    resolution: {integrity: sha512-yDjSFKQKTIjyT7cFv+DqQfW5jsD+tVxXTckSe1KIouKk75t1qZmj/mV3wzdmFb0XHVGtyRjDMulfVG8uCKemOQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@next/swc-darwin-arm64@14.1.3:
+    resolution: {integrity: sha512-LALu0yIBPRiG9ANrD5ncB3pjpO0Gli9ZLhxdOu6ZUNf3x1r3ea1rd9Q+4xxUkGrUXLqKVK9/lDkpYIJaCJ6AHQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
   /@next/swc-darwin-x64@14.0.1:
     resolution: {integrity: sha512-625Z7bb5AyIzswF9hvfZWa+HTwFZw+Jn3lOBNZB87lUS0iuCYDHqk3ujuHCkiyPtSC0xFBtYDLcrZ11mF/ap3w==}
     engines: {node: '>= 10'}
@@ -1797,6 +2013,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@next/swc-darwin-x64@14.1.1:
+    resolution: {integrity: sha512-KCQmBL0CmFmN8D64FHIZVD9I4ugQsDBBEJKiblXGgwn7wBCSe8N4Dx47sdzl4JAg39IkSN5NNrr8AniXLMb3aw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@next/swc-darwin-x64@14.1.3:
+    resolution: {integrity: sha512-E/9WQeXxkqw2dfcn5UcjApFgUq73jqNKaE5bysDm58hEUdUGedVrnRhblhJM7HbCZNhtVl0j+6TXsK0PuzXTCg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
   /@next/swc-linux-arm64-gnu@14.0.1:
     resolution: {integrity: sha512-iVpn3KG3DprFXzVHM09kvb//4CNNXBQ9NB/pTm8LO+vnnnaObnzFdS5KM+w1okwa32xH0g8EvZIhoB3fI3mS1g==}
     engines: {node: '>= 10'}
@@ -1805,6 +2038,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@next/swc-linux-arm64-gnu@14.1.1:
+    resolution: {integrity: sha512-YDQfbWyW0JMKhJf/T4eyFr4b3tceTorQ5w2n7I0mNVTFOvu6CGEzfwT3RSAQGTi/FFMTFcuspPec/7dFHuP7Eg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@next/swc-linux-arm64-gnu@14.1.3:
+    resolution: {integrity: sha512-USArX9B+3rZSXYLFvgy0NVWQgqh6LHWDmMt38O4lmiJNQcwazeI6xRvSsliDLKt+78KChVacNiwvOMbl6g6BBw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
   /@next/swc-linux-arm64-musl@14.0.1:
     resolution: {integrity: sha512-mVsGyMxTLWZXyD5sen6kGOTYVOO67lZjLApIj/JsTEEohDDt1im2nkspzfV5MvhfS7diDw6Rp/xvAQaWZTv1Ww==}
     engines: {node: '>= 10'}
@@ -1813,6 +2063,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@next/swc-linux-arm64-musl@14.1.1:
+    resolution: {integrity: sha512-fiuN/OG6sNGRN/bRFxRvV5LyzLB8gaL8cbDH5o3mEiVwfcMzyE5T//ilMmaTrnA8HLMS6hoz4cHOu6Qcp9vxgQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@next/swc-linux-arm64-musl@14.1.3:
+    resolution: {integrity: sha512-esk1RkRBLSIEp1qaQXv1+s6ZdYzuVCnDAZySpa62iFTMGTisCyNQmqyCTL9P+cLJ4N9FKCI3ojtSfsyPHJDQNw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
   /@next/swc-linux-x64-gnu@14.0.1:
     resolution: {integrity: sha512-wMqf90uDWN001NqCM/auRl3+qVVeKfjJdT9XW+RMIOf+rhUzadmYJu++tp2y+hUbb6GTRhT+VjQzcgg/QTD9NQ==}
     engines: {node: '>= 10'}
@@ -1821,6 +2088,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@next/swc-linux-x64-gnu@14.1.1:
+    resolution: {integrity: sha512-rv6AAdEXoezjbdfp3ouMuVqeLjE1Bin0AuE6qxE6V9g3Giz5/R3xpocHoAi7CufRR+lnkuUjRBn05SYJ83oKNQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@next/swc-linux-x64-gnu@14.1.3:
+    resolution: {integrity: sha512-8uOgRlYEYiKo0L8YGeS+3TudHVDWDjPVDUcST+z+dUzgBbTEwSSIaSgF/vkcC1T/iwl4QX9iuUyUdQEl0Kxalg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
   /@next/swc-linux-x64-musl@14.0.1:
     resolution: {integrity: sha512-ol1X1e24w4j4QwdeNjfX0f+Nza25n+ymY0T2frTyalVczUmzkVD7QGgPTZMHfR1aLrO69hBs0G3QBYaj22J5GQ==}
     engines: {node: '>= 10'}
@@ -1829,6 +2113,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@next/swc-linux-x64-musl@14.1.1:
+    resolution: {integrity: sha512-YAZLGsaNeChSrpz/G7MxO3TIBLaMN8QWMr3X8bt6rCvKovwU7GqQlDu99WdvF33kI8ZahvcdbFsy4jAFzFX7og==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@next/swc-linux-x64-musl@14.1.3:
+    resolution: {integrity: sha512-DX2zqz05ziElLoxskgHasaJBREC5Y9TJcbR2LYqu4r7naff25B4iXkfXWfcp69uD75/0URmmoSgT8JclJtrBoQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
   /@next/swc-win32-arm64-msvc@14.0.1:
     resolution: {integrity: sha512-WEmTEeWs6yRUEnUlahTgvZteh5RJc4sEjCQIodJlZZ5/VJwVP8p2L7l6VhzQhT4h7KvLx/Ed4UViBdne6zpIsw==}
     engines: {node: '>= 10'}
@@ -1837,6 +2138,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@next/swc-win32-arm64-msvc@14.1.1:
+    resolution: {integrity: sha512-1L4mUYPBMvVDMZg1inUYyPvFSduot0g73hgfD9CODgbr4xiTYe0VOMTZzaRqYJYBA9mana0x4eaAaypmWo1r5A==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@next/swc-win32-arm64-msvc@14.1.3:
+    resolution: {integrity: sha512-HjssFsCdsD4GHstXSQxsi2l70F/5FsRTRQp8xNgmQs15SxUfUJRvSI9qKny/jLkY3gLgiCR3+6A7wzzK0DBlfA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
   /@next/swc-win32-ia32-msvc@14.0.1:
     resolution: {integrity: sha512-oFpHphN4ygAgZUKjzga7SoH2VGbEJXZa/KL8bHCAwCjDWle6R1SpiGOdUdA8EJ9YsG1TYWpzY6FTbUA+iAJeww==}
     engines: {node: '>= 10'}
@@ -1845,6 +2163,23 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@next/swc-win32-ia32-msvc@14.1.1:
+    resolution: {integrity: sha512-jvIE9tsuj9vpbbXlR5YxrghRfMuG0Qm/nZ/1KDHc+y6FpnZ/apsgh+G6t15vefU0zp3WSpTMIdXRUsNl/7RSuw==}
+    engines: {node: '>= 10'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@next/swc-win32-ia32-msvc@14.1.3:
+    resolution: {integrity: sha512-DRuxD5axfDM1/Ue4VahwSxl1O5rn61hX8/sF0HY8y0iCbpqdxw3rB3QasdHn/LJ6Wb2y5DoWzXcz3L1Cr+Thrw==}
+    engines: {node: '>= 10'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
   /@next/swc-win32-x64-msvc@14.0.1:
     resolution: {integrity: sha512-FFp3nOJ/5qSpeWT0BZQ+YE1pSMk4IMpkME/1DwKBwhg4mJLB9L+6EXuJi4JEwaJdl5iN+UUlmUD3IsR1kx5fAg==}
     engines: {node: '>= 10'}
@@ -1853,11 +2188,22 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1:
-    resolution: {integrity: sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==}
-    dependencies:
-      eslint-scope: 5.1.1
-    dev: true
+  /@next/swc-win32-x64-msvc@14.1.1:
+    resolution: {integrity: sha512-S6K6EHDU5+1KrBDLko7/c1MNy/Ya73pIAmvKeFwsF4RmBFJSO7/7YeD4FnZ4iBdzE69PpQ4sOMU9ORKeNuxe8A==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@next/swc-win32-x64-msvc@14.1.3:
+    resolution: {integrity: sha512-uC2DaDoWH7h1P/aJ4Fok3Xiw6P0Lo4ez7NbowW2VGNXw/Xv6tOuLUcxhBYZxsSUJtpeknCi8/fvnSpyCFp4Rcg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
 
   /@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
@@ -1875,7 +2221,7 @@ packages:
     engines: {node: '>= 8'}
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.17.0
+      fastq: 1.17.1
 
   /@peculiar/asn1-schema@2.3.8:
     resolution: {integrity: sha512-ULB1XqHKx1WBU/tTFIA+uARuRoBVZ4pNdOA878RDrRbBfBGcSzi5HBkdScC6ZbHn8z7L8gmKCgPC1LHRrP46tA==}
@@ -1889,7 +2235,7 @@ packages:
     resolution: {integrity: sha512-coUfuoMeIB7B8/NMekxaDzLhaYmp0HZNPEjYRm9goRou8UZIC3z21s0sL9AWoCw4EG876QyO3kYrc61WNF9B/w==}
     engines: {node: '>=8.0.0'}
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.4.1
     dev: false
 
   /@peculiar/webcrypto@1.4.1:
@@ -1899,7 +2245,7 @@ packages:
       '@peculiar/asn1-schema': 2.3.8
       '@peculiar/json-schema': 1.1.12
       pvtsutils: 1.3.5
-      tslib: 2.6.2
+      tslib: 2.4.1
       webcrypto-core: 1.7.8
     dev: false
 
@@ -1909,30 +2255,19 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@pkgr/core@0.1.1:
-    resolution: {integrity: sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==}
-    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
-    dev: true
-
   /@radix-ui/number@1.0.1:
     resolution: {integrity: sha512-T5gIdVO2mmPW3NNhjNgEP3cqMXjXL9UbO0BzWcXfvdBs+BohbQxvd/K5hSVKmn9/lbTdsQVKbUcP5WLCwvUbBg==}
     dependencies:
-      '@babel/runtime': 7.23.9
-    dev: false
-
-  /@radix-ui/primitive@1.0.0:
-    resolution: {integrity: sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==}
-    dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
     dev: false
 
   /@radix-ui/primitive@1.0.1:
     resolution: {integrity: sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==}
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
     dev: false
 
-  /@radix-ui/react-accordion@1.1.2(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
+  /@radix-ui/react-accordion@1.1.2(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-fDG7jcoNKVjSK6yfmuAs0EnPDro0WMXIhMtXdTBWqEioVW206ku+4Lw07e+13lUkFkpoEQ2PdeMIAGpdqEAmDg==}
     peerDependencies:
       '@types/react': '*'
@@ -1945,24 +2280,23 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collapsible': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@radix-ui/react-collapsible': 1.0.3(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-arrow@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==}
+  /@radix-ui/react-alert-dialog@1.0.5(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-OrVIOcZL0tl6xibeuGt5/+UxoT2N27KCFOPjFyfXMnchxSHZ/OW7cCX2nGlIYJrbHK/fczPcFzAwvNBB6XBNMA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -1974,16 +2308,20 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@babel/runtime': 7.24.0
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-checkbox@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-CBuGQa52aAYnADZVt/KBQzXrwx6TqnlwtcIPGtVt5JkkzQwMOLJjPukimhfKEr4GQNd43C+djUh5Ikopj8pSLg==}
+  /@radix-ui/react-arrow@1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -1995,23 +2333,16 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-size': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-collapsible@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-UBmVDkmR6IvDsloHVN+3rtx4Mi5TFvylYXpluuv0f37dtaz3H99bp8No0LGXRigVpl3UAT4l9j6bIchh42S/Gg==}
+  /@radix-ui/react-checkbox@1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-CBuGQa52aAYnADZVt/KBQzXrwx6TqnlwtcIPGtVt5JkkzQwMOLJjPukimhfKEr4GQNd43C+djUh5Ikopj8pSLg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -2023,23 +2354,23 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-size': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-collection@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==}
+  /@radix-ui/react-collapsible@1.0.3(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-UBmVDkmR6IvDsloHVN+3rtx4Mi5TFvylYXpluuv0f37dtaz3H99bp8No0LGXRigVpl3UAT4l9j6bIchh42S/Gg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -2051,27 +2382,45 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@babel/runtime': 7.24.0
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-compose-refs@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==}
+  /@radix-ui/react-collection@1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==}
     peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-compose-refs@1.0.1(@types/react@18.2.48)(react@18.2.0):
+  /@radix-ui/react-compose-refs@1.0.1(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==}
     peerDependencies:
       '@types/react': '*'
@@ -2080,21 +2429,12 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@types/react': 18.2.48
+      '@babel/runtime': 7.24.0
+      '@types/react': 18.2.64
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-context@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==}
-    peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-    dependencies:
-      '@babel/runtime': 7.23.9
-      react: 18.2.0
-    dev: false
-
-  /@radix-ui/react-context@1.0.1(@types/react@18.2.48)(react@18.2.0):
+  /@radix-ui/react-context@1.0.1(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==}
     peerDependencies:
       '@types/react': '*'
@@ -2103,39 +2443,12 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@types/react': 18.2.48
-      react: 18.2.0
-    dev: false
-
-  /@radix-ui/react-dialog@1.0.0(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Yn9YU+QlHYLWwV1XfKiqnGVpWYWk6MeBVM6x/bcoyPvxgjQGoeT35482viLPctTMWoMw0PoHgqfSox7Ig+957Q==}
-    peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
-    dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/primitive': 1.0.0
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-context': 1.0.0(react@18.2.0)
-      '@radix-ui/react-dismissable-layer': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-focus-guards': 1.0.0(react@18.2.0)
-      '@radix-ui/react-focus-scope': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-id': 1.0.0(react@18.2.0)
-      '@radix-ui/react-portal': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-presence': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-slot': 1.0.0(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.0(react@18.2.0)
-      aria-hidden: 1.2.3
+      '@babel/runtime': 7.24.0
+      '@types/react': 18.2.64
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      react-remove-scroll: 2.5.4(@types/react@18.2.48)(react@18.2.0)
-    transitivePeerDependencies:
-      - '@types/react'
     dev: false
 
-  /@radix-ui/react-dialog@1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
+  /@radix-ui/react-dialog@1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-GjWJX/AUpB703eEBanuBnIWdIXg6NvJFCXcNlSZk4xdszCdhrJgBoUd1cGk67vFO+WdA2pfI/plOpqz/5GUP6Q==}
     peerDependencies:
       '@types/react': '*'
@@ -2148,28 +2461,28 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       aria-hidden: 1.2.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      react-remove-scroll: 2.5.5(@types/react@18.2.48)(react@18.2.0)
+      react-remove-scroll: 2.5.5(@types/react@18.2.64)(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-direction@1.0.1(@types/react@18.2.48)(react@18.2.0):
+  /@radix-ui/react-direction@1.0.1(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==}
     peerDependencies:
       '@types/react': '*'
@@ -2178,28 +2491,12 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@types/react': 18.2.48
-      react: 18.2.0
-    dev: false
-
-  /@radix-ui/react-dismissable-layer@1.0.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-n7kDRfx+LB1zLueRDvZ1Pd0bxdJWDUZNQ/GWoxDn2prnuJKRdxsjulejX/ePkOsLi2tTm6P24mDqlMSgQpsT6g==}
-    peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
-    dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/primitive': 1.0.0
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
-      '@radix-ui/react-use-escape-keydown': 1.0.0(react@18.2.0)
+      '@babel/runtime': 7.24.0
+      '@types/react': 18.2.64
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-dismissable-layer@1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
+  /@radix-ui/react-dismissable-layer@1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==}
     peerDependencies:
       '@types/react': '*'
@@ -2212,19 +2509,19 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-dropdown-menu@2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
+  /@radix-ui/react-dropdown-menu@2.0.6(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-i6TuFOoWmLWq+M/eCLGd/bQ2HfAX1RJgvrBQ6AQLmzfvsLdefxbWu8G9zczcPFfcSPehz9GcpF6K9QYreFV8hA==}
     peerDependencies:
       '@types/react': '*'
@@ -2237,30 +2534,21 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-menu': 2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-menu': 2.0.6(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-focus-guards@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-UagjDk4ijOAnGu4WMUPj9ahi7/zJJqNZ9ZAiGPp7waUWJO0O1aWXi/udPphI0IUjvrhBsZJGSN66dR2dsueLWQ==}
-    peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-    dependencies:
-      '@babel/runtime': 7.23.9
-      react: 18.2.0
-    dev: false
-
-  /@radix-ui/react-focus-guards@1.0.1(@types/react@18.2.48)(react@18.2.0):
+  /@radix-ui/react-focus-guards@1.0.1(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==}
     peerDependencies:
       '@types/react': '*'
@@ -2269,26 +2557,12 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@types/react': 18.2.48
-      react: 18.2.0
-    dev: false
-
-  /@radix-ui/react-focus-scope@1.0.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-C4SWtsULLGf/2L4oGeIHlvWQx7Rf+7cX/vKOAD2dXW0A1b5QXwi3wWeaEgW+wn+SEVrraMUk05vLU9fZZz5HbQ==}
-    peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
-    dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
+      '@babel/runtime': 7.24.0
+      '@types/react': 18.2.64
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-focus-scope@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
+  /@radix-ui/react-focus-scope@1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==}
     peerDependencies:
       '@types/react': '*'
@@ -2301,27 +2575,25 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-id@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-Q6iAB/U7Tq3NTolBBQbHTgclPmGWE3OlktGGqrClPozSw4vkQ1DfQAOtzgRPecKsMdJINE05iaoDUG8tRzCBjw==}
+  /@radix-ui/react-icons@1.3.0(react@18.2.0):
+    resolution: {integrity: sha512-jQxj/0LKgp+j9BiTXz3O3sgs26RNet2iLWmsPyRz2SIcR4q/4SbazXfnYwbAr+vLYKSfc7qxzyGQA1HLlYiuNw==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      react: ^16.x || ^17.x || ^18.x
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-use-layout-effect': 1.0.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-id@1.0.1(@types/react@18.2.48)(react@18.2.0):
+  /@radix-ui/react-id@1.0.1(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==}
     peerDependencies:
       '@types/react': '*'
@@ -2330,14 +2602,14 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-menu@2.0.6(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-BVkFLS+bUC8HcImkRKPSiVumA1VPOOEC5WBMiT+QAVsPzW1FJzI9KnqgGxVDPBcql5xXrHkD3JOVoXWEXD8SYA==}
+  /@radix-ui/react-label@2.0.2(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-N5ehvlM7qoTLx7nWPodsPYPgMzA5WM8zZChQg8nyFJKnDO5WHdba1vv5/H6IO5LtJMfD2Q3wh1qHFGNtK0w3bQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -2349,33 +2621,15 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
-      aria-hidden: 1.2.3
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      react-remove-scroll: 2.5.5(@types/react@18.2.48)(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-popper@1.1.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-cKpopj/5RHZWjrbF2846jBNacjQVwkP068DfmgrNJXpvVWrOvlAmE9xSiy5OqeE+Gi8D9fP+oDhUnPqNMY8/5w==}
+  /@radix-ui/react-menu@2.0.6(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-BVkFLS+bUC8HcImkRKPSiVumA1VPOOEC5WBMiT+QAVsPzW1FJzI9KnqgGxVDPBcql5xXrHkD3JOVoXWEXD8SYA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -2387,37 +2641,67 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@floating-ui/react-dom': 2.0.8(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-arrow': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-rect': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-size': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/rect': 1.0.1
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@babel/runtime': 7.24.0
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
+      aria-hidden: 1.2.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
+      react-remove-scroll: 2.5.5(@types/react@18.2.64)(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-portal@1.0.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-a8qyFO/Xb99d8wQdu4o7qnigNjTPG123uADNecz0eX4usnQEj7o+cG4ZX4zkqq98NYekT7UoEQIjxBNWIFuqTA==}
+  /@radix-ui/react-navigation-menu@1.1.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Cc+seCS3PmWmjI51ufGG7zp1cAAIRqHVw7C9LOA2TZ+R4hG6rDvHcTqIsEEFLmZO3zNVH72jOOE7kKNy8W+RtA==}
     peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
+      '@babel/runtime': 7.24.0
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-portal@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==}
+  /@radix-ui/react-popover@1.0.7(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-shtvVnlsxT6faMnK/a7n0wptwBD23xc1Z5mdrtKLwVEfsEMXodS0r5s0/g5P0hX//EKYZS2sxUjqfzlg52ZSnQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -2429,29 +2713,59 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@babel/runtime': 7.24.0
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
+      aria-hidden: 1.2.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
+      react-remove-scroll: 2.5.5(@types/react@18.2.64)(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-presence@1.0.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-A+6XEvN01NfVWiKu38ybawfHsBjWum42MRPnEuqPsBZ4eV7e/7K321B5VgYMPv3Xx5An6o1/l9ZuDBgmcmWK3w==}
+  /@radix-ui/react-popper@1.1.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-cKpopj/5RHZWjrbF2846jBNacjQVwkP068DfmgrNJXpvVWrOvlAmE9xSiy5OqeE+Gi8D9fP+oDhUnPqNMY8/5w==}
     peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-use-layout-effect': 1.0.0(react@18.2.0)
+      '@babel/runtime': 7.24.0
+      '@floating-ui/react-dom': 2.0.8(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-arrow': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-rect': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-size': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/rect': 1.0.1
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-presence@1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==}
+  /@radix-ui/react-portal@1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
@@ -2463,28 +2777,37 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-primitive@1.0.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-EyXe6mnRlHZ8b6f4ilTDrXmkLShICIuOTTj0GX4w1rp+wSxf3+TD05u1UOITC8VsJ2a9nwHvdXtOXEOl0Cw/zQ==}
+  /@radix-ui/react-presence@1.0.1(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==}
     peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-slot': 1.0.0(react@18.2.0)
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-primitive@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
+  /@radix-ui/react-primitive@1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==}
     peerDependencies:
       '@types/react': '*'
@@ -2497,15 +2820,36 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@radix-ui/react-progress@1.0.3(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-5G6Om/tYSxjSeEdrb1VfKkfZfn/1IlPWd731h2RfPuSbIfNUgfqAwbKfJCg/PP6nuUCTrYzalwHSpSinoWoCag==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-roving-focus@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
+  /@radix-ui/react-roving-focus@1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-2mUg5Mgcu001VkGy+FfzZyzbmuUWzgWkj3rvv4yu+mLw03+mTzbxZHvfcGyFp2b8EkQeMkpRQ5FiA2Vr2O6TeQ==}
     peerDependencies:
       '@types/react': '*'
@@ -2518,23 +2862,23 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-scroll-area@1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
+  /@radix-ui/react-scroll-area@1.0.5(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-b6PAgH4GQf9QEn8zbT2XUHpW5z8BzqEc7Kl11TwDrvuTrxlkcjTD5qa/bxgKr+nmuXKu4L/W5UZ4mlP/VG/5Gw==}
     peerDependencies:
       '@types/react': '*'
@@ -2547,23 +2891,22 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@radix-ui/number': 1.0.1
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-select@2.0.0(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
+  /@radix-ui/react-select@2.0.0(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-RH5b7af4oHtkcHS7pG6Sgv5rk5Wxa7XI8W5gvB1N/yiuDGZxko1ynvOiVhFM7Cis2A8zxF9bTOUVbRDzPepe6w==}
     peerDependencies:
       '@types/react': '*'
@@ -2576,35 +2919,35 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@radix-ui/number': 1.0.1
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       aria-hidden: 1.2.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      react-remove-scroll: 2.5.5(@types/react@18.2.48)(react@18.2.0)
+      react-remove-scroll: 2.5.5(@types/react@18.2.64)(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-separator@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
+  /@radix-ui/react-separator@1.0.3(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-itYmTy/kokS21aiV5+Z56MZB54KrhPgn6eHDKkFeOLR34HMN2s8PaN47qZZAGnvupcjxHaFZnW4pQEh0BvvVuw==}
     peerDependencies:
       '@types/react': '*'
@@ -2617,25 +2960,14 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-slot@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-3mrKauI/tWXo1Ll+gN5dHcxDPdm/Df1ufcDLCecn+pnCIVcdWE7CujXo8QaXOWRJyZyQWWbpB8eFwHzWXlv5mQ==}
-    peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-    dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
-
-  /@radix-ui/react-slot@1.0.2(@types/react@18.2.48)(react@18.2.0):
+  /@radix-ui/react-slot@1.0.2(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==}
     peerDependencies:
       '@types/react': '*'
@@ -2644,13 +2976,13 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-switch@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
+  /@radix-ui/react-switch@1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-mxm87F88HyHztsI7N+ZUmEoARGkC22YVW5CaC+Byc+HRpuvCrOBPTAnXgf+tZ/7i0Sg/eOePGdMhUKhPaQEqow==}
     peerDependencies:
       '@types/react': '*'
@@ -2663,21 +2995,21 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-use-size': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-size': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-tabs@1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
+  /@radix-ui/react-tabs@1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-egZfYY/+wRNCflXNHx+dePvnz9FbmssDTJBtgRfDY7e8SE5oIo3Py2eCB1ckAbh1Q7cQ/6yJZThJ++sgbxibog==}
     peerDependencies:
       '@types/react': '*'
@@ -2690,55 +3022,98 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-use-callback-ref@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==}
+  /@radix-ui/react-toast@1.1.5(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-fRLn227WHIBRSzuRzGJ8W+5YALxofH23y0MlPLddaIpLpCDqdE0NZlS2NRQDRiptfxDeeCjgFIpexB1/zkxDlw==}
     peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.2.48)(react@18.2.0):
-    resolution: {integrity: sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==}
+  /@radix-ui/react-tooltip@1.0.7(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-lPh5iKNFVQ/jav/j6ZrWq3blfDJ0OH9R6FlNUHPMqdLuQ9vwDgFsRxvl8b7Asuy5c8xmoojHUxKHQSOAvMHxyw==}
     peerDependencies:
       '@types/react': '*'
+      '@types/react-dom': '*'
       react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@types/react': 18.2.48
+      '@babel/runtime': 7.24.0
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-use-controllable-state@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==}
+  /@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.2.64)(react@18.2.0):
+    resolution: {integrity: sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==}
     peerDependencies:
+      '@types/react': '*'
       react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
+      '@babel/runtime': 7.24.0
+      '@types/react': 18.2.64
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.2.48)(react@18.2.0):
+  /@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==}
     peerDependencies:
       '@types/react': '*'
@@ -2747,23 +3122,13 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      react: 18.2.0
-    dev: false
-
-  /@radix-ui/react-use-escape-keydown@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-JwfBCUIfhXRxKExgIqGa4CQsiMemo1Xt0W/B4ei3fpzpvPENKpMKQ8mZSB6Acj3ebrAEgi2xiQvcI1PAAodvyg==}
-    peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-    dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.2.48)(react@18.2.0):
+  /@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==}
     peerDependencies:
       '@types/react': '*'
@@ -2772,22 +3137,13 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
-      react: 18.2.0
-    dev: false
-
-  /@radix-ui/react-use-layout-effect@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==}
-    peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-    dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.2.48)(react@18.2.0):
+  /@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==}
     peerDependencies:
       '@types/react': '*'
@@ -2796,12 +3152,12 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@types/react': 18.2.48
+      '@babel/runtime': 7.24.0
+      '@types/react': 18.2.64
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-use-previous@1.0.1(@types/react@18.2.48)(react@18.2.0):
+  /@radix-ui/react-use-previous@1.0.1(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==}
     peerDependencies:
       '@types/react': '*'
@@ -2810,12 +3166,12 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@types/react': 18.2.48
+      '@babel/runtime': 7.24.0
+      '@types/react': 18.2.64
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-use-rect@1.0.1(@types/react@18.2.48)(react@18.2.0):
+  /@radix-ui/react-use-rect@1.0.1(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==}
     peerDependencies:
       '@types/react': '*'
@@ -2824,13 +3180,13 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@radix-ui/rect': 1.0.1
-      '@types/react': 18.2.48
+      '@types/react': 18.2.64
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-use-size@1.0.1(@types/react@18.2.48)(react@18.2.0):
+  /@radix-ui/react-use-size@1.0.1(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==}
     peerDependencies:
       '@types/react': '*'
@@ -2839,13 +3195,13 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.48)(react@18.2.0)
-      '@types/react': 18.2.48
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.64)(react@18.2.0)
+      '@types/react': 18.2.64
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
+  /@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==}
     peerDependencies:
       '@types/react': '*'
@@ -2858,10 +3214,10 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.23.9
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.18)(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      '@types/react': 18.2.48
-      '@types/react-dom': 18.2.18
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.64
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
@@ -2869,117 +3225,113 @@ packages:
   /@radix-ui/rect@1.0.1:
     resolution: {integrity: sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==}
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
     dev: false
 
-  /@rollup/rollup-android-arm-eabi@4.9.6:
-    resolution: {integrity: sha512-MVNXSSYN6QXOulbHpLMKYi60ppyO13W9my1qogeiAqtjb2yR4LSmfU2+POvDkLzhjYLXz9Rf9+9a3zFHW1Lecg==}
+  /@rollup/rollup-android-arm-eabi@4.12.1:
+    resolution: {integrity: sha512-iU2Sya8hNn1LhsYyf0N+L4Gf9Qc+9eBTJJJsaOGUp+7x4n2M9dxTt8UvhJl3oeftSjblSlpCfvjA/IfP3g5VjQ==}
     cpu: [arm]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-android-arm64@4.9.6:
-    resolution: {integrity: sha512-T14aNLpqJ5wzKNf5jEDpv5zgyIqcpn1MlwCrUXLrwoADr2RkWA0vOWP4XxbO9aiO3dvMCQICZdKeDrFl7UMClw==}
+  /@rollup/rollup-android-arm64@4.12.1:
+    resolution: {integrity: sha512-wlzcWiH2Ir7rdMELxFE5vuM7D6TsOcJ2Yw0c3vaBR3VOsJFVTx9xvwnAvhgU5Ii8Gd6+I11qNHwndDscIm0HXg==}
     cpu: [arm64]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-darwin-arm64@4.9.6:
-    resolution: {integrity: sha512-CqNNAyhRkTbo8VVZ5R85X73H3R5NX9ONnKbXuHisGWC0qRbTTxnF1U4V9NafzJbgGM0sHZpdO83pLPzq8uOZFw==}
+  /@rollup/rollup-darwin-arm64@4.12.1:
+    resolution: {integrity: sha512-YRXa1+aZIFN5BaImK+84B3uNK8C6+ynKLPgvn29X9s0LTVCByp54TB7tdSMHDR7GTV39bz1lOmlLDuedgTwwHg==}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-darwin-x64@4.9.6:
-    resolution: {integrity: sha512-zRDtdJuRvA1dc9Mp6BWYqAsU5oeLixdfUvkTHuiYOHwqYuQ4YgSmi6+/lPvSsqc/I0Omw3DdICx4Tfacdzmhog==}
+  /@rollup/rollup-darwin-x64@4.12.1:
+    resolution: {integrity: sha512-opjWJ4MevxeA8FhlngQWPBOvVWYNPFkq6/25rGgG+KOy0r8clYwL1CFd+PGwRqqMFVQ4/Qd3sQu5t7ucP7C/Uw==}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm-gnueabihf@4.9.6:
-    resolution: {integrity: sha512-oNk8YXDDnNyG4qlNb6is1ojTOGL/tRhbbKeE/YuccItzerEZT68Z9gHrY3ROh7axDc974+zYAPxK5SH0j/G+QQ==}
+  /@rollup/rollup-linux-arm-gnueabihf@4.12.1:
+    resolution: {integrity: sha512-uBkwaI+gBUlIe+EfbNnY5xNyXuhZbDSx2nzzW8tRMjUmpScd6lCQYKY2V9BATHtv5Ef2OBq6SChEP8h+/cxifQ==}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-gnu@4.9.6:
-    resolution: {integrity: sha512-Z3O60yxPtuCYobrtzjo0wlmvDdx2qZfeAWTyfOjEDqd08kthDKexLpV97KfAeUXPosENKd8uyJMRDfFMxcYkDQ==}
+  /@rollup/rollup-linux-arm64-gnu@4.12.1:
+    resolution: {integrity: sha512-0bK9aG1kIg0Su7OcFTlexkVeNZ5IzEsnz1ept87a0TUgZ6HplSgkJAnFpEVRW7GRcikT4GlPV0pbtVedOaXHQQ==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-musl@4.9.6:
-    resolution: {integrity: sha512-gpiG0qQJNdYEVad+1iAsGAbgAnZ8j07FapmnIAQgODKcOTjLEWM9sRb+MbQyVsYCnA0Im6M6QIq6ax7liws6eQ==}
+  /@rollup/rollup-linux-arm64-musl@4.12.1:
+    resolution: {integrity: sha512-qB6AFRXuP8bdkBI4D7UPUbE7OQf7u5OL+R94JE42Z2Qjmyj74FtDdLGeriRyBDhm4rQSvqAGCGC01b8Fu2LthQ==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-riscv64-gnu@4.9.6:
-    resolution: {integrity: sha512-+uCOcvVmFUYvVDr27aiyun9WgZk0tXe7ThuzoUTAukZJOwS5MrGbmSlNOhx1j80GdpqbOty05XqSl5w4dQvcOA==}
+  /@rollup/rollup-linux-riscv64-gnu@4.12.1:
+    resolution: {integrity: sha512-sHig3LaGlpNgDj5o8uPEoGs98RII8HpNIqFtAI8/pYABO8i0nb1QzT0JDoXF/pxzqO+FkxvwkHZo9k0NJYDedg==}
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-x64-gnu@4.9.6:
-    resolution: {integrity: sha512-HUNqM32dGzfBKuaDUBqFB7tP6VMN74eLZ33Q9Y1TBqRDn+qDonkAUyKWwF9BR9unV7QUzffLnz9GrnKvMqC/fw==}
+  /@rollup/rollup-linux-x64-gnu@4.12.1:
+    resolution: {integrity: sha512-nD3YcUv6jBJbBNFvSbp0IV66+ba/1teuBcu+fBBPZ33sidxitc6ErhON3JNavaH8HlswhWMC3s5rgZpM4MtPqQ==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-x64-musl@4.9.6:
-    resolution: {integrity: sha512-ch7M+9Tr5R4FK40FHQk8VnML0Szi2KRujUgHXd/HjuH9ifH72GUmw6lStZBo3c3GB82vHa0ZoUfjfcM7JiiMrQ==}
+  /@rollup/rollup-linux-x64-musl@4.12.1:
+    resolution: {integrity: sha512-7/XVZqgBby2qp/cO0TQ8uJK+9xnSdJ9ct6gSDdEr4MfABrjTyrW6Bau7HQ73a2a5tPB7hno49A0y1jhWGDN9OQ==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-arm64-msvc@4.9.6:
-    resolution: {integrity: sha512-VD6qnR99dhmTQ1mJhIzXsRcTBvTjbfbGGwKAHcu+52cVl15AC/kplkhxzW/uT0Xl62Y/meBKDZvoJSJN+vTeGA==}
+  /@rollup/rollup-win32-arm64-msvc@4.12.1:
+    resolution: {integrity: sha512-CYc64bnICG42UPL7TrhIwsJW4QcKkIt9gGlj21gq3VV0LL6XNb1yAdHVp1pIi9gkts9gGcT3OfUYHjGP7ETAiw==}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-ia32-msvc@4.9.6:
-    resolution: {integrity: sha512-J9AFDq/xiRI58eR2NIDfyVmTYGyIZmRcvcAoJ48oDld/NTR8wyiPUu2X/v1navJ+N/FGg68LEbX3Ejd6l8B7MQ==}
+  /@rollup/rollup-win32-ia32-msvc@4.12.1:
+    resolution: {integrity: sha512-LN+vnlZ9g0qlHGlS920GR4zFCqAwbv2lULrR29yGaWP9u7wF5L7GqWu9Ah6/kFZPXPUkpdZwd//TNR+9XC9hvA==}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-x64-msvc@4.9.6:
-    resolution: {integrity: sha512-jqzNLhNDvIZOrt69Ce4UjGRpXJBzhUBzawMwnaDAwyHriki3XollsewxWzOzz+4yOFDkuJHtTsZFwMxhYJWmLQ==}
+  /@rollup/rollup-win32-x64-msvc@4.12.1:
+    resolution: {integrity: sha512-n+vkrSyphvmU0qkQ6QBNXCGr2mKjhP08mPRM/Xp5Ck2FV4NrHU+y6axzDeixUrCBHVUS51TZhjqrKBBsHLKb2Q==}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rushstack/eslint-patch@1.7.2:
-    resolution: {integrity: sha512-RbhOOTCNoCrbfkRyoXODZp75MlpiHMgbE5MEBZAnnnLyQNgrigEj4p0lzsMDyc1zVsJDLrivB58tgg3emX0eEA==}
-    dev: true
-
   /@sinclair/typebox@0.27.8:
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
     dev: true
@@ -2989,7 +3341,7 @@ packages:
     dependencies:
       tslib: 2.6.2
 
-  /@t3-oss/env-core@0.7.3(typescript@5.3.3)(zod@3.22.4):
+  /@t3-oss/env-core@0.7.3(typescript@5.4.2)(zod@3.22.4):
     resolution: {integrity: sha512-hhtj59TKC6TKVdwJ0CcbKsvkr9R8Pc/SNKd4IgGUIC9T9X6moB8EZZ3FTJdABA/h9UABCK4J+KsF8gzmvMvHPg==}
     peerDependencies:
       typescript: '>=4.7.2'
@@ -2998,11 +3350,11 @@ packages:
       typescript:
         optional: true
     dependencies:
-      typescript: 5.3.3
+      typescript: 5.4.2
       zod: 3.22.4
     dev: false
 
-  /@t3-oss/env-nextjs@0.7.3(typescript@5.3.3)(zod@3.22.4):
+  /@t3-oss/env-nextjs@0.7.3(typescript@5.4.2)(zod@3.22.4):
     resolution: {integrity: sha512-90TNffS17vjkQwfYyMUb4Zw9yqHwFV40f78qFug4JiQa5+N6DydTdlLOpzOcj8Cna/qpAVDwMSypofF/TVQDuA==}
     peerDependencies:
       typescript: '>=4.7.2'
@@ -3011,8 +3363,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@t3-oss/env-core': 0.7.3(typescript@5.3.3)(zod@3.22.4)
-      typescript: 5.3.3
+      '@t3-oss/env-core': 0.7.3(typescript@5.4.2)(zod@3.22.4)
+      typescript: 5.4.2
       zod: 3.22.4
     dev: false
 
@@ -3025,23 +3377,23 @@ packages:
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 3.4.1(ts-node@10.9.2)
-    dev: false
+      tailwindcss: 3.4.1
+    dev: true
 
-  /@tanstack/react-table@8.11.8(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-NEwvIq4iSiDQozEyvbdiSdCOiLa+g5xHmdEnvwDb98FObcK6YkBOkRrs/CNqrKdDy+/lqoIllIWHk+M80GW6+g==}
+  /@tanstack/react-table@8.13.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-b6mR3mYkjRtJ443QZh9sc7CvGTce81J35F/XMr0OoWbx0KIM7TTTdyNP2XKObvkLpYnLpCrYDwI3CZnLezWvpg==}
     engines: {node: '>=12'}
     peerDependencies:
       react: '>=16'
       react-dom: '>=16'
     dependencies:
-      '@tanstack/table-core': 8.11.8
+      '@tanstack/table-core': 8.13.2
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@tanstack/table-core@8.11.8:
-    resolution: {integrity: sha512-DECHvtq4YW4U/gqg6etup7ydt/RB1Bi1pJaMpHUXl65ooW1d71Nv7BzD66rUdHrBSNdyiW3PLTPUQlpXjAgDeA==}
+  /@tanstack/table-core@8.13.2:
+    resolution: {integrity: sha512-/2saD1lWBUV6/uNAwrsg2tw58uvMJ07bO2F1IWMxjFRkJiXKQRuc3Oq2aufeobD3873+4oIM/DRySIw7+QsPPw==}
     engines: {node: '>=12'}
     dev: false
 
@@ -3050,7 +3402,7 @@ packages:
     engines: {node: '>=14'}
     dependencies:
       '@babel/code-frame': 7.23.5
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@types/aria-query': 5.0.4
       aria-query: 5.1.3
       chalk: 4.1.2
@@ -3066,31 +3418,13 @@ packages:
       react: ^18.0.0
       react-dom: ^18.0.0
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       '@testing-library/dom': 9.3.4
-      '@types/react-dom': 18.2.19
+      '@types/react-dom': 18.2.21
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /@tsconfig/node10@1.0.9:
-    resolution: {integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==}
-
-  /@tsconfig/node12@1.0.11:
-    resolution: {integrity: sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==}
-
-  /@tsconfig/node14@1.0.3:
-    resolution: {integrity: sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==}
-
-  /@tsconfig/node16@1.0.4:
-    resolution: {integrity: sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==}
-
-  /@types/acorn@4.0.6:
-    resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==}
-    dependencies:
-      '@types/estree': 1.0.5
-    dev: false
-
   /@types/aria-query@5.0.4:
     resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
     dev: true
@@ -3098,8 +3432,8 @@ packages:
   /@types/babel__core@7.20.5:
     resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
     dependencies:
-      '@babel/parser': 7.23.9
-      '@babel/types': 7.23.9
+      '@babel/parser': 7.24.0
+      '@babel/types': 7.24.0
       '@types/babel__generator': 7.6.8
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.5
@@ -3108,33 +3442,33 @@ packages:
   /@types/babel__generator@7.6.8:
     resolution: {integrity: sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==}
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
     dev: true
 
   /@types/babel__template@7.4.4:
     resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
     dependencies:
-      '@babel/parser': 7.23.9
-      '@babel/types': 7.23.9
+      '@babel/parser': 7.24.0
+      '@babel/types': 7.24.0
     dev: true
 
   /@types/babel__traverse@7.20.5:
     resolution: {integrity: sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==}
     dependencies:
-      '@babel/types': 7.23.9
+      '@babel/types': 7.24.0
     dev: true
 
   /@types/body-parser@1.19.5:
     resolution: {integrity: sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==}
     dependencies:
       '@types/connect': 3.4.38
-      '@types/node': 20.11.19
+      '@types/node': 20.11.25
     dev: false
 
   /@types/connect@3.4.38:
     resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
     dependencies:
-      '@types/node': 20.11.19
+      '@types/node': 20.11.25
     dev: false
 
   /@types/cookies@0.7.7:
@@ -3143,40 +3477,41 @@ packages:
       '@types/connect': 3.4.38
       '@types/express': 4.17.14
       '@types/keygrip': 1.0.6
-      '@types/node': 20.11.19
+      '@types/node': 20.11.25
     dev: false
 
+  /@types/d3-interpolate-path@2.0.3:
+    resolution: {integrity: sha512-EmFAmzvZN9vmYfUEOLOQj/PWXkUKrMp0iGElacDIcYj3N2zFJ2Mk5DiL8J4fKYnnyQdcYOixABJx7TaIc4GcdA==}
+    dev: true
+
   /@types/debug@4.1.12:
     resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
     dependencies:
       '@types/ms': 0.7.34
-    dev: false
-
-  /@types/dom-speech-recognition@0.0.1:
-    resolution: {integrity: sha512-udCxb8DvjcDKfk1WTBzDsxFbLgYxmQGKrE/ricoMqHRNjSlSUCcamVTA5lIQqzY10mY5qCY0QDwBfFEwhfoDPw==}
-    dev: false
+    dev: true
 
-  /@types/eslint@8.56.2:
-    resolution: {integrity: sha512-uQDwm1wFHmbBbCZCqAlq6Do9LYwByNZHWzXppSnay9SuwJ+VRbjkbLABer54kcPnMSlG6Fdiy2yaFXm/z9Z5gw==}
+  /@types/eslint@8.56.5:
+    resolution: {integrity: sha512-u5/YPJHo1tvkSF2CE0USEkxon82Z5DBy2xR+qfyYNszpX9qcs4sT6uq2kBbj4BXY1+DBGDPnrhMZV3pKWGNukw==}
     dependencies:
       '@types/estree': 1.0.5
       '@types/json-schema': 7.0.15
     dev: true
 
-  /@types/estree-jsx@1.0.4:
-    resolution: {integrity: sha512-5idy3hvI9lAMqsyilBM+N+boaCf1MgoefbDxN6KEO5aK17TOHwFAYT9sjxzeKAiIWRUBgLxmZ9mPcnzZXtTcRQ==}
+  /@types/estree-jsx@1.0.5:
+    resolution: {integrity: sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==}
     dependencies:
       '@types/estree': 1.0.5
-    dev: false
+    dev: true
 
   /@types/estree@1.0.5:
     resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+    dev: true
 
-  /@types/express-serve-static-core@4.17.42:
-    resolution: {integrity: sha512-ckM3jm2bf/MfB3+spLPWYPUH573plBFwpOhqQ2WottxYV85j1HQFlxmnTq57X1yHY9awZPig06hL/cLMgNWHIQ==}
+  /@types/express-serve-static-core@4.17.43:
+    resolution: {integrity: sha512-oaYtiBirUOPQGSWNGPWnzyAFJ0BP3cwvN4oWZQY+zUBwpVIGsKUkpBpSztp74drYcjavs7SKFZ4DX1V2QeN8rg==}
     dependencies:
-      '@types/node': 20.11.19
-      '@types/qs': 6.9.11
+      '@types/node': 20.11.25
+      '@types/qs': 6.9.12
       '@types/range-parser': 1.2.7
       '@types/send': 0.17.4
     dev: false
@@ -3185,66 +3520,37 @@ packages:
     resolution: {integrity: sha512-TEbt+vaPFQ+xpxFLFssxUDXj5cWCxZJjIcB7Yg0k0GMHGtgtQgpvx/MUQUeAkNbA9AAGrwkAsoeItdTgS7FMyg==}
     dependencies:
       '@types/body-parser': 1.19.5
-      '@types/express-serve-static-core': 4.17.42
-      '@types/qs': 6.9.11
+      '@types/express-serve-static-core': 4.17.43
+      '@types/qs': 6.9.12
       '@types/serve-static': 1.15.5
     dev: false
 
-  /@types/google.maps@3.55.3:
-    resolution: {integrity: sha512-UF1nfj8h/Vj4wEcdjv5v314HkDB6AWaN34Fr/u+6Oaj+GSRlG+k4c3DnJNKv7S23RvDdvIPt4ON6ONJpzNnarA==}
-    dev: false
-
-  /@types/hast@2.3.10:
-    resolution: {integrity: sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==}
-    dependencies:
-      '@types/unist': 2.0.10
-    dev: false
-
   /@types/hast@3.0.4:
     resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
     dependencies:
       '@types/unist': 3.0.2
-    dev: false
-
-  /@types/hogan.js@3.0.5:
-    resolution: {integrity: sha512-/uRaY3HGPWyLqOyhgvW9Aa43BNnLZrNeQxl2p8wqId4UHMfPKolSB+U7BlZyO1ng7MkLnyEAItsBzCG0SDhqrA==}
-    dev: false
+    dev: true
 
   /@types/http-errors@2.0.4:
     resolution: {integrity: sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==}
     dev: false
 
-  /@types/js-yaml@4.0.9:
-    resolution: {integrity: sha512-k4MGaQl5TGo/iipqb2UDG2UwjXziSWkh0uysQelTlJpX1qGlpUZYm8PnO4DxG1qBomtJUdYJ6qR6xdIah10JLg==}
-    dev: false
-
   /@types/json-schema@7.0.15:
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
-    dev: true
 
   /@types/json5@0.0.29:
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
-    dev: true
+    dev: false
 
   /@types/keygrip@1.0.6:
     resolution: {integrity: sha512-lZuNAY9xeJt7Bx4t4dx0rYCDqGPW8RXhQZK1td7d4H6E9zYbLoOtjBvfwdTKpsyxQI/2jv+armjX/RW+ZNpXOQ==}
     dev: false
 
-  /@types/mdast@3.0.15:
-    resolution: {integrity: sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==}
-    dependencies:
-      '@types/unist': 2.0.10
-    dev: false
-
   /@types/mdast@4.0.3:
     resolution: {integrity: sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg==}
     dependencies:
       '@types/unist': 3.0.2
-    dev: false
-
-  /@types/mdx@2.0.11:
-    resolution: {integrity: sha512-HM5bwOaIQJIQbAYfax35HCKxx7a3KrK3nBtIqJgSOitivTD1y3oW9P3rxY9RkXYPUk7y/AjAohfHKmFpGE79zw==}
-    dev: false
+    dev: true
 
   /@types/mime@1.3.5:
     resolution: {integrity: sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==}
@@ -3256,51 +3562,46 @@ packages:
 
   /@types/minimist@1.2.5:
     resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==}
-    dev: false
+    dev: true
 
   /@types/ms@0.7.34:
     resolution: {integrity: sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==}
-    dev: false
+    dev: true
 
   /@types/node-fetch@2.6.2:
     resolution: {integrity: sha512-DHqhlq5jeESLy19TYhLakJ07kNumXWjcDdxXsLUMJZ6ue8VZJj4kLPQVE/2mdHh3xZziNF1xppu5lwmS53HR+A==}
     dependencies:
-      '@types/node': 20.11.19
+      '@types/node': 20.11.25
       form-data: 3.0.1
     dev: false
 
   /@types/node@12.20.55:
     resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
-    dev: false
+    dev: true
 
   /@types/node@16.18.6:
     resolution: {integrity: sha512-vmYJF0REqDyyU0gviezF/KHq/fYaUbFhkcNbQCuPGFQj6VTbXuHZoxs/Y7mutWe73C8AC6l9fFu8mSYiBAqkGA==}
     dev: false
 
-  /@types/node@20.11.16:
-    resolution: {integrity: sha512-gKb0enTmRCzXSSUJDq6/sPcqrfCv2mkkG6Jt/clpn5eiCbKTY+SgZUxo+p8ZKMof5dCp9vHQUAB7wOUTod22wQ==}
-    dependencies:
-      undici-types: 5.26.5
-    dev: true
-
-  /@types/node@20.11.19:
-    resolution: {integrity: sha512-7xMnVEcZFu0DikYjWOlRq7NTPETrm7teqUT2WkQjrTIkEgUyyGdWsj/Zg8bEJt5TNklzbPD1X3fqfsHw3SpapQ==}
+  /@types/node@20.11.25:
+    resolution: {integrity: sha512-TBHyJxk2b7HceLVGFcpAUjsa5zIdsPWlR6XHfyGzd0SFu+/NFgQgMAl96MSDZgQDvJAvV6BKsFOrt6zIL09JDw==}
     dependencies:
       undici-types: 5.26.5
 
   /@types/normalize-package-data@2.4.4:
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
+    dev: true
 
   /@types/papaparse@5.3.14:
     resolution: {integrity: sha512-LxJ4iEFcpqc6METwp9f6BV6VVc43m6MfH0VqFosHvrUgfXiFe6ww7R3itkOQ+TCK6Y+Iv/+RnnvtRZnkc5Kc9g==}
     dependencies:
-      '@types/node': 20.11.16
+      '@types/node': 20.11.25
     dev: true
 
   /@types/pg@8.6.6:
     resolution: {integrity: sha512-O2xNmXebtwVekJDD+02udOncjVcMZQuTEQEMpKJ0ZRf5E7/9JJX3izhKUcUifBkyKpljyUM6BTgy2trmviKlpw==}
     dependencies:
-      '@types/node': 20.11.19
+      '@types/node': 20.11.25
       pg-protocol: 1.6.0
       pg-types: 2.2.0
     dev: false
@@ -3308,34 +3609,21 @@ packages:
   /@types/prop-types@15.7.11:
     resolution: {integrity: sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==}
 
-  /@types/qs@6.9.11:
-    resolution: {integrity: sha512-oGk0gmhnEJK4Yyk+oI7EfXsLayXatCWPHary1MtcmbAifkobT9cM9yutG/hZKIseOU0MqbIwQ/u2nn/Gb+ltuQ==}
+  /@types/qs@6.9.12:
+    resolution: {integrity: sha512-bZcOkJ6uWrL0Qb2NAWKa7TBU+mJHPzhx9jjLL1KHF+XpzEcR7EXHvjbHlGtR/IsP1vyPrehuS6XqkmaePy//mg==}
     dev: false
 
   /@types/range-parser@1.2.7:
     resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==}
     dev: false
 
-  /@types/react-dom@18.2.18:
-    resolution: {integrity: sha512-TJxDm6OfAX2KJWJdMEVTwWke5Sc/E/RlnPGvGfS0W7+6ocy2xhDVQVh/KvC2Uf7kACs+gDytdusDSdWfWkaNzw==}
-    dependencies:
-      '@types/react': 18.2.57
-
-  /@types/react-dom@18.2.19:
-    resolution: {integrity: sha512-aZvQL6uUbIJpjZk4U8JZGbau9KDeAwMfmhyWorxgBkqDIEf6ROjRozcmPIicqsUwPUjbkDfHKgGee1Lq65APcA==}
+  /@types/react-dom@18.2.21:
+    resolution: {integrity: sha512-gnvBA/21SA4xxqNXEwNiVcP0xSGHh/gi1VhWv9Bl46a0ItbTT5nFY+G9VSQpaG/8N/qdJpJ+vftQ4zflTtnjLw==}
     dependencies:
-      '@types/react': 18.2.57
-    dev: true
-
-  /@types/react@18.2.48:
-    resolution: {integrity: sha512-qboRCl6Ie70DQQG9hhNREz81jqC1cs9EVNcjQ1AU+jH6NFfSAhVVbrrY/+nSF+Bsk4AOwm9Qa61InvMCyV+H3w==}
-    dependencies:
-      '@types/prop-types': 15.7.11
-      '@types/scheduler': 0.16.8
-      csstype: 3.1.3
+      '@types/react': 18.2.64
 
-  /@types/react@18.2.57:
-    resolution: {integrity: sha512-ZvQsktJgSYrQiMirAN60y4O/LRevIV8hUzSOSNB6gfR3/o3wCBFQx3sPwIYtuDMeiVgsSS3UzCV26tEzgnfvQw==}
+  /@types/react@18.2.64:
+    resolution: {integrity: sha512-MlmPvHgjj2p3vZaxbQgFUQFvD8QiZwACfGqEdDSWou5yISWxDQ4/74nCAwsUiX7UFLKZz3BbVSPj+YxeoGGCfg==}
     dependencies:
       '@types/prop-types': 15.7.11
       '@types/scheduler': 0.16.8
@@ -3344,14 +3632,14 @@ packages:
   /@types/scheduler@0.16.8:
     resolution: {integrity: sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==}
 
-  /@types/semver@7.5.6:
-    resolution: {integrity: sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==}
+  /@types/semver@7.5.8:
+    resolution: {integrity: sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==}
 
   /@types/send@0.17.4:
     resolution: {integrity: sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==}
     dependencies:
       '@types/mime': 1.3.5
-      '@types/node': 20.11.19
+      '@types/node': 20.11.25
     dev: false
 
   /@types/serve-static@1.15.5:
@@ -3359,135 +3647,102 @@ packages:
     dependencies:
       '@types/http-errors': 2.0.4
       '@types/mime': 3.0.4
-      '@types/node': 20.11.19
+      '@types/node': 20.11.25
     dev: false
 
   /@types/unist@2.0.10:
     resolution: {integrity: sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==}
-    dev: false
+    dev: true
 
   /@types/unist@3.0.2:
     resolution: {integrity: sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ==}
+    dev: true
 
-  /@typescript-eslint/eslint-plugin@6.20.0(@typescript-eslint/parser@6.20.0)(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-fTwGQUnjhoYHeSF6m5pWNkzmDDdsKELYrOBxhjMrofPqCkoC2k3B2wvGHFxa1CTIqkEn88nlW1HVMztjo2K8Hg==}
+  /@typescript-eslint/eslint-plugin@7.1.1(@typescript-eslint/parser@7.1.1)(eslint@8.57.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-zioDz623d0RHNhvx0eesUmGfIjzrk18nSBC8xewepKXbBvN/7c1qImV7Hg8TI1URTxKax7/zxfxj3Uph8Chcuw==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
+      '@typescript-eslint/parser': ^7.0.0
+      eslint: ^8.56.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
       '@eslint-community/regexpp': 4.10.0
-      '@typescript-eslint/parser': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/scope-manager': 6.20.0
-      '@typescript-eslint/type-utils': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/utils': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/visitor-keys': 6.20.0
+      '@typescript-eslint/parser': 7.1.1(eslint@8.57.0)(typescript@5.4.2)
+      '@typescript-eslint/scope-manager': 7.1.1
+      '@typescript-eslint/type-utils': 7.1.1(eslint@8.57.0)(typescript@5.4.2)
+      '@typescript-eslint/utils': 7.1.1(eslint@8.57.0)(typescript@5.4.2)
+      '@typescript-eslint/visitor-keys': 7.1.1
       debug: 4.3.4
-      eslint: 8.56.0
+      eslint: 8.57.0
       graphemer: 1.4.0
       ignore: 5.3.1
       natural-compare: 1.4.0
-      semver: 7.5.4
-      ts-api-utils: 1.0.3(typescript@5.3.3)
-      typescript: 5.3.3
+      semver: 7.6.0
+      ts-api-utils: 1.2.1(typescript@5.4.2)
+      typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
+    dev: false
 
-  /@typescript-eslint/parser@6.20.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-bYerPDF/H5v6V76MdMYhjwmwgMA+jlPVqjSDq2cRqMi8bP5sR3Z+RLOiOMad3nsnmDVmn2gAFCyNgh/dIrfP/w==}
+  /@typescript-eslint/parser@7.1.1(eslint@8.57.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-ZWUFyL0z04R1nAEgr9e79YtV5LbafdOtN7yapNbn1ansMyaegl2D4bL7vHoJ4HPSc4CaLwuCVas8CVuneKzplQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
+      eslint: ^8.56.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 6.20.0
-      '@typescript-eslint/types': 6.20.0
-      '@typescript-eslint/typescript-estree': 6.20.0(typescript@5.3.3)
-      '@typescript-eslint/visitor-keys': 6.20.0
+      '@typescript-eslint/scope-manager': 7.1.1
+      '@typescript-eslint/types': 7.1.1
+      '@typescript-eslint/typescript-estree': 7.1.1(typescript@5.4.2)
+      '@typescript-eslint/visitor-keys': 7.1.1
       debug: 4.3.4
-      eslint: 8.56.0
-      typescript: 5.3.3
+      eslint: 8.57.0
+      typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
-
-  /@typescript-eslint/scope-manager@5.62.0:
-    resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/visitor-keys': 5.62.0
-    dev: true
+    dev: false
 
-  /@typescript-eslint/scope-manager@6.20.0:
-    resolution: {integrity: sha512-p4rvHQRDTI1tGGMDFQm+GtxP1ZHyAh64WANVoyEcNMpaTFn3ox/3CcgtIlELnRfKzSs/DwYlDccJEtr3O6qBvA==}
+  /@typescript-eslint/scope-manager@7.1.1:
+    resolution: {integrity: sha512-cirZpA8bJMRb4WZ+rO6+mnOJrGFDd38WoXCEI57+CYBqta8Yc8aJym2i7vyqLL1vVYljgw0X27axkUXz32T8TA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': 6.20.0
-      '@typescript-eslint/visitor-keys': 6.20.0
-    dev: true
+      '@typescript-eslint/types': 7.1.1
+      '@typescript-eslint/visitor-keys': 7.1.1
+    dev: false
 
-  /@typescript-eslint/type-utils@6.20.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-qnSobiJQb1F5JjN0YDRPHruQTrX7ICsmltXhkV536mp4idGAYrIyr47zF/JmkJtEcAVnIz4gUYJ7gOZa6SmN4g==}
+  /@typescript-eslint/type-utils@7.1.1(eslint@8.57.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-5r4RKze6XHEEhlZnJtR3GYeCh1IueUHdbrukV2KSlLXaTjuSfeVF8mZUVPLovidCuZfbVjfhi4c0DNSa/Rdg5g==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
+      eslint: ^8.56.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 6.20.0(typescript@5.3.3)
-      '@typescript-eslint/utils': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/typescript-estree': 7.1.1(typescript@5.4.2)
+      '@typescript-eslint/utils': 7.1.1(eslint@8.57.0)(typescript@5.4.2)
       debug: 4.3.4
-      eslint: 8.56.0
-      ts-api-utils: 1.0.3(typescript@5.3.3)
-      typescript: 5.3.3
+      eslint: 8.57.0
+      ts-api-utils: 1.2.1(typescript@5.4.2)
+      typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
-
-  /@typescript-eslint/types@5.62.0:
-    resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
+    dev: false
 
-  /@typescript-eslint/types@6.20.0:
-    resolution: {integrity: sha512-MM9mfZMAhiN4cOEcUOEx+0HmuaW3WBfukBZPCfwSqFnQy0grXYtngKCqpQN339X3RrwtzspWJrpbrupKYUSBXQ==}
+  /@typescript-eslint/types@7.1.1:
+    resolution: {integrity: sha512-KhewzrlRMrgeKm1U9bh2z5aoL4s7K3tK5DwHDn8MHv0yQfWFz/0ZR6trrIHHa5CsF83j/GgHqzdbzCXJ3crx0Q==}
     engines: {node: ^16.0.0 || >=18.0.0}
-    dev: true
-
-  /@typescript-eslint/typescript-estree@5.62.0(typescript@5.3.3):
-    resolution: {integrity: sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/visitor-keys': 5.62.0
-      debug: 4.3.4
-      globby: 11.1.0
-      is-glob: 4.0.3
-      semver: 7.5.4
-      tsutils: 3.21.0(typescript@5.3.3)
-      typescript: 5.3.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
+    dev: false
 
-  /@typescript-eslint/typescript-estree@6.20.0(typescript@5.3.3):
-    resolution: {integrity: sha512-RnRya9q5m6YYSpBN7IzKu9FmLcYtErkDkc8/dKv81I9QiLLtVBHrjz+Ev/crAqgMNW2FCsoZF4g2QUylMnJz+g==}
+  /@typescript-eslint/typescript-estree@7.1.1(typescript@5.4.2):
+    resolution: {integrity: sha512-9ZOncVSfr+sMXVxxca2OJOPagRwT0u/UHikM2Rd6L/aB+kL/QAuTnsv6MeXtjzCJYb8PzrXarypSGIPx3Jemxw==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -3495,73 +3750,45 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 6.20.0
-      '@typescript-eslint/visitor-keys': 6.20.0
+      '@typescript-eslint/types': 7.1.1
+      '@typescript-eslint/visitor-keys': 7.1.1
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
       minimatch: 9.0.3
-      semver: 7.5.4
-      ts-api-utils: 1.0.3(typescript@5.3.3)
-      typescript: 5.3.3
+      semver: 7.6.0
+      ts-api-utils: 1.2.1(typescript@5.4.2)
+      typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
-
-  /@typescript-eslint/utils@5.62.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
-      '@types/json-schema': 7.0.15
-      '@types/semver': 7.5.6
-      '@typescript-eslint/scope-manager': 5.62.0
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.3.3)
-      eslint: 8.56.0
-      eslint-scope: 5.1.1
-      semver: 7.5.4
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
+    dev: false
 
-  /@typescript-eslint/utils@6.20.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-/EKuw+kRu2vAqCoDwDCBtDRU6CTKbUmwwI7SH7AashZ+W+7o8eiyy6V2cdOqN49KsTcASWsC5QeghYuRDTyOOg==}
+  /@typescript-eslint/utils@7.1.1(eslint@8.57.0)(typescript@5.4.2):
+    resolution: {integrity: sha512-thOXM89xA03xAE0lW7alstvnyoBUbBX38YtY+zAUcpRPcq9EIhXPuJ0YTv948MbzmKh6e1AUszn5cBFK49Umqg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
+      eslint: ^8.56.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@types/json-schema': 7.0.15
-      '@types/semver': 7.5.6
-      '@typescript-eslint/scope-manager': 6.20.0
-      '@typescript-eslint/types': 6.20.0
-      '@typescript-eslint/typescript-estree': 6.20.0(typescript@5.3.3)
-      eslint: 8.56.0
-      semver: 7.5.4
+      '@types/semver': 7.5.8
+      '@typescript-eslint/scope-manager': 7.1.1
+      '@typescript-eslint/types': 7.1.1
+      '@typescript-eslint/typescript-estree': 7.1.1(typescript@5.4.2)
+      eslint: 8.57.0
+      semver: 7.6.0
     transitivePeerDependencies:
       - supports-color
       - typescript
-    dev: true
-
-  /@typescript-eslint/visitor-keys@5.62.0:
-    resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': 5.62.0
-      eslint-visitor-keys: 3.4.3
-    dev: true
+    dev: false
 
-  /@typescript-eslint/visitor-keys@6.20.0:
-    resolution: {integrity: sha512-E8Cp98kRe4gKHjJD4NExXKz/zOJ1A2hhZc+IMVD6i7w4yjIvh6VyuRI0gRtxAsXtoC35uGMaQ9rjI2zJaXDEAw==}
+  /@typescript-eslint/visitor-keys@7.1.1:
+    resolution: {integrity: sha512-yTdHDQxY7cSoCcAtiBzVzxleJhkGB9NncSIyMYe2+OGON1ZsP9zOPws/Pqgopa65jvknOjlk/w7ulPlZ78PiLQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': 6.20.0
+      '@typescript-eslint/types': 7.1.1
       eslint-visitor-keys: 3.4.3
-    dev: true
+    dev: false
 
   /@ungap/structured-clone@1.2.0:
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
@@ -3589,101 +3816,54 @@ packages:
       ws: 8.14.2(bufferutil@4.0.8)(utf-8-validate@6.0.3)
     dev: false
 
-  /@vercel/style-guide@5.2.0(eslint@8.56.0)(prettier@3.2.4)(typescript@5.3.3):
-    resolution: {integrity: sha512-fNSKEaZvSkiBoF6XEefs8CcgAV9K9e+MbcsDZjUsktHycKdA0jvjAzQi1W/FzLS+Nr5zZ6oejCwq/97dHUKe0g==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      '@next/eslint-plugin-next': '>=12.3.0 <15'
-      eslint: '>=8.48.0 <9'
-      prettier: '>=3.0.0 <4'
-      typescript: '>=4.8.0 <6'
-    peerDependenciesMeta:
-      '@next/eslint-plugin-next':
-        optional: true
-      eslint:
-        optional: true
-      prettier:
-        optional: true
-      typescript:
-        optional: true
-    dependencies:
-      '@babel/core': 7.23.9
-      '@babel/eslint-parser': 7.23.10(@babel/core@7.23.9)(eslint@8.56.0)
-      '@rushstack/eslint-patch': 1.7.2
-      '@typescript-eslint/eslint-plugin': 6.20.0(@typescript-eslint/parser@6.20.0)(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/parser': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
-      eslint: 8.56.0
-      eslint-config-prettier: 9.1.0(eslint@8.56.0)
-      eslint-import-resolver-alias: 1.1.2(eslint-plugin-import@2.29.1)
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.20.0)(eslint-plugin-import@2.29.1)(eslint@8.56.0)
-      eslint-plugin-eslint-comments: 3.2.0(eslint@8.56.0)
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.20.0)(eslint@8.56.0)
-      eslint-plugin-jest: 27.6.3(@typescript-eslint/eslint-plugin@6.20.0)(eslint@8.56.0)(typescript@5.3.3)
-      eslint-plugin-jsx-a11y: 6.8.0(eslint@8.56.0)
-      eslint-plugin-playwright: 0.16.0(eslint-plugin-jest@27.6.3)(eslint@8.56.0)
-      eslint-plugin-react: 7.33.2(eslint@8.56.0)
-      eslint-plugin-react-hooks: 4.6.0(eslint@8.56.0)
-      eslint-plugin-testing-library: 6.2.0(eslint@8.56.0)(typescript@5.3.3)
-      eslint-plugin-tsdoc: 0.2.17
-      eslint-plugin-unicorn: 48.0.1(eslint@8.56.0)
-      prettier: 3.2.4
-      prettier-plugin-packagejson: 2.4.10(prettier@3.2.4)
-      typescript: 5.3.3
-    transitivePeerDependencies:
-      - eslint-import-resolver-node
-      - eslint-import-resolver-webpack
-      - jest
-      - supports-color
-    dev: true
-
-  /@vitejs/plugin-react@4.2.1(vite@5.0.12):
+  /@vitejs/plugin-react@4.2.1(vite@5.1.5):
     resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^4.2.0 || ^5.0.0
     dependencies:
-      '@babel/core': 7.23.9
-      '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.23.9)
-      '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.9)
+      '@babel/core': 7.24.0
+      '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.24.0)
+      '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.24.0)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.0
-      vite: 5.0.12(@types/node@20.11.16)
+      vite: 5.1.5(@types/node@20.11.25)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@vitest/expect@1.2.2:
-    resolution: {integrity: sha512-3jpcdPAD7LwHUUiT2pZTj2U82I2Tcgg2oVPvKxhn6mDI2On6tfvPQTjAI4628GUGDZrCm4Zna9iQHm5cEexOAg==}
+  /@vitest/expect@1.3.1:
+    resolution: {integrity: sha512-xofQFwIzfdmLLlHa6ag0dPV8YsnKOCP1KdAeVVh34vSjN2dcUiXYCD9htu/9eM7t8Xln4v03U9HLxLpPlsXdZw==}
     dependencies:
-      '@vitest/spy': 1.2.2
-      '@vitest/utils': 1.2.2
+      '@vitest/spy': 1.3.1
+      '@vitest/utils': 1.3.1
       chai: 4.4.1
     dev: true
 
-  /@vitest/runner@1.2.2:
-    resolution: {integrity: sha512-JctG7QZ4LSDXr5CsUweFgcpEvrcxOV1Gft7uHrvkQ+fsAVylmWQvnaAr/HDp3LAH1fztGMQZugIheTWjaGzYIg==}
+  /@vitest/runner@1.3.1:
+    resolution: {integrity: sha512-5FzF9c3jG/z5bgCnjr8j9LNq/9OxV2uEBAITOXfoe3rdZJTdO7jzThth7FXv/6b+kdY65tpRQB7WaKhNZwX+Kg==}
     dependencies:
-      '@vitest/utils': 1.2.2
+      '@vitest/utils': 1.3.1
       p-limit: 5.0.0
       pathe: 1.1.2
     dev: true
 
-  /@vitest/snapshot@1.2.2:
-    resolution: {integrity: sha512-SmGY4saEw1+bwE1th6S/cZmPxz/Q4JWsl7LvbQIky2tKE35US4gd0Mjzqfr84/4OD0tikGWaWdMja/nWL5NIPA==}
+  /@vitest/snapshot@1.3.1:
+    resolution: {integrity: sha512-EF++BZbt6RZmOlE3SuTPu/NfwBF6q4ABS37HHXzs2LUVPBLx2QoY/K0fKpRChSo8eLiuxcbCVfqKgx/dplCDuQ==}
     dependencies:
-      magic-string: 0.30.6
+      magic-string: 0.30.8
       pathe: 1.1.2
       pretty-format: 29.7.0
     dev: true
 
-  /@vitest/spy@1.2.2:
-    resolution: {integrity: sha512-k9Gcahssw8d7X3pSLq3e3XEu/0L78mUkCjivUqCQeXJm9clfXR/Td8+AP+VC1O6fKPIDLcHDTAmBOINVuv6+7g==}
+  /@vitest/spy@1.3.1:
+    resolution: {integrity: sha512-xAcW+S099ylC9VLU7eZfdT9myV67Nor9w9zhf0mGCYJSO+zM2839tOeROTdikOi/8Qeusffvxb/MyBSOja1Uig==}
     dependencies:
-      tinyspy: 2.2.0
+      tinyspy: 2.2.1
     dev: true
 
-  /@vitest/utils@1.2.2:
-    resolution: {integrity: sha512-WKITBHLsBHlpjnDQahr+XK6RE7MiAsgrIkr0pGhQ9ygoxBfUeG0lUG5iLlzqjmKSlBv3+j5EGsriBzh+C3Tq9g==}
+  /@vitest/utils@1.3.1:
+    resolution: {integrity: sha512-d3Waie/299qqRyHTm2DjADeTaNdNSVsnwHPWrs20JMpjh6eiVq7ggggweO8rc4arhf6rRkWuHKwvxGvejUXZZQ==}
     dependencies:
       diff-sequences: 29.6.3
       estree-walker: 3.0.3
@@ -3696,16 +3876,16 @@ packages:
     engines: {node: '>=16.0.0'}
     dev: true
 
-  /@whatwg-node/fetch@0.9.16:
-    resolution: {integrity: sha512-mqasZiUNquRe3ea9+aCAuo81BR6vq5opUKprPilIHTnrg8a21Z1T1OrI+KiMFX8OmwO5HUJe/vro47lpj2JPWQ==}
+  /@whatwg-node/fetch@0.9.17:
+    resolution: {integrity: sha512-TDYP3CpCrxwxpiNY0UMNf096H5Ihf67BK1iKGegQl5u9SlpEDYrvnV71gWBGJm+Xm31qOy8ATgma9rm8Pe7/5Q==}
     engines: {node: '>=16.0.0'}
     dependencies:
-      '@whatwg-node/node-fetch': 0.5.5
+      '@whatwg-node/node-fetch': 0.5.7
       urlpattern-polyfill: 10.0.0
     dev: true
 
-  /@whatwg-node/node-fetch@0.5.5:
-    resolution: {integrity: sha512-LhE0Oo95+dOrrzrJncrpCaR3VHSjJ5Gvkl5g9WVfkPKSKkxCbMeOsRQ+v9LrU9lRvXBJn8JicXqSufKFEpyRbQ==}
+  /@whatwg-node/node-fetch@0.5.7:
+    resolution: {integrity: sha512-YZA+N3JcW1eh2QRi7o/ij+M07M0dqID73ltgsOEMRyEc2UYVDbyomaih+CWCEZqBIDHw4KMDveXvv4SBZ4TLIw==}
     engines: {node: '>=16.0.0'}
     dependencies:
       '@kamilkisiela/fast-url-parser': 1.1.4
@@ -3715,18 +3895,14 @@ packages:
       tslib: 2.6.2
     dev: true
 
-  /@whatwg-node/server@0.9.24:
-    resolution: {integrity: sha512-ctBZf+DQU9mq62evvAuO3F9cKV7FUR9loJNvirByQreR35xayjpYUjuEok0LI2hwrrxIJmRs8EdnO+wJw4GuOg==}
+  /@whatwg-node/server@0.9.26:
+    resolution: {integrity: sha512-QqNktlXBqhpZtHf1rq8h2St/flbSegrGTAhhlYo8aOQagM7MrKy+GhAS9h2FAM7JVnxAIIV4NHSJHPcYf7TqzQ==}
     engines: {node: '>=16.0.0'}
     dependencies:
-      '@whatwg-node/fetch': 0.9.16
+      '@whatwg-node/fetch': 0.9.17
       tslib: 2.6.2
     dev: true
 
-  /abbrev@1.1.1:
-    resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
-    dev: false
-
   /acorn-jsx@5.3.2(acorn@8.11.3):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -3737,6 +3913,7 @@ packages:
   /acorn-walk@8.3.2:
     resolution: {integrity: sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==}
     engines: {node: '>=0.4.0'}
+    dev: true
 
   /acorn@8.11.3:
     resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
@@ -3759,16 +3936,6 @@ packages:
       fast-json-stable-stringify: 2.1.0
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
-    dev: true
-
-  /algoliasearch-helper@3.16.2(algoliasearch@4.22.1):
-    resolution: {integrity: sha512-Yl/Gu5Cq4Z5s/AJ0jR37OPI1H3+z7PHz657ibyaXgMOaWvPlZ3OACN13N+7HCLPUlB0BN+8BtmrG/CqTilowBA==}
-    peerDependencies:
-      algoliasearch: '>= 3.1 < 6'
-    dependencies:
-      '@algolia/events': 4.0.1
-      algoliasearch: 4.22.1
-    dev: false
 
   /algoliasearch@4.22.1:
     resolution: {integrity: sha512-jwydKFQJKIx9kIZ8Jm44SdpigFwRGPESaxZBaHSV0XWN2yBJAOT4mT7ppvlrpA4UGzz92pqFnVKr/kaZXrcreg==}
@@ -3792,7 +3959,7 @@ packages:
   /ansi-colors@4.1.3:
     resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
     engines: {node: '>=6'}
-    dev: false
+    dev: true
 
   /ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
@@ -3833,9 +4000,6 @@ packages:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
-  /arg@4.1.3:
-    resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
-
   /arg@5.0.2:
     resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
 
@@ -3843,7 +4007,7 @@ packages:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
     dependencies:
       sprintf-js: 1.0.3
-    dev: false
+    dev: true
 
   /argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
@@ -3865,85 +4029,118 @@ packages:
     resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
     dependencies:
       dequal: 2.0.3
-    dev: true
+    dev: false
 
-  /array-buffer-byte-length@1.0.0:
-    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
+  /array-buffer-byte-length@1.0.1:
+    resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
+    engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
-      is-array-buffer: 3.0.2
+      call-bind: 1.0.7
+      is-array-buffer: 3.0.4
 
   /array-includes@3.1.7:
     resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
-      get-intrinsic: 1.2.2
+      es-abstract: 1.22.5
+      get-intrinsic: 1.2.4
       is-string: 1.0.7
-    dev: true
+    dev: false
 
   /array-union@2.1.0:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
 
-  /array.prototype.findlastindex@1.2.3:
-    resolution: {integrity: sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==}
+  /array.prototype.filter@1.0.3:
+    resolution: {integrity: sha512-VizNcj/RGJiUyQBgzwxzE5oHdeuXY5hSbbmKMlphj1cy1Vl7Pn2asCGbSrru6hSQjmCzqTBPVWAF/whmEOVHbw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
+      es-abstract: 1.22.5
+      es-array-method-boxes-properly: 1.0.0
+      is-string: 1.0.7
+    dev: false
+
+  /array.prototype.findlast@1.2.4:
+    resolution: {integrity: sha512-BMtLxpV+8BD+6ZPFIWmnUBpQoy+A+ujcg4rhp2iwCRJYA7PEh2MS4NL3lz8EiDlLrJPp2hg9qWihr5pd//jcGw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.22.5
+      es-errors: 1.3.0
       es-shim-unscopables: 1.0.2
-      get-intrinsic: 1.2.2
-    dev: true
+    dev: false
+
+  /array.prototype.findlastindex@1.2.4:
+    resolution: {integrity: sha512-hzvSHUshSpCflDR1QMUBLHGHP1VIEBegT4pix9H/Z92Xw3ySoy6c2qh7lJWTJnRJ8JCZ9bJNCgTyYaJGcJu6xQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.22.5
+      es-errors: 1.3.0
+      es-shim-unscopables: 1.0.2
+    dev: false
 
   /array.prototype.flat@1.3.2:
     resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
+      es-abstract: 1.22.5
       es-shim-unscopables: 1.0.2
 
   /array.prototype.flatmap@1.3.2:
     resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
+      es-abstract: 1.22.5
       es-shim-unscopables: 1.0.2
-    dev: true
+    dev: false
 
-  /array.prototype.tosorted@1.1.2:
-    resolution: {integrity: sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==}
+  /array.prototype.toreversed@1.1.2:
+    resolution: {integrity: sha512-wwDCoT4Ck4Cz7sLtgUmzR5UV3YF5mFHUlbChCzZBQZ+0m2cl/DH3tKgvphv1nKgFsJ48oCSg6p91q2Vm0I/ZMA==}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
+      es-abstract: 1.22.5
       es-shim-unscopables: 1.0.2
-      get-intrinsic: 1.2.2
-    dev: true
+    dev: false
+
+  /array.prototype.tosorted@1.1.3:
+    resolution: {integrity: sha512-/DdH4TiTmOKzyQbp/eadcCVexiCb36xJg7HshYOYJnNZFDj33GEv0P7GxsynpShhq4OLYJzbGcBDkLsDt7MnNg==}
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.22.5
+      es-errors: 1.3.0
+      es-shim-unscopables: 1.0.2
+    dev: false
 
-  /arraybuffer.prototype.slice@1.0.2:
-    resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
+  /arraybuffer.prototype.slice@1.0.3:
+    resolution: {integrity: sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==}
     engines: {node: '>= 0.4'}
     dependencies:
-      array-buffer-byte-length: 1.0.0
-      call-bind: 1.0.5
+      array-buffer-byte-length: 1.0.1
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
-      get-intrinsic: 1.2.2
-      is-array-buffer: 3.0.2
-      is-shared-array-buffer: 1.0.2
+      es-abstract: 1.22.5
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      is-array-buffer: 3.0.4
+      is-shared-array-buffer: 1.0.3
 
   /arrify@1.0.1:
     resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
     engines: {node: '>=0.10.0'}
-    dev: false
+    dev: true
 
   /asn1js@3.0.5:
     resolution: {integrity: sha512-FVnvrKJwpt9LP2lAMl8qZswRNm3T4q9CON+bxldk2iwk3FFpuwhx2FfinyitizWHsVYyaY+y5JzDR0rCMV5yTQ==}
@@ -3960,55 +4157,53 @@ packages:
 
   /ast-types-flow@0.0.8:
     resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
-    dev: true
-
-  /astring@1.8.6:
-    resolution: {integrity: sha512-ISvCdHdlTDlH5IpxQJIex7BWBywFWgjJSVdwst+/iQCoEYnyOaQ95+X1JGshuBjGp6nxKUy1jMgE3zPqN7fQdg==}
-    hasBin: true
     dev: false
 
   /asynciterator.prototype@1.0.0:
     resolution: {integrity: sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==}
     dependencies:
       has-symbols: 1.0.3
-    dev: true
+    dev: false
 
   /asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
 
-  /autoprefixer@10.4.17(postcss@8.4.35):
-    resolution: {integrity: sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==}
+  /autoprefixer@10.4.18(postcss@8.4.35):
+    resolution: {integrity: sha512-1DKbDfsr6KUElM6wg+0zRNkB/Q7WcKYAaK+pzXn+Xqmszm/5Xa9coeNdtP88Vi+dPzZnMjhge8GIV49ZQkDa+g==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      browserslist: 4.22.3
-      caniuse-lite: 1.0.30001583
+      browserslist: 4.23.0
+      caniuse-lite: 1.0.30001596
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.0.0
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
+    dev: false
 
-  /available-typed-arrays@1.0.6:
-    resolution: {integrity: sha512-j1QzY8iPNPG4o4xmO3ptzpRxTciqD3MgEHtifP/YnJpIo58Xu+ne4BejlbkuaLfXn/nz6HFiw29bLpj2PNMdGg==}
+  /available-typed-arrays@1.0.7:
+    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
+    dependencies:
+      possible-typed-array-names: 1.0.0
 
   /axe-core@4.7.0:
     resolution: {integrity: sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==}
     engines: {node: '>=4'}
-    dev: true
+    dev: false
 
   /axobject-query@3.2.1:
     resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
     dependencies:
       dequal: 2.0.3
-    dev: true
+    dev: false
 
   /bail@2.0.2:
     resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
-    dev: false
+    dev: true
 
   /balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
@@ -4018,18 +4213,23 @@ packages:
     engines: {node: '>=4'}
     dependencies:
       is-windows: 1.0.2
-    dev: false
+    dev: true
 
   /binary-extensions@2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
 
+  /blobs@2.3.0-beta.2:
+    resolution: {integrity: sha512-kzLT5TOg/hsETxeyHae1sNpRWXNHnB1VN467FASoZfLRm4LdoXyp6HTTjes0cPE1sOVoOHEJFT9qyFGOpQFvPw==}
+    dependencies:
+      simplex-noise: 4.0.1
+    dev: false
+
   /brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
     dependencies:
       balanced-match: 1.0.2
       concat-map: 0.0.1
-    dev: true
 
   /brace-expansion@2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
@@ -4046,17 +4246,17 @@ packages:
     resolution: {integrity: sha512-yjxDAYyK/pBvws9H4xKYpLDpYKEH6CzrBPAuXq3x18I+c/2MkVtT3qAr7Oloi6Dss9qNhPVueAAVU1CSeNDIXw==}
     dependencies:
       wcwidth: 1.0.1
-    dev: false
+    dev: true
 
-  /browserslist@4.22.3:
-    resolution: {integrity: sha512-UAp55yfwNv0klWNapjs/ktHoguxuQNGnOzxYmfnXIS+8AsRDZkSDxg7R1AX3GKzn078SBI5dzwzj/Yx0Or0e3A==}
+  /browserslist@4.23.0:
+    resolution: {integrity: sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001583
-      electron-to-chromium: 1.4.655
+      caniuse-lite: 1.0.30001596
+      electron-to-chromium: 1.4.698
       node-releases: 2.0.14
-      update-browserslist-db: 1.0.13(browserslist@4.22.3)
+      update-browserslist-db: 1.0.13(browserslist@4.23.0)
 
   /buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
@@ -4070,11 +4270,6 @@ packages:
       node-gyp-build: 4.8.0
     dev: false
 
-  /builtin-modules@3.3.0:
-    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
-    engines: {node: '>=6'}
-    dev: true
-
   /bundle-require@4.0.2(esbuild@0.19.12):
     resolution: {integrity: sha512-jwzPOChofl67PSTW2SGubV9HBQAhhR2i6nskiOThauo9dzwDUgOWQScFVaJkjEfYX+UXiD+LEx8EblQMc2wIag==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -4096,17 +4291,19 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /call-bind@1.0.5:
-    resolution: {integrity: sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==}
+  /call-bind@1.0.7:
+    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+    engines: {node: '>= 0.4'}
     dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.2
-      set-function-length: 1.2.0
+      get-intrinsic: 1.2.4
+      set-function-length: 1.2.1
 
   /callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
-    dev: true
 
   /camelcase-css@2.0.1:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
@@ -4119,24 +4316,25 @@ packages:
       camelcase: 5.3.1
       map-obj: 4.3.0
       quick-lru: 4.0.1
-    dev: false
 
   /camelcase@5.3.1:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
-    dev: false
 
   /camelcase@7.0.1:
     resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
     engines: {node: '>=14.16'}
     dev: true
 
-  /caniuse-lite@1.0.30001583:
-    resolution: {integrity: sha512-acWTYaha8xfhA/Du/z4sNZjHUWjkiuoAi2LM+T/aL+kemKQgPT1xBb/YKjlQ0Qo8gvbHsGNplrEJ+9G3gL7i4Q==}
+  /caniuse-lite@1.0.30001596:
+    resolution: {integrity: sha512-zpkZ+kEr6We7w63ORkoJ2pOfBwBkY/bJrG/UZ90qNb45Isblu8wzDgevEOrRL1r9dWayHjYiiyCMEXPn4DweGQ==}
+
+  /caniuse-lite@1.0.30001597:
+    resolution: {integrity: sha512-7LjJvmQU6Sj7bL0j5b5WY/3n7utXUJvAe1lxhsHDbLmwX9mdL86Yjtr+5SRCyf8qME4M7pU2hswj0FpyBVCv9w==}
 
   /ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
-    dev: false
+    dev: true
 
   /chai@4.4.1:
     resolution: {integrity: sha512-13sOfMv2+DWduEU+/xbun3LScLoqN17nBeTLUsmDfKdoiC1fr0n9PU4guu4AhRcOVFk/sW8LyZWHuhWtQZiF+g==}
@@ -4173,23 +4371,23 @@ packages:
 
   /character-entities-html4@2.1.0:
     resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
-    dev: false
+    dev: true
 
   /character-entities-legacy@3.0.0:
     resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
-    dev: false
+    dev: true
 
   /character-entities@2.0.2:
     resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
-    dev: false
+    dev: true
 
   /character-reference-invalid@2.0.1:
     resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
-    dev: false
+    dev: true
 
   /chardet@0.7.0:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
-    dev: false
+    dev: true
 
   /check-error@1.0.3:
     resolution: {integrity: sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==}
@@ -4197,8 +4395,8 @@ packages:
       get-func-name: 2.0.2
     dev: true
 
-  /chokidar@3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+  /chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
     dependencies:
       anymatch: 3.1.3
@@ -4214,6 +4412,7 @@ packages:
   /ci-info@3.9.0:
     resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
+    dev: true
 
   /class-variance-authority@0.7.0:
     resolution: {integrity: sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A==}
@@ -4221,19 +4420,12 @@ packages:
       clsx: 2.0.0
     dev: false
 
-  /clean-regexp@1.0.0:
-    resolution: {integrity: sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==}
-    engines: {node: '>=4'}
-    dependencies:
-      escape-string-regexp: 1.0.5
-    dev: true
-
-  /cli-color@2.0.3:
-    resolution: {integrity: sha512-OkoZnxyC4ERN3zLzZaY9Emb7f/MhBOIpePv0Ycok0fJYT+Ouo00UBEIwsVsr0yoow++n5YWlSUgST9GKhNHiRQ==}
+  /cli-color@2.0.4:
+    resolution: {integrity: sha512-zlnpg0jNcibNrO7GG9IeHH7maWFeCz+Ja1wx/7tZNU5ASSSSZ+/qZciM0/LHCYxSdqv5h2sdbQ/PXYdOuetXvA==}
     engines: {node: '>=0.10'}
     dependencies:
-      d: 1.0.1
-      es5-ext: 0.10.62
+      d: 1.0.2
+      es5-ext: 0.10.64
       es6-iterator: 2.0.3
       memoizee: 0.4.15
       timers-ext: 0.1.7
@@ -4248,7 +4440,7 @@ packages:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wrap-ansi: 6.2.0
-    dev: false
+    dev: true
 
   /cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
@@ -4257,12 +4449,12 @@ packages:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wrap-ansi: 7.0.0
-    dev: false
+    dev: true
 
   /clone@1.0.4:
     resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
     engines: {node: '>=0.8'}
-    dev: false
+    dev: true
 
   /clsx@2.0.0:
     resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
@@ -4274,18 +4466,19 @@ packages:
     engines: {node: '>=6'}
     dev: false
 
-  /cmdk@0.2.0(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-JQpKvEOb86SnvMZbYaFKYhvzFntWBeSZdyii0rZPhKJj9uwJBxu4DaVYDrRN7r3mPop56oPhRw+JYWTKs66TYw==}
+  /cmdk@1.0.0(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-gDzVf0a09TvoJ5jnuPvygTB77+XdOSwEmJ88L6XPFPlv7T3RxbP9jgenfylrAMD0+Le1aO0nVjQUzl2g+vjz5Q==}
     peerDependencies:
       react: ^18.0.0
       react-dom: ^18.0.0
     dependencies:
-      '@radix-ui/react-dialog': 1.0.0(@types/react@18.2.48)(react-dom@18.2.0)(react@18.2.0)
-      command-score: 0.1.2
+      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.64)(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     transitivePeerDependencies:
       - '@types/react'
+      - '@types/react-dom'
     dev: false
 
   /color-convert@1.9.3:
@@ -4313,11 +4506,7 @@ packages:
 
   /comma-separated-tokens@2.0.3:
     resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
-    dev: false
-
-  /command-score@0.1.2:
-    resolution: {integrity: sha512-VtDvQpIJBvBatnONUsPzXYFVKQQAhuf3XTNOAsdBxCNO/QCtUUd8LSgjn0GVarBkCad6aJCZfXgrjYbl/KRr7w==}
-    dev: false
+    dev: true
 
   /commander@4.1.1:
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
@@ -4330,7 +4519,6 @@ packages:
 
   /concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-    dev: true
 
   /convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
@@ -4352,21 +4540,18 @@ packages:
       is-what: 4.1.16
     dev: true
 
-  /core-js@3.35.1:
-    resolution: {integrity: sha512-IgdsbxNyMskrTFxa9lWHyMwAJU5gXOPP+1yO+K59d50VLVAIDAbs7gIv705KzALModfK3ZrSZTPNpC0PQgIZuw==}
+  /core-js@3.36.0:
+    resolution: {integrity: sha512-mt7+TUBbTFg5+GngsAxeKBTl5/VS0guFeJacYge9OmHb+m058UwwIm41SE9T4Den7ClatV57B6TYTuJ0CX1MAw==}
     requiresBuild: true
     dev: true
 
-  /create-require@1.1.1:
-    resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
-
   /cross-spawn@5.1.0:
     resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
     dependencies:
       lru-cache: 4.1.5
       shebang-command: 1.2.0
       which: 1.3.1
-    dev: false
+    dev: true
 
   /cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
@@ -4401,15 +4586,15 @@ packages:
 
   /csv-generate@3.4.3:
     resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==}
-    dev: false
+    dev: true
 
   /csv-parse@4.16.3:
     resolution: {integrity: sha512-cO1I/zmz4w2dcKHVvpCr7JVRu8/FymG5OEpmvsZYlccYolPBLoVGKUHgNoc4ZGkFeFlWGEDmMyBM+TTqRdW/wg==}
-    dev: false
+    dev: true
 
   /csv-stringify@5.6.5:
     resolution: {integrity: sha512-PjiQ659aQ+fUTQqSrd1XEDnOr52jh30RBurfzkscaE2tPaFsDH5wOAHJiw8XAHphRknCwMUE9KRayc4K/NbO8A==}
-    dev: false
+    dev: true
 
   /csv@5.5.3:
     resolution: {integrity: sha512-QTaY0XjjhTQOdguARF0lGKm5/mEq9PD9/VhZZegHDIBq2tQwgNpHc3dneD4mGo2iJs+fTKv5Bp0fZ+BRuY3Z0g==}
@@ -4419,18 +4604,23 @@ packages:
       csv-parse: 4.16.3
       csv-stringify: 5.6.5
       stream-transform: 2.1.3
+    dev: true
+
+  /d3-interpolate-path@2.3.0:
+    resolution: {integrity: sha512-tZYtGXxBmbgHsIc9Wms6LS5u4w6KbP8C09a4/ZYc4KLMYYqub57rRBUgpUr2CIarIrJEpdAWWxWQvofgaMpbKQ==}
     dev: false
 
-  /d@1.0.1:
-    resolution: {integrity: sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==}
+  /d@1.0.2:
+    resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
+    engines: {node: '>=0.12'}
     dependencies:
-      es5-ext: 0.10.62
-      type: 1.2.0
+      es5-ext: 0.10.64
+      type: 2.7.2
     dev: true
 
   /damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
-    dev: true
+    dev: false
 
   /data-urls@5.0.0:
     resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==}
@@ -4449,7 +4639,7 @@ packages:
         optional: true
     dependencies:
       ms: 2.1.3
-    dev: true
+    dev: false
 
   /debug@4.3.4:
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
@@ -4468,12 +4658,12 @@ packages:
     dependencies:
       decamelize: 1.2.0
       map-obj: 1.0.1
-    dev: false
+    dev: true
 
   /decamelize@1.2.0:
     resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
     engines: {node: '>=0.10.0'}
-    dev: false
+    dev: true
 
   /decimal.js@10.4.3:
     resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
@@ -4483,7 +4673,7 @@ packages:
     resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
     dependencies:
       character-entities: 2.0.2
-    dev: false
+    dev: true
 
   /deep-eql@4.1.3:
     resolution: {integrity: sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==}
@@ -4496,21 +4686,21 @@ packages:
     resolution: {integrity: sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      array-buffer-byte-length: 1.0.0
-      call-bind: 1.0.5
+      array-buffer-byte-length: 1.0.1
+      call-bind: 1.0.7
       es-get-iterator: 1.1.3
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
       is-arguments: 1.1.1
-      is-array-buffer: 3.0.2
+      is-array-buffer: 3.0.4
       is-date-object: 1.0.5
       is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.2
+      is-shared-array-buffer: 1.0.3
       isarray: 2.0.5
-      object-is: 1.1.5
+      object-is: 1.1.6
       object-keys: 1.1.1
       object.assign: 4.1.5
-      regexp.prototype.flags: 1.5.1
-      side-channel: 1.0.4
+      regexp.prototype.flags: 1.5.2
+      side-channel: 1.0.6
       which-boxed-primitive: 1.0.2
       which-collection: 1.0.1
       which-typed-array: 1.1.14
@@ -4518,7 +4708,6 @@ packages:
 
   /deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
-    dev: true
 
   /deepmerge@4.2.2:
     resolution: {integrity: sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==}
@@ -4529,22 +4718,22 @@ packages:
     resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
     dependencies:
       clone: 1.0.4
-    dev: false
+    dev: true
 
-  /define-data-property@1.1.1:
-    resolution: {integrity: sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==}
+  /define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: 1.2.2
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
       gopd: 1.0.1
-      has-property-descriptors: 1.0.1
 
   /define-properties@1.2.1:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      define-data-property: 1.1.1
-      has-property-descriptors: 1.0.1
+      define-data-property: 1.1.4
+      has-property-descriptors: 1.0.2
       object-keys: 1.1.1
 
   /delayed-stream@1.0.0:
@@ -4558,16 +4747,6 @@ packages:
   /detect-indent@6.1.0:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
     engines: {node: '>=8'}
-    dev: false
-
-  /detect-indent@7.0.1:
-    resolution: {integrity: sha512-Mc7QhQ8s+cLrnUfU/Ji94vG/r8M26m8f++vyres4ZoojaRDpZ1eSIh/EpzLNwlWuvzSZ3UbDFspjFvTDXe6e/g==}
-    engines: {node: '>=12.20'}
-    dev: true
-
-  /detect-newline@4.0.1:
-    resolution: {integrity: sha512-qE3Veg1YXzGHQhlA6jzebZN2qVf6NX+A7m7qlhCGG30dJixrAQhYOsJjsnBjJkCSmuOPpCk30145fr8FV0bzog==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dev: true
 
   /detect-node-es@1.1.0:
@@ -4578,7 +4757,7 @@ packages:
     resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
     dependencies:
       dequal: 2.0.3
-    dev: false
+    dev: true
 
   /diacritics@1.3.0:
     resolution: {integrity: sha512-wlwEkqcsaxvPJML+rDh/2iS824jbREk6DUMUKkEaSlxdYHeS43cClJtsWglvw2RfeXGm6ohKDqsXteJ5sP5enA==}
@@ -4592,15 +4771,6 @@ packages:
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dev: true
 
-  /diff@4.0.2:
-    resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
-    engines: {node: '>=0.3.1'}
-
-  /diff@5.2.0:
-    resolution: {integrity: sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==}
-    engines: {node: '>=0.3.1'}
-    dev: false
-
   /difflib@0.2.4:
     resolution: {integrity: sha512-9YVwmMb0wQHQNr5J9m6BSj6fk4pfGITGQOOs+D9Fl+INODWFOfvhIU1hNv6GgR1RBoC/9NJcwu77zShxV0kT7w==}
     dependencies:
@@ -4621,14 +4791,13 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       esutils: 2.0.3
-    dev: true
+    dev: false
 
   /doctrine@3.0.0:
     resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
     engines: {node: '>=6.0.0'}
     dependencies:
       esutils: 2.0.3
-    dev: true
 
   /dom-accessibility-api@0.5.16:
     resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
@@ -4665,16 +4834,16 @@ packages:
     resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
     dependencies:
       no-case: 3.0.4
-      tslib: 2.6.2
+      tslib: 2.4.1
     dev: false
 
   /dotenv@16.0.3:
     resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
     engines: {node: '>=12'}
-    dev: true
+    dev: false
 
-  /dotenv@16.4.1:
-    resolution: {integrity: sha512-CjA3y+Dr3FyFDOAMnxZEGtnW9KBR2M0JvvUtXNW+dYJL5ROWxP9DUHCwgFqpMk0OXCc0ljhaNTr2w/kutYIcHQ==}
+  /dotenv@16.4.5:
+    resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
     engines: {node: '>=12'}
     dev: false
 
@@ -4701,14 +4870,14 @@ packages:
       hanji: 0.0.5
       json-diff: 0.9.0
       minimatch: 7.4.6
-      semver: 7.5.4
+      semver: 7.6.0
       zod: 3.22.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /drizzle-orm@0.29.3(@types/react@18.2.48)(@vercel/postgres@0.5.1)(react@18.2.0):
-    resolution: {integrity: sha512-uSE027csliGSGYD0pqtM+SAQATMREb3eSM/U8s6r+Y0RFwTKwftnwwSkqx3oS65UBgqDOM0gMTl5UGNpt6lW0A==}
+  /drizzle-orm@0.29.5(@types/react@18.2.64)(@vercel/postgres@0.5.1)(react@18.2.0):
+    resolution: {integrity: sha512-jS3+uyzTz4P0Y2CICx8FmRQ1eplURPaIMWDn/yq6k4ShRFj9V7vlJk67lSf2kyYPzQ60GkkNGXcJcwrxZ6QCRw==}
     peerDependencies:
       '@aws-sdk/client-rds-data': '>=3'
       '@cloudflare/workers-types': '>=3'
@@ -4778,7 +4947,7 @@ packages:
       sqlite3:
         optional: true
     dependencies:
-      '@types/react': 18.2.48
+      '@types/react': 18.2.64
       '@vercel/postgres': 0.5.1
       react: 18.2.0
     dev: false
@@ -4786,8 +4955,8 @@ packages:
   /eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
-  /electron-to-chromium@1.4.655:
-    resolution: {integrity: sha512-2yszojF7vIZ68adIOvzV4bku8OZad9w5H9xF3ZAMZjPuOjBarlflUkjN6DggdV+L71WZuKUfKUhov/34+G5QHg==}
+  /electron-to-chromium@1.4.698:
+    resolution: {integrity: sha512-f9iZD1t3CLy1AS6vzM5EKGa6p9pRcOeEFXRFbaG2Ta+Oe7MkfRQ3fsvPYidzHe1h4i0JvIvpcY55C+B6BZNGtQ==}
 
   /emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -4795,21 +4964,13 @@ packages:
   /emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
 
-  /enhanced-resolve@5.15.0:
-    resolution: {integrity: sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==}
-    engines: {node: '>=10.13.0'}
-    dependencies:
-      graceful-fs: 4.2.11
-      tapable: 2.2.1
-    dev: true
-
   /enquirer@2.4.1:
     resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
     engines: {node: '>=8.6'}
     dependencies:
       ansi-colors: 4.1.3
       strip-ansi: 6.0.1
-    dev: false
+    dev: true
 
   /entities@4.5.0:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
@@ -4824,56 +4985,73 @@ packages:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
     dependencies:
       is-arrayish: 0.2.1
+    dev: true
 
-  /es-abstract@1.22.3:
-    resolution: {integrity: sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==}
+  /es-abstract@1.22.5:
+    resolution: {integrity: sha512-oW69R+4q2wG+Hc3KZePPZxOiisRIqfKBVo/HLx94QcJeWGU/8sZhCvc829rd1kS366vlJbzBfXf9yWwf0+Ko7w==}
     engines: {node: '>= 0.4'}
     dependencies:
-      array-buffer-byte-length: 1.0.0
-      arraybuffer.prototype.slice: 1.0.2
-      available-typed-arrays: 1.0.6
-      call-bind: 1.0.5
-      es-set-tostringtag: 2.0.2
+      array-buffer-byte-length: 1.0.1
+      arraybuffer.prototype.slice: 1.0.3
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      es-set-tostringtag: 2.0.3
       es-to-primitive: 1.2.1
       function.prototype.name: 1.1.6
-      get-intrinsic: 1.2.2
-      get-symbol-description: 1.0.0
+      get-intrinsic: 1.2.4
+      get-symbol-description: 1.0.2
       globalthis: 1.0.3
       gopd: 1.0.1
-      has-property-descriptors: 1.0.1
-      has-proto: 1.0.1
+      has-property-descriptors: 1.0.2
+      has-proto: 1.0.3
       has-symbols: 1.0.3
-      hasown: 2.0.0
-      internal-slot: 1.0.6
-      is-array-buffer: 3.0.2
+      hasown: 2.0.1
+      internal-slot: 1.0.7
+      is-array-buffer: 3.0.4
       is-callable: 1.2.7
-      is-negative-zero: 2.0.2
+      is-negative-zero: 2.0.3
       is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.2
+      is-shared-array-buffer: 1.0.3
       is-string: 1.0.7
       is-typed-array: 1.1.13
       is-weakref: 1.0.2
       object-inspect: 1.13.1
       object-keys: 1.1.1
       object.assign: 4.1.5
-      regexp.prototype.flags: 1.5.1
+      regexp.prototype.flags: 1.5.2
       safe-array-concat: 1.1.0
-      safe-regex-test: 1.0.2
+      safe-regex-test: 1.0.3
       string.prototype.trim: 1.2.8
       string.prototype.trimend: 1.0.7
       string.prototype.trimstart: 1.0.7
-      typed-array-buffer: 1.0.0
-      typed-array-byte-length: 1.0.0
-      typed-array-byte-offset: 1.0.0
-      typed-array-length: 1.0.4
+      typed-array-buffer: 1.0.2
+      typed-array-byte-length: 1.0.1
+      typed-array-byte-offset: 1.0.2
+      typed-array-length: 1.0.5
       unbox-primitive: 1.0.2
       which-typed-array: 1.1.14
 
+  /es-array-method-boxes-properly@1.0.0:
+    resolution: {integrity: sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==}
+    dev: false
+
+  /es-define-property@1.0.0:
+    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.4
+
+  /es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
   /es-get-iterator@1.1.3:
     resolution: {integrity: sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==}
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
       has-symbols: 1.0.3
       is-arguments: 1.1.1
       is-map: 2.0.2
@@ -4883,37 +5061,39 @@ packages:
       stop-iteration-iterator: 1.0.0
     dev: true
 
-  /es-iterator-helpers@1.0.15:
-    resolution: {integrity: sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==}
+  /es-iterator-helpers@1.0.17:
+    resolution: {integrity: sha512-lh7BsUqelv4KUbR5a/ZTaGGIMLCjPGPqJ6q+Oq24YP0RdyptX1uzm4vvaqzk7Zx3bpl/76YLTTDj9L7uYQ92oQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
       asynciterator.prototype: 1.0.0
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
-      es-set-tostringtag: 2.0.2
+      es-abstract: 1.22.5
+      es-errors: 1.3.0
+      es-set-tostringtag: 2.0.3
       function-bind: 1.1.2
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
       globalthis: 1.0.3
-      has-property-descriptors: 1.0.1
-      has-proto: 1.0.1
+      has-property-descriptors: 1.0.2
+      has-proto: 1.0.3
       has-symbols: 1.0.3
-      internal-slot: 1.0.6
+      internal-slot: 1.0.7
       iterator.prototype: 1.1.2
       safe-array-concat: 1.1.0
-    dev: true
+    dev: false
 
-  /es-set-tostringtag@2.0.2:
-    resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==}
+  /es-set-tostringtag@2.0.3:
+    resolution: {integrity: sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
       has-tostringtag: 1.0.2
-      hasown: 2.0.0
+      hasown: 2.0.1
 
   /es-shim-unscopables@1.0.2:
     resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
     dependencies:
-      hasown: 2.0.0
+      hasown: 2.0.1
 
   /es-to-primitive@1.2.1:
     resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
@@ -4923,38 +5103,40 @@ packages:
       is-date-object: 1.0.5
       is-symbol: 1.0.4
 
-  /es5-ext@0.10.62:
-    resolution: {integrity: sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==}
+  /es5-ext@0.10.64:
+    resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
     engines: {node: '>=0.10'}
     requiresBuild: true
     dependencies:
       es6-iterator: 2.0.3
-      es6-symbol: 3.1.3
+      es6-symbol: 3.1.4
+      esniff: 2.0.1
       next-tick: 1.1.0
     dev: true
 
   /es6-iterator@2.0.3:
     resolution: {integrity: sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==}
     dependencies:
-      d: 1.0.1
-      es5-ext: 0.10.62
-      es6-symbol: 3.1.3
+      d: 1.0.2
+      es5-ext: 0.10.64
+      es6-symbol: 3.1.4
     dev: true
 
-  /es6-symbol@3.1.3:
-    resolution: {integrity: sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==}
+  /es6-symbol@3.1.4:
+    resolution: {integrity: sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==}
+    engines: {node: '>=0.12'}
     dependencies:
-      d: 1.0.1
+      d: 1.0.2
       ext: 1.7.0
     dev: true
 
   /es6-weak-map@2.0.3:
     resolution: {integrity: sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==}
     dependencies:
-      d: 1.0.1
-      es5-ext: 0.10.62
+      d: 1.0.2
+      es5-ext: 0.10.64
       es6-iterator: 2.0.3
-      es6-symbol: 3.1.3
+      es6-symbol: 3.1.4
     dev: true
 
   /esbuild-register@3.5.0(esbuild@0.19.12):
@@ -5029,8 +5211,8 @@ packages:
       '@esbuild/win32-x64': 0.19.12
     dev: true
 
-  /escalade@3.1.1:
-    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
+  /escalade@3.1.2:
+    resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
     engines: {node: '>=6'}
 
   /escape-string-regexp@1.0.5:
@@ -5040,64 +5222,20 @@ packages:
   /escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
-    dev: true
 
   /escape-string-regexp@5.0.0:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
-    dev: false
-
-  /eslint-config-next@14.1.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-SBX2ed7DoRFXC6CQSLc/SbLY9Ut6HxNB2wPTcoIWjUMd7aF7O/SIE7111L8FdZ9TXsNV4pulUDnfthpyPtbFUg==}
-    peerDependencies:
-      eslint: ^7.23.0 || ^8.0.0
-      typescript: '>=3.3.1'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@next/eslint-plugin-next': 14.1.0
-      '@rushstack/eslint-patch': 1.7.2
-      '@typescript-eslint/parser': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
-      eslint: 8.56.0
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.56.0)
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
-      eslint-plugin-jsx-a11y: 6.8.0(eslint@8.56.0)
-      eslint-plugin-react: 7.33.2(eslint@8.56.0)
-      eslint-plugin-react-hooks: 4.6.0(eslint@8.56.0)
-      typescript: 5.3.3
-    transitivePeerDependencies:
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
-  /eslint-config-prettier@9.1.0(eslint@8.56.0):
-    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
-    dependencies:
-      eslint: 8.56.0
     dev: true
 
-  /eslint-config-turbo@1.12.2(eslint@8.56.0):
-    resolution: {integrity: sha512-JHTGtDQuISBEWIorHenu5AeX1nv16NiDgDVRi1i0VyeYw0SiVh+lSQbv4BawXSnG1nOFpjbopAQdZvdB3PwXbQ==}
+  /eslint-config-turbo@1.12.5(eslint@8.57.0):
+    resolution: {integrity: sha512-wXytbX+vTzQ6rwgM6sIr447tjYJBlRj5V/eBFNGNXw5Xs1R715ppPYhbmxaFbkrWNQSGJsWRrYGAlyq0sT/OsQ==}
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      eslint: 8.56.0
-      eslint-plugin-turbo: 1.12.2(eslint@8.56.0)
-    dev: true
-
-  /eslint-import-resolver-alias@1.1.2(eslint-plugin-import@2.29.1):
-    resolution: {integrity: sha512-WdviM1Eu834zsfjHtcGHtGfcu+F30Od3V7I9Fi57uhBEwPkjDcii7/yW8jAT+gOhn4P/vOxxNAXbFAKsrrc15w==}
-    engines: {node: '>= 4'}
-    peerDependencies:
-      eslint-plugin-import: '>=1.4.0'
-    dependencies:
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.20.0)(eslint@8.56.0)
-    dev: true
+      eslint: 8.57.0
+      eslint-plugin-turbo: 1.12.5(eslint@8.57.0)
+    dev: false
 
   /eslint-import-resolver-node@0.3.9:
     resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
@@ -5107,86 +5245,10 @@ packages:
       resolve: 1.22.8
     transitivePeerDependencies:
       - supports-color
-    dev: true
-
-  /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.56.0):
-    resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      eslint-plugin-import: '*'
-    dependencies:
-      debug: 4.3.4
-      enhanced-resolve: 5.15.0
-      eslint: 8.56.0
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
-      fast-glob: 3.3.2
-      get-tsconfig: 4.7.2
-      is-core-module: 2.13.1
-      is-glob: 4.0.3
-    transitivePeerDependencies:
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-node
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
-  /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.20.0)(eslint-plugin-import@2.29.1)(eslint@8.56.0):
-    resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      eslint-plugin-import: '*'
-    dependencies:
-      debug: 4.3.4
-      enhanced-resolve: 5.15.0
-      eslint: 8.56.0
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.20.0)(eslint@8.56.0)
-      fast-glob: 3.3.2
-      get-tsconfig: 4.7.2
-      is-core-module: 2.13.1
-      is-glob: 4.0.3
-    transitivePeerDependencies:
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-node
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
-  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
-    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: '*'
-      eslint-import-resolver-node: '*'
-      eslint-import-resolver-typescript: '*'
-      eslint-import-resolver-webpack: '*'
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-      eslint:
-        optional: true
-      eslint-import-resolver-node:
-        optional: true
-      eslint-import-resolver-typescript:
-        optional: true
-      eslint-import-resolver-webpack:
-        optional: true
-    dependencies:
-      '@typescript-eslint/parser': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
-      debug: 3.2.7
-      eslint: 8.56.0
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.56.0)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
+    dev: false
 
-  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
-    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
+  /eslint-module-utils@2.8.1(@typescript-eslint/parser@7.1.1)(eslint-import-resolver-node@0.3.9)(eslint@8.57.0):
+    resolution: {integrity: sha512-rXDXR3h7cs7dy9RNpUlQf80nX31XWJEyGq1tRMo+6GsO5VmTe4UTwtmonAD4ZkAsrfMVDA2wlGJ3790Ys+D49Q==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
@@ -5206,61 +5268,15 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
-      debug: 3.2.7
-      eslint: 8.56.0
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.20.0)(eslint-plugin-import@2.29.1)(eslint@8.56.0)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /eslint-plugin-eslint-comments@3.2.0(eslint@8.56.0):
-    resolution: {integrity: sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==}
-    engines: {node: '>=6.5.0'}
-    peerDependencies:
-      eslint: '>=4.19.1'
-    dependencies:
-      escape-string-regexp: 1.0.5
-      eslint: 8.56.0
-      ignore: 5.3.1
-    dev: true
-
-  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
-    resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-    dependencies:
-      '@typescript-eslint/parser': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
-      array-includes: 3.1.7
-      array.prototype.findlastindex: 1.2.3
-      array.prototype.flat: 1.3.2
-      array.prototype.flatmap: 1.3.2
+      '@typescript-eslint/parser': 7.1.1(eslint@8.57.0)(typescript@5.4.2)
       debug: 3.2.7
-      doctrine: 2.1.0
-      eslint: 8.56.0
+      eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
-      hasown: 2.0.0
-      is-core-module: 2.13.1
-      is-glob: 4.0.3
-      minimatch: 3.1.2
-      object.fromentries: 2.0.7
-      object.groupby: 1.0.1
-      object.values: 1.1.7
-      semver: 6.3.1
-      tsconfig-paths: 3.15.0
     transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
       - supports-color
-    dev: true
+    dev: false
 
-  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.20.0)(eslint@8.56.0):
+  /eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.1.1)(eslint@8.57.0):
     resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -5270,22 +5286,22 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 7.1.1(eslint@8.57.0)(typescript@5.4.2)
       array-includes: 3.1.7
-      array.prototype.findlastindex: 1.2.3
+      array.prototype.findlastindex: 1.2.4
       array.prototype.flat: 1.3.2
       array.prototype.flatmap: 1.3.2
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 8.56.0
+      eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.20.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
-      hasown: 2.0.0
+      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.1.1)(eslint-import-resolver-node@0.3.9)(eslint@8.57.0)
+      hasown: 2.0.1
       is-core-module: 2.13.1
       is-glob: 4.0.3
       minimatch: 3.1.2
       object.fromentries: 2.0.7
-      object.groupby: 1.0.1
+      object.groupby: 1.0.2
       object.values: 1.1.7
       semver: 6.3.1
       tsconfig-paths: 3.15.0
@@ -5293,36 +5309,15 @@ packages:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
-    dev: true
-
-  /eslint-plugin-jest@27.6.3(@typescript-eslint/eslint-plugin@6.20.0)(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-+YsJFVH6R+tOiO3gCJon5oqn4KWc+mDq2leudk8mrp8RFubLOo9CVyi3cib4L7XMpxExmkmBZQTPDYVBzgpgOA==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/eslint-plugin': ^5.0.0 || ^6.0.0
-      eslint: ^7.0.0 || ^8.0.0
-      jest: '*'
-    peerDependenciesMeta:
-      '@typescript-eslint/eslint-plugin':
-        optional: true
-      jest:
-        optional: true
-    dependencies:
-      '@typescript-eslint/eslint-plugin': 6.20.0(@typescript-eslint/parser@6.20.0)(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/utils': 5.62.0(eslint@8.56.0)(typescript@5.3.3)
-      eslint: 8.56.0
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
+    dev: false
 
-  /eslint-plugin-jsx-a11y@6.8.0(eslint@8.56.0):
+  /eslint-plugin-jsx-a11y@6.8.0(eslint@8.57.0):
     resolution: {integrity: sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==}
     engines: {node: '>=4.0'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
       aria-query: 5.3.0
       array-includes: 3.1.7
       array.prototype.flatmap: 1.3.2
@@ -5331,50 +5326,39 @@ packages:
       axobject-query: 3.2.1
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
-      es-iterator-helpers: 1.0.15
-      eslint: 8.56.0
-      hasown: 2.0.0
+      es-iterator-helpers: 1.0.17
+      eslint: 8.57.0
+      hasown: 2.0.1
       jsx-ast-utils: 3.3.5
       language-tags: 1.0.9
       minimatch: 3.1.2
       object.entries: 1.1.7
       object.fromentries: 2.0.7
-    dev: true
-
-  /eslint-plugin-playwright@0.16.0(eslint-plugin-jest@27.6.3)(eslint@8.56.0):
-    resolution: {integrity: sha512-DcHpF0SLbNeh9MT4pMzUGuUSnJ7q5MWbP8sSEFIMS6j7Ggnduq8ghNlfhURgty4c1YFny7Ge9xYTO1FSAoV2Vw==}
-    peerDependencies:
-      eslint: '>=7'
-      eslint-plugin-jest: '>=25'
-    peerDependenciesMeta:
-      eslint-plugin-jest:
-        optional: true
-    dependencies:
-      eslint: 8.56.0
-      eslint-plugin-jest: 27.6.3(@typescript-eslint/eslint-plugin@6.20.0)(eslint@8.56.0)(typescript@5.3.3)
-    dev: true
+    dev: false
 
-  /eslint-plugin-react-hooks@4.6.0(eslint@8.56.0):
+  /eslint-plugin-react-hooks@4.6.0(eslint@8.57.0):
     resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==}
     engines: {node: '>=10'}
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
     dependencies:
-      eslint: 8.56.0
-    dev: true
+      eslint: 8.57.0
+    dev: false
 
-  /eslint-plugin-react@7.33.2(eslint@8.56.0):
-    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
+  /eslint-plugin-react@7.34.0(eslint@8.57.0):
+    resolution: {integrity: sha512-MeVXdReleBTdkz/bvcQMSnCXGi+c9kvy51IpinjnJgutl3YTHWsDdke7Z1ufZpGfDG8xduBDKyjtB9JH1eBKIQ==}
     engines: {node: '>=4'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
     dependencies:
       array-includes: 3.1.7
+      array.prototype.findlast: 1.2.4
       array.prototype.flatmap: 1.3.2
-      array.prototype.tosorted: 1.1.2
+      array.prototype.toreversed: 1.1.2
+      array.prototype.tosorted: 1.1.3
       doctrine: 2.1.0
-      es-iterator-helpers: 1.0.15
-      eslint: 8.56.0
+      es-iterator-helpers: 1.0.17
+      eslint: 8.57.0
       estraverse: 5.3.0
       jsx-ast-utils: 3.3.5
       minimatch: 3.1.2
@@ -5386,68 +5370,16 @@ packages:
       resolve: 2.0.0-next.5
       semver: 6.3.1
       string.prototype.matchall: 4.0.10
-    dev: true
-
-  /eslint-plugin-testing-library@6.2.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-+LCYJU81WF2yQ+Xu4A135CgK8IszcFcyMF4sWkbiu6Oj+Nel0TrkZq/HvDw0/1WuO3dhDQsZA/OpEMGd0NfcUw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0, npm: '>=6'}
-    peerDependencies:
-      eslint: ^7.5.0 || ^8.0.0
-    dependencies:
-      '@typescript-eslint/utils': 5.62.0(eslint@8.56.0)(typescript@5.3.3)
-      eslint: 8.56.0
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
-  /eslint-plugin-tsdoc@0.2.17:
-    resolution: {integrity: sha512-xRmVi7Zx44lOBuYqG8vzTXuL6IdGOeF9nHX17bjJ8+VE6fsxpdGem0/SBTmAwgYMKYB1WBkqRJVQ+n8GK041pA==}
-    dependencies:
-      '@microsoft/tsdoc': 0.14.2
-      '@microsoft/tsdoc-config': 0.16.2
-    dev: true
+    dev: false
 
-  /eslint-plugin-turbo@1.12.2(eslint@8.56.0):
-    resolution: {integrity: sha512-/l0aGvZRzK1LMRTibRd6ZbEEuD5TtGotDTkZpxSIWA1FI764pWVvQduQMKBaRuz7aTuAo0WxatD8v1scK+qRWw==}
+  /eslint-plugin-turbo@1.12.5(eslint@8.57.0):
+    resolution: {integrity: sha512-cXy7mCzAdngBTJIWH4DASXHy0vQpujWDBqRTu0YYqCN/QEGsi3HWM+STZEbPYELdjtm5EsN2HshOSSqWnjdRHg==}
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
       dotenv: 16.0.3
-      eslint: 8.56.0
-    dev: true
-
-  /eslint-plugin-unicorn@48.0.1(eslint@8.56.0):
-    resolution: {integrity: sha512-FW+4r20myG/DqFcCSzoumaddKBicIPeFnTrifon2mWIzlfyvzwyqZjqVP7m4Cqr/ZYisS2aiLghkUWaPg6vtCw==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      eslint: '>=8.44.0'
-    dependencies:
-      '@babel/helper-validator-identifier': 7.22.20
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
-      ci-info: 3.9.0
-      clean-regexp: 1.0.0
-      eslint: 8.56.0
-      esquery: 1.5.0
-      indent-string: 4.0.0
-      is-builtin-module: 3.2.1
-      jsesc: 3.0.2
-      lodash: 4.17.21
-      pluralize: 8.0.0
-      read-pkg-up: 7.0.1
-      regexp-tree: 0.1.27
-      regjsparser: 0.10.0
-      semver: 7.5.4
-      strip-indent: 3.0.0
-    dev: true
-
-  /eslint-scope@5.1.1:
-    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
-    engines: {node: '>=8.0.0'}
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 4.3.0
-    dev: true
+      eslint: 8.57.0
+    dev: false
 
   /eslint-scope@7.2.2:
     resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
@@ -5455,27 +5387,20 @@ packages:
     dependencies:
       esrecurse: 4.3.0
       estraverse: 5.3.0
-    dev: true
-
-  /eslint-visitor-keys@2.1.0:
-    resolution: {integrity: sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==}
-    engines: {node: '>=10'}
-    dev: true
 
   /eslint-visitor-keys@3.4.3:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
 
-  /eslint@8.56.0:
-    resolution: {integrity: sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==}
+  /eslint@8.57.0:
+    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@eslint-community/regexpp': 4.10.0
       '@eslint/eslintrc': 2.1.4
-      '@eslint/js': 8.56.0
+      '@eslint/js': 8.57.0
       '@humanwhocodes/config-array': 0.11.14
       '@humanwhocodes/module-importer': 1.0.1
       '@nodelib/fs.walk': 1.2.8
@@ -5512,6 +5437,15 @@ packages:
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
+
+  /esniff@2.0.1:
+    resolution: {integrity: sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      event-emitter: 0.3.5
+      type: 2.7.2
     dev: true
 
   /espree@9.6.1:
@@ -5521,86 +5455,48 @@ packages:
       acorn: 8.11.3
       acorn-jsx: 5.3.2(acorn@8.11.3)
       eslint-visitor-keys: 3.4.3
-    dev: true
 
   /esprima@4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
     engines: {node: '>=4'}
     hasBin: true
-    dev: false
+    dev: true
 
   /esquery@1.5.0:
     resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
     engines: {node: '>=0.10'}
     dependencies:
       estraverse: 5.3.0
-    dev: true
 
   /esrecurse@4.3.0:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
     engines: {node: '>=4.0'}
     dependencies:
       estraverse: 5.3.0
-    dev: true
-
-  /estraverse@4.3.0:
-    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
-    engines: {node: '>=4.0'}
-    dev: true
 
   /estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
-    dev: true
-
-  /estree-util-attach-comments@2.1.1:
-    resolution: {integrity: sha512-+5Ba/xGGS6mnwFbXIuQiDPTbuTxuMCooq3arVv7gPZtYpjp+VXH/NkHAP35OOefPhNG/UGqU3vt/LTABwcHX0w==}
-    dependencies:
-      '@types/estree': 1.0.5
-    dev: false
-
-  /estree-util-build-jsx@2.2.2:
-    resolution: {integrity: sha512-m56vOXcOBuaF+Igpb9OPAy7f9w9OIkb5yhjsZuaPm7HoGi4oTOQi0h2+yZ+AtKklYFZ+rPC4n0wYCJCEU1ONqg==}
-    dependencies:
-      '@types/estree-jsx': 1.0.4
-      estree-util-is-identifier-name: 2.1.0
-      estree-walker: 3.0.3
-    dev: false
-
-  /estree-util-is-identifier-name@2.1.0:
-    resolution: {integrity: sha512-bEN9VHRyXAUOjkKVQVvArFym08BTWB0aJPppZZr0UNyAqWsLaVfAqP7hbaTJjzHifmB5ebnR8Wm7r7yGN/HonQ==}
-    dev: false
-
-  /estree-util-to-js@1.2.0:
-    resolution: {integrity: sha512-IzU74r1PK5IMMGZXUVZbmiu4A1uhiPgW5hm1GjcOfr4ZzHaMPpLNJjR7HjXiIOzi25nZDrgFTobHTkV5Q6ITjA==}
-    dependencies:
-      '@types/estree-jsx': 1.0.4
-      astring: 1.8.6
-      source-map: 0.7.4
-    dev: false
 
-  /estree-util-visit@1.2.1:
-    resolution: {integrity: sha512-xbgqcrkIVbIG+lI/gzbvd9SGTJL4zqJKBFttUl5pP27KhAjtMKbX/mQXJ7qgyXpMgVy/zvpm0xoQQaGL8OloOw==}
-    dependencies:
-      '@types/estree-jsx': 1.0.4
-      '@types/unist': 2.0.10
-    dev: false
+  /estree-util-is-identifier-name@3.0.0:
+    resolution: {integrity: sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==}
+    dev: true
 
   /estree-walker@3.0.3:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
     dependencies:
       '@types/estree': 1.0.5
+    dev: true
 
   /esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /event-emitter@0.3.5:
     resolution: {integrity: sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==}
     dependencies:
-      d: 1.0.1
-      es5-ext: 0.10.62
+      d: 1.0.2
+      es5-ext: 0.10.64
     dev: true
 
   /execa@5.1.1:
@@ -5627,7 +5523,7 @@ packages:
       human-signals: 5.0.0
       is-stream: 3.0.0
       merge-stream: 2.0.0
-      npm-run-path: 5.2.0
+      npm-run-path: 5.3.0
       onetime: 6.0.0
       signal-exit: 4.1.0
       strip-final-newline: 3.0.0
@@ -5644,15 +5540,15 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       is-extendable: 0.1.1
-    dev: false
+    dev: true
 
   /extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
-    dev: false
+    dev: true
 
   /extendable-error@0.1.7:
     resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==}
-    dev: false
+    dev: true
 
   /external-editor@3.1.0:
     resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
@@ -5661,7 +5557,7 @@ packages:
       chardet: 0.7.0
       iconv-lite: 0.4.24
       tmp: 0.0.33
-    dev: false
+    dev: true
 
   /fast-decode-uri-component@1.0.1:
     resolution: {integrity: sha512-WKgKWg5eUxvRZGwW8FvfbaH7AXSh2cL+3j5fMGzUMCxWBJ3dV3a7Wz8y2f/uQ0e3B6WmodD3oS54jTQ9HVTIIg==}
@@ -5669,7 +5565,6 @@ packages:
 
   /fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-    dev: true
 
   /fast-glob@3.3.2:
     resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
@@ -5683,11 +5578,9 @@ packages:
 
   /fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
-    dev: true
 
   /fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
-    dev: true
 
   /fast-querystring@1.1.2:
     resolution: {integrity: sha512-g6KuKWmFXc0fID8WWH0jit4g0AGBoJhCkJMb1RmbsSEUNvQ+ZC8D6CUZ+GtF8nMzSPXnhiePyyqqipzNNEnHjg==}
@@ -5695,11 +5588,17 @@ packages:
       fast-decode-uri-component: 1.0.1
     dev: true
 
-  /fastq@1.17.0:
-    resolution: {integrity: sha512-zGygtijUMT7jnk3h26kUms3BkSDp4IfIKjmnqI2tvx6nuBfiF1UqOxbnLfzdv+apBy+53oaImsKtMw/xYbW+1w==}
+  /fastq@1.17.1:
+    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
     dependencies:
       reusify: 1.0.4
 
+  /fault@2.0.1:
+    resolution: {integrity: sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==}
+    dependencies:
+      format: 0.2.2
+    dev: true
+
   /fflate@0.4.8:
     resolution: {integrity: sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==}
     dev: false
@@ -5709,7 +5608,6 @@ packages:
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
       flat-cache: 3.2.0
-    dev: true
 
   /fill-range@7.0.1:
     resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
@@ -5723,6 +5621,7 @@ packages:
     dependencies:
       locate-path: 5.0.0
       path-exists: 4.0.0
+    dev: true
 
   /find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
@@ -5736,20 +5635,18 @@ packages:
     dependencies:
       micromatch: 4.0.5
       pkg-dir: 4.2.0
-    dev: false
+    dev: true
 
   /flat-cache@3.2.0:
     resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
-      flatted: 3.2.9
+      flatted: 3.3.1
       keyv: 4.5.4
       rimraf: 3.0.2
-    dev: true
 
-  /flatted@3.2.9:
-    resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
-    dev: true
+  /flatted@3.3.1:
+    resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
 
   /for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
@@ -5781,8 +5678,32 @@ packages:
       mime-types: 2.1.35
     dev: true
 
+  /format@0.2.2:
+    resolution: {integrity: sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==}
+    engines: {node: '>=0.4.x'}
+    dev: true
+
   /fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
+    dev: false
+
+  /framer-motion@11.0.8(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-1KSGNuqe1qZkS/SWQlDnqK2VCVzRVEoval379j0FiUBJAZoqgwyvqFkfvJbgW2IPFo4wX16K+M0k5jO23lCIjA==}
+    peerDependencies:
+      react: ^18.0.0
+      react-dom: ^18.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+    dependencies:
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      tslib: 2.6.2
+    optionalDependencies:
+      '@emotion/is-prop-valid': 0.8.8
+    dev: false
 
   /fs-extra@7.0.1:
     resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
@@ -5791,7 +5712,7 @@ packages:
       graceful-fs: 4.2.11
       jsonfile: 4.0.0
       universalify: 0.1.2
-    dev: false
+    dev: true
 
   /fs-extra@8.1.0:
     resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
@@ -5800,11 +5721,10 @@ packages:
       graceful-fs: 4.2.11
       jsonfile: 4.0.0
       universalify: 0.1.2
-    dev: false
+    dev: true
 
   /fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
-    dev: true
 
   /fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
@@ -5820,9 +5740,9 @@ packages:
     resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
+      es-abstract: 1.22.5
       functions-have-names: 1.2.3
 
   /functions-have-names@1.2.3:
@@ -5835,30 +5755,27 @@ packages:
   /get-caller-file@2.0.5:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
-    dev: false
+    dev: true
 
   /get-func-name@2.0.2:
     resolution: {integrity: sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==}
     dev: true
 
-  /get-intrinsic@1.2.2:
-    resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==}
+  /get-intrinsic@1.2.4:
+    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+    engines: {node: '>= 0.4'}
     dependencies:
+      es-errors: 1.3.0
       function-bind: 1.1.2
-      has-proto: 1.0.1
+      has-proto: 1.0.3
       has-symbols: 1.0.3
-      hasown: 2.0.0
+      hasown: 2.0.1
 
   /get-nonce@1.0.1:
     resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
     engines: {node: '>=6'}
     dev: false
 
-  /get-stdin@9.0.0:
-    resolution: {integrity: sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==}
-    engines: {node: '>=12'}
-    dev: true
-
   /get-stream@6.0.1:
     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
     engines: {node: '>=10'}
@@ -5869,26 +5786,23 @@ packages:
     engines: {node: '>=16'}
     dev: true
 
-  /get-symbol-description@1.0.0:
-    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
+  /get-symbol-description@1.0.2:
+    resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
 
-  /get-tsconfig@4.7.2:
-    resolution: {integrity: sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==}
+  /get-tsconfig@4.7.3:
+    resolution: {integrity: sha512-ZvkrzoUA0PQZM6fy6+/Hce561s+faD1rsNwhnO5FelNjyy7EMGJ3Rz1AQ8GYDWjhRs/7dBLOEJvhK8MiEJOAFg==}
     dependencies:
       resolve-pkg-maps: 1.0.0
     dev: true
 
-  /git-hooks-list@3.1.0:
-    resolution: {integrity: sha512-LF8VeHeR7v+wAbXqfgRlTSX/1BJR9Q1vEMR8JAz1cEg6GX07+zyj3sAdDvYjj/xnlIfVuGgj4qBei1K3hKH+PA==}
-    dev: true
-
   /github-slugger@2.0.0:
     resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
-    dev: false
+    dev: true
 
   /glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
@@ -5925,7 +5839,6 @@ packages:
       minimatch: 3.1.2
       once: 1.4.0
       path-is-absolute: 1.0.1
-    dev: true
 
   /glob@8.1.0:
     resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
@@ -5947,7 +5860,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       type-fest: 0.20.2
-    dev: true
 
   /globalthis@1.0.3:
     resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
@@ -5966,32 +5878,20 @@ packages:
       merge2: 1.4.1
       slash: 3.0.0
 
-  /globby@13.2.2:
-    resolution: {integrity: sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      dir-glob: 3.0.1
-      fast-glob: 3.3.2
-      ignore: 5.3.1
-      merge2: 1.4.1
-      slash: 4.0.0
-    dev: true
-
   /gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
     dependencies:
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
 
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
   /grapheme-splitter@1.0.4:
     resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
-    dev: false
+    dev: true
 
   /graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-    dev: true
 
   /gray-matter@4.0.3:
     resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
@@ -6001,7 +5901,7 @@ packages:
       kind-of: 6.0.3
       section-matter: 1.0.0
       strip-bom-string: 1.0.0
-    dev: false
+    dev: true
 
   /hanji@0.0.5:
     resolution: {integrity: sha512-Abxw1Lq+TnYiL4BueXqMau222fPSPMFtya8HdpWsz/xVAhifXou71mPh/kY2+08RgFcVccjG3uZHs6K5HAe3zw==}
@@ -6013,7 +5913,7 @@ packages:
   /hard-rejection@2.1.0:
     resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
     engines: {node: '>=6'}
-    dev: false
+    dev: true
 
   /has-bigints@1.0.2:
     resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
@@ -6026,13 +5926,13 @@ packages:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
 
-  /has-property-descriptors@1.0.1:
-    resolution: {integrity: sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==}
+  /has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
     dependencies:
-      get-intrinsic: 1.2.2
+      es-define-property: 1.0.0
 
-  /has-proto@1.0.1:
-    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
+  /has-proto@1.0.3:
+    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
     engines: {node: '>= 0.4'}
 
   /has-symbols@1.0.3:
@@ -6045,8 +5945,8 @@ packages:
     dependencies:
       has-symbols: 1.0.3
 
-  /hasown@2.0.0:
-    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==}
+  /hasown@2.0.1:
+    resolution: {integrity: sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==}
     engines: {node: '>= 0.4'}
     dependencies:
       function-bind: 1.1.2
@@ -6062,19 +5962,25 @@ packages:
       vfile: 6.0.1
       vfile-location: 5.0.2
       web-namespaces: 2.0.1
-    dev: false
+    dev: true
 
   /hast-util-heading-rank@3.0.0:
     resolution: {integrity: sha512-EJKb8oMUXVHcWZTDepnr+WNbfnXKFNf9duMesmr4S8SXTJBJ9M4Yok08pu9vxdJwdlGRhVumk9mEhkEvKGifwA==}
     dependencies:
       '@types/hast': 3.0.4
-    dev: false
+    dev: true
+
+  /hast-util-is-element@3.0.0:
+    resolution: {integrity: sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==}
+    dependencies:
+      '@types/hast': 3.0.4
+    dev: true
 
   /hast-util-parse-selector@4.0.0:
     resolution: {integrity: sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==}
     dependencies:
       '@types/hast': 3.0.4
-    dev: false
+    dev: true
 
   /hast-util-raw@9.0.2:
     resolution: {integrity: sha512-PldBy71wO9Uq1kyaMch9AHIghtQvIwxBUkv823pKmkTM3oV1JxtsTNYdevMxvUHqcnOAuO65JKU2+0NOxc2ksA==}
@@ -6092,29 +5998,7 @@ packages:
       vfile: 6.0.1
       web-namespaces: 2.0.1
       zwitch: 2.0.4
-    dev: false
-
-  /hast-util-to-estree@2.3.3:
-    resolution: {integrity: sha512-ihhPIUPxN0v0w6M5+IiAZZrn0LH2uZomeWwhn7uP7avZC6TE7lIiEh2yBMPr5+zi1aUCXq6VoYRgs2Bw9xmycQ==}
-    dependencies:
-      '@types/estree': 1.0.5
-      '@types/estree-jsx': 1.0.4
-      '@types/hast': 2.3.10
-      '@types/unist': 2.0.10
-      comma-separated-tokens: 2.0.3
-      estree-util-attach-comments: 2.1.1
-      estree-util-is-identifier-name: 2.1.0
-      hast-util-whitespace: 2.0.1
-      mdast-util-mdx-expression: 1.3.2
-      mdast-util-mdxjs-esm: 1.3.1
-      property-information: 6.4.1
-      space-separated-tokens: 2.0.2
-      style-to-object: 0.4.4
-      unist-util-position: 4.0.4
-      zwitch: 2.0.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
+    dev: true
 
   /hast-util-to-html@9.0.0:
     resolution: {integrity: sha512-IVGhNgg7vANuUA2XKrT6sOIIPgaYZnmLx3l/CCOAK0PtgfoHrZwX7jCSYyFxHTrGmC6S9q8aQQekjp4JPZF+cw==}
@@ -6131,7 +6015,29 @@ packages:
       space-separated-tokens: 2.0.2
       stringify-entities: 4.0.3
       zwitch: 2.0.4
-    dev: false
+    dev: true
+
+  /hast-util-to-jsx-runtime@2.3.0:
+    resolution: {integrity: sha512-H/y0+IWPdsLLS738P8tDnrQ8Z+dj12zQQ6WC11TIM21C8WFVoIxcqWXf2H3hiTVZjF1AWqoimGwrTWecWrnmRQ==}
+    dependencies:
+      '@types/estree': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.2
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      hast-util-whitespace: 3.0.0
+      mdast-util-mdx-expression: 2.0.0
+      mdast-util-mdx-jsx: 3.1.1
+      mdast-util-mdxjs-esm: 2.0.1
+      property-information: 6.4.1
+      space-separated-tokens: 2.0.2
+      style-to-object: 1.0.5
+      unist-util-position: 5.0.0
+      vfile-message: 4.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
 
   /hast-util-to-parse5@8.0.0:
     resolution: {integrity: sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw==}
@@ -6143,23 +6049,28 @@ packages:
       space-separated-tokens: 2.0.2
       web-namespaces: 2.0.1
       zwitch: 2.0.4
-    dev: false
+    dev: true
 
   /hast-util-to-string@3.0.0:
     resolution: {integrity: sha512-OGkAxX1Ua3cbcW6EJ5pT/tslVb90uViVkcJ4ZZIMW/R33DX/AkcJcRrPebPwJkHYwlDHXz4aIwvAAaAdtrACFA==}
     dependencies:
       '@types/hast': 3.0.4
-    dev: false
+    dev: true
 
-  /hast-util-whitespace@2.0.1:
-    resolution: {integrity: sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==}
-    dev: false
+  /hast-util-to-text@4.0.0:
+    resolution: {integrity: sha512-EWiE1FSArNBPUo1cKWtzqgnuRQwEeQbQtnFJRYV1hb1BWDgrAlBU0ExptvZMM/KSA82cDpm2sFGf3Dmc5Mza3w==}
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.2
+      hast-util-is-element: 3.0.0
+      unist-util-find-after: 5.0.0
+    dev: true
 
   /hast-util-whitespace@3.0.0:
     resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
     dependencies:
       '@types/hast': 3.0.4
-    dev: false
+    dev: true
 
   /hastscript@8.0.0:
     resolution: {integrity: sha512-dMOtzCEd3ABUeSIISmrETiKuyydk1w0pa+gE/uormcTpSYuaNJPbX1NU3JLyscSLjwAQM8bWMhhIlnCqnRvDTw==}
@@ -6169,26 +6080,20 @@ packages:
       hast-util-parse-selector: 4.0.0
       property-information: 6.4.1
       space-separated-tokens: 2.0.2
-    dev: false
+    dev: true
 
   /heap@0.2.7:
     resolution: {integrity: sha512-2bsegYkkHO+h/9MGbn6KWcE45cHZgPANo5LXF7EvWdT0yT2EguSVO1nDgU5c8+ZOPwp2vMNa7YFsJhVcDR9Sdg==}
     dev: true
 
-  /hogan.js@3.0.2:
-    resolution: {integrity: sha512-RqGs4wavGYJWE07t35JQccByczmNUXQT0E12ZYV1VKYu5UiAU9lsos/yBAcf840+zrUQQxgVduCR5/B8nNtibg==}
-    hasBin: true
-    dependencies:
-      mkdirp: 0.3.0
-      nopt: 1.0.10
-    dev: false
+  /highlight.js@11.9.0:
+    resolution: {integrity: sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==}
+    engines: {node: '>=12.0.0'}
+    dev: true
 
   /hosted-git-info@2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
-
-  /htm@3.1.1:
-    resolution: {integrity: sha512-983Vyg8NwUE7JkZ6NmOqpCZ+sh1bKv2iYTlUkzlWmA5JD2acKoxd4KVxbMmxX/85mtfdnDmTFoNKcg5DGAvxNQ==}
-    dev: false
+    dev: true
 
   /html-dom-parser@5.0.3:
     resolution: {integrity: sha512-slsc6ipw88OUZjAayRs5NTmfOQCwcUa3hNyk6AdsbQxY09H5Lr1Y3CZ4ZlconMKql3Ga6sWg3HMoUzo7KSItaQ==}
@@ -6218,7 +6123,7 @@ packages:
 
   /html-void-elements@3.0.0:
     resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
-    dev: false
+    dev: true
 
   /htmlparser2@9.0.0:
     resolution: {integrity: sha512-uxbSI98wmFT/G4P2zXx4OVx04qWUmyFPrD2/CNepa2Zo3GPNaCaaxElDgwUrwYWkK1nr9fft0Ya8dws8coDLLQ==}
@@ -6229,8 +6134,8 @@ packages:
       entities: 4.5.0
     dev: false
 
-  /http-proxy-agent@7.0.0:
-    resolution: {integrity: sha512-+ZT+iBxVUQ1asugqnD6oWoRiS25AkjNfG085dKJGtGxkdwLQrMKU5wJr2bOOFAXzKcTuqq+7fZlTMgG3SRfIYQ==}
+  /http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
     engines: {node: '>= 14'}
     dependencies:
       agent-base: 7.1.0
@@ -6239,8 +6144,8 @@ packages:
       - supports-color
     dev: true
 
-  /https-proxy-agent@7.0.2:
-    resolution: {integrity: sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==}
+  /https-proxy-agent@7.0.4:
+    resolution: {integrity: sha512-wlwpilI7YdjSkWaQ/7omYBMTliDcmCN8OLihO6I9B86g06lMyAoqgoDpV0XqoaPOKj+0DIdAvnsWfyAAhmimcg==}
     engines: {node: '>= 14'}
     dependencies:
       agent-base: 7.1.0
@@ -6251,7 +6156,7 @@ packages:
 
   /human-id@1.0.2:
     resolution: {integrity: sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw==}
-    dev: false
+    dev: true
 
   /human-signals@2.1.0:
     resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
@@ -6263,8 +6168,8 @@ packages:
     engines: {node: '>=16.17.0'}
     dev: true
 
-  /i18n-iso-countries@7.8.0:
-    resolution: {integrity: sha512-XNxPF0cpNFDxz/FA/uMoONFwvRoWFzrtU8OTOXKMXNpoY7FtqKSKF++/jxTKkMEew0J2MGB8Mf/f1j+BEW/hfw==}
+  /i18n-iso-countries@7.10.1:
+    resolution: {integrity: sha512-9DXmAMkfGcGNE+E/2fE85UUjjkPeT0LHMA8d+kcxXiO+s50W28lxiICel8f8qWZmCNic1cuhN1+nw7ZazMQJFA==}
     engines: {node: '>= 12'}
     dependencies:
       diacritics: 1.3.0
@@ -6275,7 +6180,7 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       safer-buffer: 2.1.2
-    dev: false
+    dev: true
 
   /iconv-lite@0.6.3:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
@@ -6294,67 +6199,35 @@ packages:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
-    dev: true
 
   /imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
-    dev: true
 
   /indent-string@4.0.0:
     resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
     engines: {node: '>=8'}
+    dev: true
 
   /inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
     dependencies:
       once: 1.4.0
       wrappy: 1.0.2
-    dev: true
 
   /inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
-    dev: true
-
-  /inline-style-parser@0.1.1:
-    resolution: {integrity: sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==}
-    dev: false
 
   /inline-style-parser@0.2.2:
     resolution: {integrity: sha512-EcKzdTHVe8wFVOGEYXiW9WmJXPjqi1T+234YpJr98RiFYKHV3cdy1+3mkTE+KHTHxFFLH51SfaGOoUdW+v7ViQ==}
-    dev: false
-
-  /instantsearch-ui-components@0.3.0:
-    resolution: {integrity: sha512-PCVvw9L0YHZs99ZZNRzmF4ghre6SVq2tiz7yCPIamMR+2pccpFXwtdJ2Gmdg+FF4SLif4d8TldvxWFOB0+L5gg==}
-    dev: false
-
-  /instantsearch.js@4.65.0(algoliasearch@4.22.1):
-    resolution: {integrity: sha512-LCJErlVwmsh/41CiEJRcoVPxfa+06yb1qmZfcvzXOMwC6ydb/yfBlFxQgjsQKYA2adwH40c3YF34Jq+V5YiaMg==}
-    peerDependencies:
-      algoliasearch: '>= 3.1 < 6'
-    dependencies:
-      '@algolia/events': 4.0.1
-      '@types/dom-speech-recognition': 0.0.1
-      '@types/google.maps': 3.55.3
-      '@types/hogan.js': 3.0.5
-      '@types/qs': 6.9.11
-      algoliasearch: 4.22.1
-      algoliasearch-helper: 3.16.2(algoliasearch@4.22.1)
-      hogan.js: 3.0.2
-      htm: 3.1.1
-      instantsearch-ui-components: 0.3.0
-      preact: 10.19.5
-      qs: 6.9.7
-      search-insights: 2.13.0
-    dev: false
 
-  /internal-slot@1.0.6:
-    resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==}
+  /internal-slot@1.0.7:
+    resolution: {integrity: sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==}
     engines: {node: '>= 0.4'}
     dependencies:
-      get-intrinsic: 1.2.2
-      hasown: 2.0.0
-      side-channel: 1.0.4
+      es-errors: 1.3.0
+      hasown: 2.0.1
+      side-channel: 1.0.6
 
   /intl-messageformat@9.13.0:
     resolution: {integrity: sha512-7sGC7QnSQGa5LZP7bXLDhVDtQOeKGeBFGHF2Y8LVBwYZoQZCgWeKoPGTa5GMG8g/TzDgeXuYJQis7Ggiw2xTOw==}
@@ -6373,39 +6246,40 @@ packages:
 
   /is-alphabetical@2.0.1:
     resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
-    dev: false
+    dev: true
 
   /is-alphanumerical@2.0.1:
     resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
     dependencies:
       is-alphabetical: 2.0.1
       is-decimal: 2.0.1
-    dev: false
+    dev: true
 
   /is-arguments@1.1.1:
     resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       has-tostringtag: 1.0.2
     dev: true
 
-  /is-array-buffer@3.0.2:
-    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
+  /is-array-buffer@3.0.4:
+    resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
+    engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
-      is-typed-array: 1.1.13
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
 
   /is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+    dev: true
 
   /is-async-function@2.0.0:
     resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
     engines: {node: '>= 0.4'}
     dependencies:
       has-tostringtag: 1.0.2
-    dev: true
+    dev: false
 
   /is-bigint@1.0.4:
     resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
@@ -6422,21 +6296,9 @@ packages:
     resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       has-tostringtag: 1.0.2
 
-  /is-buffer@2.0.5:
-    resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
-    engines: {node: '>=4'}
-    dev: false
-
-  /is-builtin-module@3.2.1:
-    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
-    engines: {node: '>=6'}
-    dependencies:
-      builtin-modules: 3.3.0
-    dev: true
-
   /is-callable@1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
@@ -6444,7 +6306,7 @@ packages:
   /is-core-module@2.13.1:
     resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
     dependencies:
-      hasown: 2.0.0
+      hasown: 2.0.1
 
   /is-date-object@1.0.5:
     resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
@@ -6454,12 +6316,12 @@ packages:
 
   /is-decimal@2.0.1:
     resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
-    dev: false
+    dev: true
 
   /is-extendable@0.1.1:
     resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
     engines: {node: '>=0.10.0'}
-    dev: false
+    dev: true
 
   /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
@@ -6468,8 +6330,8 @@ packages:
   /is-finalizationregistry@1.0.2:
     resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
     dependencies:
-      call-bind: 1.0.5
-    dev: true
+      call-bind: 1.0.7
+    dev: false
 
   /is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
@@ -6480,7 +6342,7 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       has-tostringtag: 1.0.2
-    dev: true
+    dev: false
 
   /is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
@@ -6490,14 +6352,13 @@ packages:
 
   /is-hexadecimal@2.0.1:
     resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
-    dev: false
+    dev: true
 
   /is-map@2.0.2:
     resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
-    dev: true
 
-  /is-negative-zero@2.0.2:
-    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
+  /is-negative-zero@2.0.3:
+    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
     engines: {node: '>= 0.4'}
 
   /is-number-object@1.0.7:
@@ -6513,16 +6374,16 @@ packages:
   /is-path-inside@3.0.3:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
     engines: {node: '>=8'}
-    dev: true
 
   /is-plain-obj@1.1.0:
     resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
     engines: {node: '>=0.10.0'}
-    dev: false
+    dev: true
 
   /is-plain-obj@4.1.0:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
     engines: {node: '>=12'}
+    dev: true
 
   /is-potential-custom-element-name@1.0.1:
     resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
@@ -6532,27 +6393,21 @@ packages:
     resolution: {integrity: sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==}
     dev: true
 
-  /is-reference@3.0.2:
-    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
-    dependencies:
-      '@types/estree': 1.0.5
-    dev: false
-
   /is-regex@1.1.4:
     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       has-tostringtag: 1.0.2
 
   /is-set@2.0.2:
     resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==}
-    dev: true
 
-  /is-shared-array-buffer@1.0.2:
-    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
+  /is-shared-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
+    engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
 
   /is-stream@2.0.1:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
@@ -6575,7 +6430,7 @@ packages:
     engines: {node: '>=4'}
     dependencies:
       better-path-resolve: 1.0.0
-    dev: false
+    dev: true
 
   /is-symbol@1.0.4:
     resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
@@ -6591,19 +6446,17 @@ packages:
 
   /is-weakmap@2.0.1:
     resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==}
-    dev: true
 
   /is-weakref@1.0.2:
     resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
 
   /is-weakset@2.0.2:
     resolution: {integrity: sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==}
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
-    dev: true
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
 
   /is-what@4.1.16:
     resolution: {integrity: sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==}
@@ -6613,7 +6466,7 @@ packages:
   /is-windows@1.0.2:
     resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
     engines: {node: '>=0.10.0'}
-    dev: false
+    dev: true
 
   /isarray@2.0.5:
     resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
@@ -6625,11 +6478,11 @@ packages:
     resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
     dependencies:
       define-properties: 1.2.1
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
       has-symbols: 1.0.3
-      reflect.getprototypeof: 1.0.4
-      set-function-name: 2.0.1
-    dev: true
+      reflect.getprototypeof: 1.0.5
+      set-function-name: 2.0.2
+    dev: false
 
   /jackspeak@2.3.6:
     resolution: {integrity: sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==}
@@ -6643,10 +6496,6 @@ packages:
     resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==}
     hasBin: true
 
-  /jju@1.4.0:
-    resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==}
-    dev: true
-
   /joycon@3.1.1:
     resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
     engines: {node: '>=10'}
@@ -6660,13 +6509,17 @@ packages:
   /js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
+  /js-tokens@8.0.3:
+    resolution: {integrity: sha512-UfJMcSJc+SEXEl9lH/VLHSZbThQyLpw1vLO1Lb+j4RWDvG3N2f7yj3PVQA3cmkTBNldJ9eFnM+xEXxHIXrYiJw==}
+    dev: true
+
   /js-yaml@3.14.1:
     resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
     hasBin: true
     dependencies:
       argparse: 1.0.10
       esprima: 4.0.1
-    dev: false
+    dev: true
 
   /js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
@@ -6688,8 +6541,8 @@ packages:
       decimal.js: 10.4.3
       form-data: 4.0.0
       html-encoding-sniffer: 4.0.0
-      http-proxy-agent: 7.0.0
-      https-proxy-agent: 7.0.2
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.4
       is-potential-custom-element-name: 1.0.1
       nwsapi: 2.2.7
       parse5: 7.1.2
@@ -6710,52 +6563,39 @@ packages:
       - utf-8-validate
     dev: true
 
-  /jsesc@0.5.0:
-    resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
-    hasBin: true
-    dev: true
-
   /jsesc@2.5.2:
     resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
     engines: {node: '>=4'}
     hasBin: true
 
-  /jsesc@3.0.2:
-    resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
-    engines: {node: '>=6'}
-    hasBin: true
-    dev: true
-
   /json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
-    dev: true
 
   /json-diff@0.9.0:
     resolution: {integrity: sha512-cVnggDrVkAAA3OvFfHpFEhOnmcsUpleEKq4d4O8sQWWSH40MBrWstKigVB1kGrgLWzuom+7rRdaCsnBD6VyObQ==}
     hasBin: true
     dependencies:
-      cli-color: 2.0.3
+      cli-color: 2.0.4
       difflib: 0.2.4
       dreamopt: 0.8.0
     dev: true
 
   /json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+    dev: true
 
   /json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
-    dev: true
 
   /json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
-    dev: true
 
   /json5@1.0.2:
     resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
     hasBin: true
     dependencies:
       minimist: 1.2.8
-    dev: true
+    dev: false
 
   /json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
@@ -6770,7 +6610,7 @@ packages:
     resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
     optionalDependencies:
       graceful-fs: 4.2.11
-    dev: false
+    dev: true
 
   /jsx-ast-utils@3.3.5:
     resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
@@ -6780,34 +6620,33 @@ packages:
       array.prototype.flat: 1.3.2
       object.assign: 4.1.5
       object.values: 1.1.7
-    dev: true
+    dev: false
 
   /keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
     dependencies:
       json-buffer: 3.0.1
-    dev: true
 
   /kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
-    dev: false
+    dev: true
 
   /kleur@4.1.5:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
-    dev: false
+    dev: true
 
   /language-subtag-registry@0.3.22:
     resolution: {integrity: sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==}
-    dev: true
+    dev: false
 
   /language-tags@1.0.9:
     resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
     engines: {node: '>=0.10'}
     dependencies:
       language-subtag-registry: 0.3.22
-    dev: true
+    dev: false
 
   /levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
@@ -6815,14 +6654,13 @@ packages:
     dependencies:
       prelude-ls: 1.2.1
       type-check: 0.4.0
-    dev: true
 
   /lilconfig@2.1.0:
     resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
     engines: {node: '>=10'}
 
-  /lilconfig@3.0.0:
-    resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
+  /lilconfig@3.1.1:
+    resolution: {integrity: sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==}
     engines: {node: '>=14'}
 
   /lines-and-columns@1.2.4:
@@ -6841,13 +6679,13 @@ packages:
       js-yaml: 3.14.1
       pify: 4.0.1
       strip-bom: 3.0.0
-    dev: false
+    dev: true
 
   /local-pkg@0.5.0:
     resolution: {integrity: sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==}
     engines: {node: '>=14'}
     dependencies:
-      mlly: 1.5.0
+      mlly: 1.6.1
       pkg-types: 1.0.3
     dev: true
 
@@ -6856,6 +6694,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       p-locate: 4.1.0
+    dev: true
 
   /locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
@@ -6865,11 +6704,11 @@ packages:
 
   /lodash.castarray@4.4.0:
     resolution: {integrity: sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==}
-    dev: false
+    dev: true
 
   /lodash.isplainobject@4.0.6:
     resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
-    dev: false
+    dev: true
 
   /lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
@@ -6880,19 +6719,15 @@ packages:
 
   /lodash.startcase@4.4.0:
     resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
-    dev: false
+    dev: true
 
   /lodash.throttle@4.1.1:
     resolution: {integrity: sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==}
     dev: true
 
-  /lodash@4.17.21:
-    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
-    dev: true
-
   /longest-streak@3.1.0:
     resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
-    dev: false
+    dev: true
 
   /loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
@@ -6909,9 +6744,17 @@ packages:
   /lower-case@2.0.2:
     resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.4.1
     dev: false
 
+  /lowlight@3.1.0:
+    resolution: {integrity: sha512-CEbNVoSikAxwDMDPjXlqlFYiZLkDJHwyGu/MfOsJnF3d7f3tds5J3z8s/l9TMXhzfsJCCJEAsD78842mwmg0PQ==}
+    dependencies:
+      '@types/hast': 3.0.4
+      devlop: 1.1.0
+      highlight.js: 11.9.0
+    dev: true
+
   /lru-cache@10.2.0:
     resolution: {integrity: sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==}
     engines: {node: 14 || >=16.14}
@@ -6921,7 +6764,7 @@ packages:
     dependencies:
       pseudomap: 1.0.2
       yallist: 2.1.2
-    dev: false
+    dev: true
 
   /lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
@@ -6937,19 +6780,27 @@ packages:
   /lru-queue@0.1.0:
     resolution: {integrity: sha512-BpdYkt9EvGl8OfWHDQPISVpcl5xZthb+XPsbELj5AQXxIC8IriDZIQYjBJPEm5rS420sjZ0TLEzRcq5KdBhYrQ==}
     dependencies:
-      es5-ext: 0.10.62
+      es5-ext: 0.10.64
     dev: true
 
-  /lucide-react@0.279.0(react@18.2.0):
-    resolution: {integrity: sha512-LJ8g66+Bxc3t3x9vKTeK3wn3xucrOQGfJ9ou9GsBwCt2offsrT2BB90XrTrIzE1noYYDe2O8jZaRHi6sAHXNxw==}
+  /lucide-react@0.292.0(react@18.2.0):
+    resolution: {integrity: sha512-rRgUkpEHWpa5VCT66YscInCQmQuPCB1RFRzkkxMxg4b+jaL0V12E3riWWR2Sh5OIiUhCwGW/ZExuEO4Az32E6Q==}
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0
     dependencies:
       react: 18.2.0
     dev: false
 
-  /lucide-react@0.292.0(react@18.2.0):
-    resolution: {integrity: sha512-rRgUkpEHWpa5VCT66YscInCQmQuPCB1RFRzkkxMxg4b+jaL0V12E3riWWR2Sh5OIiUhCwGW/ZExuEO4Az32E6Q==}
+  /lucide-react@0.341.0(react@18.2.0):
+    resolution: {integrity: sha512-fqI0TLU/VbzC3p90MHP3kdCRRUMTRT5qBfxwaXlllkZieYfRrMVd/RORXytqJUC2GBrvZdWYs6yvJIrqdsOmDQ==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0
+    dependencies:
+      react: 18.2.0
+    dev: false
+
+  /lucide-react@0.354.0(react@18.2.0):
+    resolution: {integrity: sha512-qI0x/hhcuHieaUUxFejesm5T/ditszQ2x1gUkqKnTMZRAOdxT2nGzbOFYrhc0wRjuA2MN1o5JCrcRPYcHH3l8A==}
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0
     dependencies:
@@ -6961,70 +6812,34 @@ packages:
     hasBin: true
     dev: true
 
-  /magic-string@0.30.6:
-    resolution: {integrity: sha512-n62qCLbPjNjyo+owKtveQxZFZTBm+Ms6YoGD23Wew6Vw337PElFNifQpknPruVRQV57kVShPnLGo9vWxVhpPvA==}
+  /magic-string@0.30.8:
+    resolution: {integrity: sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==}
     engines: {node: '>=12'}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
     dev: true
 
-  /make-error@1.3.6:
-    resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
-
   /map-obj@1.0.1:
     resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
     engines: {node: '>=0.10.0'}
-    dev: false
+    dev: true
 
   /map-obj@4.3.0:
     resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
     engines: {node: '>=8'}
-    dev: false
-
-  /markdown-extensions@1.1.1:
-    resolution: {integrity: sha512-WWC0ZuMzCyDHYCasEGs4IPvLyTGftYwh6wIEOULOF0HXcqZlhwRzrK0w2VUlxWA98xnvb/jszw4ZSkJ6ADpM6Q==}
-    engines: {node: '>=0.10.0'}
-    dev: false
 
   /markdown-table@3.0.3:
     resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
-    dev: false
-
-  /mdast-util-definitions@5.1.2:
-    resolution: {integrity: sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==}
-    dependencies:
-      '@types/mdast': 3.0.15
-      '@types/unist': 2.0.10
-      unist-util-visit: 4.1.2
-    dev: false
+    dev: true
 
-  /mdast-util-find-and-replace@2.2.2:
-    resolution: {integrity: sha512-MTtdFRz/eMDHXzeK6W3dO7mXUlF82Gom4y0oOgvHhh/HXZAGvIQDUvQ0SuUx+j2tv44b8xTHOm8K/9OoRFnXKw==}
+  /mdast-util-find-and-replace@3.0.1:
+    resolution: {integrity: sha512-SG21kZHGC3XRTSUhtofZkBzZTJNM5ecCi0SK2IMKmSXR8vO3peL+kb1O0z7Zl83jKtutG4k5Wv/W7V3/YHvzPA==}
     dependencies:
-      '@types/mdast': 3.0.15
+      '@types/mdast': 4.0.3
       escape-string-regexp: 5.0.0
-      unist-util-is: 5.2.1
-      unist-util-visit-parents: 5.1.3
-    dev: false
-
-  /mdast-util-from-markdown@1.3.1:
-    resolution: {integrity: sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==}
-    dependencies:
-      '@types/mdast': 3.0.15
-      '@types/unist': 2.0.10
-      decode-named-character-reference: 1.0.2
-      mdast-util-to-string: 3.2.0
-      micromark: 3.2.0
-      micromark-util-decode-numeric-character-reference: 1.1.0
-      micromark-util-decode-string: 1.1.0
-      micromark-util-normalize-identifier: 1.1.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      unist-util-stringify-position: 3.0.3
-      uvu: 0.5.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
+      unist-util-is: 6.0.0
+      unist-util-visit-parents: 6.0.1
+    dev: true
 
   /mdast-util-from-markdown@2.0.0:
     resolution: {integrity: sha512-n7MTOr/z+8NAX/wmhhDji8O3bRvPTV/U0oTCaZJkjhPSKTPhS3xufVhKGF8s1pJ7Ox4QgoIU7KHseh09S+9rTA==}
@@ -7043,145 +6858,142 @@ packages:
       unist-util-stringify-position: 4.0.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
+    dev: true
+
+  /mdast-util-frontmatter@2.0.1:
+    resolution: {integrity: sha512-LRqI9+wdgC25P0URIJY9vwocIzCcksduHQ9OF2joxQoyTNVduwLAFUzjoopuRJbJAReaKrNQKAZKL3uCMugWJA==}
+    dependencies:
+      '@types/mdast': 4.0.3
+      devlop: 1.1.0
+      escape-string-regexp: 5.0.0
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-to-markdown: 2.1.0
+      micromark-extension-frontmatter: 2.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
 
-  /mdast-util-gfm-autolink-literal@1.0.3:
-    resolution: {integrity: sha512-My8KJ57FYEy2W2LyNom4n3E7hKTuQk/0SES0u16tjA9Z3oFkF4RrC/hPAPgjlSpezsOvI8ObcXcElo92wn5IGA==}
+  /mdast-util-gfm-autolink-literal@2.0.0:
+    resolution: {integrity: sha512-FyzMsduZZHSc3i0Px3PQcBT4WJY/X/RCtEJKuybiC6sjPqLv7h1yqAkmILZtuxMSsUyaLUWNp71+vQH2zqp5cg==}
     dependencies:
-      '@types/mdast': 3.0.15
+      '@types/mdast': 4.0.3
       ccount: 2.0.1
-      mdast-util-find-and-replace: 2.2.2
-      micromark-util-character: 1.2.0
-    dev: false
+      devlop: 1.1.0
+      mdast-util-find-and-replace: 3.0.1
+      micromark-util-character: 2.1.0
+    dev: true
 
-  /mdast-util-gfm-footnote@1.0.2:
-    resolution: {integrity: sha512-56D19KOGbE00uKVj3sgIykpwKL179QsVFwx/DCW0u/0+URsryacI4MAdNJl0dh+u2PSsD9FtxPFbHCzJ78qJFQ==}
+  /mdast-util-gfm-footnote@2.0.0:
+    resolution: {integrity: sha512-5jOT2boTSVkMnQ7LTrd6n/18kqwjmuYqo7JUPe+tRCY6O7dAuTFMtTPauYYrMPpox9hlN0uOx/FL8XvEfG9/mQ==}
     dependencies:
-      '@types/mdast': 3.0.15
-      mdast-util-to-markdown: 1.5.0
-      micromark-util-normalize-identifier: 1.1.0
-    dev: false
+      '@types/mdast': 4.0.3
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-to-markdown: 2.1.0
+      micromark-util-normalize-identifier: 2.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
 
-  /mdast-util-gfm-strikethrough@1.0.3:
-    resolution: {integrity: sha512-DAPhYzTYrRcXdMjUtUjKvW9z/FNAMTdU0ORyMcbmkwYNbKocDpdk+PX1L1dQgOID/+vVs1uBQ7ElrBQfZ0cuiQ==}
+  /mdast-util-gfm-strikethrough@2.0.0:
+    resolution: {integrity: sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==}
     dependencies:
-      '@types/mdast': 3.0.15
-      mdast-util-to-markdown: 1.5.0
-    dev: false
+      '@types/mdast': 4.0.3
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-to-markdown: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
 
-  /mdast-util-gfm-table@1.0.7:
-    resolution: {integrity: sha512-jjcpmNnQvrmN5Vx7y7lEc2iIOEytYv7rTvu+MeyAsSHTASGCCRA79Igg2uKssgOs1i1po8s3plW0sTu1wkkLGg==}
+  /mdast-util-gfm-table@2.0.0:
+    resolution: {integrity: sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==}
     dependencies:
-      '@types/mdast': 3.0.15
+      '@types/mdast': 4.0.3
+      devlop: 1.1.0
       markdown-table: 3.0.3
-      mdast-util-from-markdown: 1.3.1
-      mdast-util-to-markdown: 1.5.0
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-to-markdown: 2.1.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
+    dev: true
 
-  /mdast-util-gfm-task-list-item@1.0.2:
-    resolution: {integrity: sha512-PFTA1gzfp1B1UaiJVyhJZA1rm0+Tzn690frc/L8vNX1Jop4STZgOE6bxUhnzdVSB+vm2GU1tIsuQcA9bxTQpMQ==}
+  /mdast-util-gfm-task-list-item@2.0.0:
+    resolution: {integrity: sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==}
     dependencies:
-      '@types/mdast': 3.0.15
-      mdast-util-to-markdown: 1.5.0
-    dev: false
+      '@types/mdast': 4.0.3
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-to-markdown: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
 
-  /mdast-util-gfm@2.0.2:
-    resolution: {integrity: sha512-qvZ608nBppZ4icQlhQQIAdc6S3Ffj9RGmzwUKUWuEICFnd1LVkN3EktF7ZHAgfcEdvZB5owU9tQgt99e2TlLjg==}
+  /mdast-util-gfm@3.0.0:
+    resolution: {integrity: sha512-dgQEX5Amaq+DuUqf26jJqSK9qgixgd6rYDHAv4aTBuA92cTknZlKpPfa86Z/s8Dj8xsAQpFfBmPUHWJBWqS4Bw==}
     dependencies:
-      mdast-util-from-markdown: 1.3.1
-      mdast-util-gfm-autolink-literal: 1.0.3
-      mdast-util-gfm-footnote: 1.0.2
-      mdast-util-gfm-strikethrough: 1.0.3
-      mdast-util-gfm-table: 1.0.7
-      mdast-util-gfm-task-list-item: 1.0.2
-      mdast-util-to-markdown: 1.5.0
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-gfm-autolink-literal: 2.0.0
+      mdast-util-gfm-footnote: 2.0.0
+      mdast-util-gfm-strikethrough: 2.0.0
+      mdast-util-gfm-table: 2.0.0
+      mdast-util-gfm-task-list-item: 2.0.0
+      mdast-util-to-markdown: 2.1.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
+    dev: true
 
-  /mdast-util-mdx-expression@1.3.2:
-    resolution: {integrity: sha512-xIPmR5ReJDu/DHH1OoIT1HkuybIfRGYRywC+gJtI7qHjCJp/M9jrmBEJW22O8lskDWm562BX2W8TiAwRTb0rKA==}
+  /mdast-util-mdx-expression@2.0.0:
+    resolution: {integrity: sha512-fGCu8eWdKUKNu5mohVGkhBXCXGnOTLuFqOvGMvdikr+J1w7lDJgxThOKpwRWzzbyXAU2hhSwsmssOY4yTokluw==}
     dependencies:
-      '@types/estree-jsx': 1.0.4
-      '@types/hast': 2.3.10
-      '@types/mdast': 3.0.15
-      mdast-util-from-markdown: 1.3.1
-      mdast-util-to-markdown: 1.5.0
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.3
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-to-markdown: 2.1.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
+    dev: true
 
-  /mdast-util-mdx-jsx@2.1.4:
-    resolution: {integrity: sha512-DtMn9CmVhVzZx3f+optVDF8yFgQVt7FghCRNdlIaS3X5Bnym3hZwPbg/XW86vdpKjlc1PVj26SpnLGeJBXD3JA==}
+  /mdast-util-mdx-jsx@3.1.1:
+    resolution: {integrity: sha512-Di63TQEHbiApe6CFp/qQXCORHMHnmW2JFdr5PYH57LuEIPjijRHicAmL5wQu+B0/Q4p0qJaEOE1EkhiwxiNmAQ==}
     dependencies:
-      '@types/estree-jsx': 1.0.4
-      '@types/hast': 2.3.10
-      '@types/mdast': 3.0.15
-      '@types/unist': 2.0.10
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.3
+      '@types/unist': 3.0.2
       ccount: 2.0.1
-      mdast-util-from-markdown: 1.3.1
-      mdast-util-to-markdown: 1.5.0
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-to-markdown: 2.1.0
       parse-entities: 4.0.1
       stringify-entities: 4.0.3
-      unist-util-remove-position: 4.0.2
-      unist-util-stringify-position: 3.0.3
-      vfile-message: 3.1.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
-
-  /mdast-util-mdx@2.0.1:
-    resolution: {integrity: sha512-38w5y+r8nyKlGvNjSEqWrhG0w5PmnRA+wnBvm+ulYCct7nsGYhFVb0lljS9bQav4psDAS1eGkP2LMVcZBi/aqw==}
-    dependencies:
-      mdast-util-from-markdown: 1.3.1
-      mdast-util-mdx-expression: 1.3.2
-      mdast-util-mdx-jsx: 2.1.4
-      mdast-util-mdxjs-esm: 1.3.1
-      mdast-util-to-markdown: 1.5.0
+      unist-util-remove-position: 5.0.0
+      unist-util-stringify-position: 4.0.0
+      vfile-message: 4.0.2
     transitivePeerDependencies:
       - supports-color
-    dev: false
+    dev: true
 
-  /mdast-util-mdxjs-esm@1.3.1:
-    resolution: {integrity: sha512-SXqglS0HrEvSdUEfoXFtcg7DRl7S2cwOXc7jkuusG472Mmjag34DUDeOJUZtl+BVnyeO1frIgVpHlNRWc2gk/w==}
+  /mdast-util-mdxjs-esm@2.0.1:
+    resolution: {integrity: sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==}
     dependencies:
-      '@types/estree-jsx': 1.0.4
-      '@types/hast': 2.3.10
-      '@types/mdast': 3.0.15
-      mdast-util-from-markdown: 1.3.1
-      mdast-util-to-markdown: 1.5.0
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.3
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-to-markdown: 2.1.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
-
-  /mdast-util-phrasing@3.0.1:
-    resolution: {integrity: sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==}
-    dependencies:
-      '@types/mdast': 3.0.15
-      unist-util-is: 5.2.1
-    dev: false
+    dev: true
 
   /mdast-util-phrasing@4.1.0:
     resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
     dependencies:
       '@types/mdast': 4.0.3
       unist-util-is: 6.0.0
-    dev: false
-
-  /mdast-util-to-hast@12.3.0:
-    resolution: {integrity: sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==}
-    dependencies:
-      '@types/hast': 2.3.10
-      '@types/mdast': 3.0.15
-      mdast-util-definitions: 5.1.2
-      micromark-util-sanitize-uri: 1.2.0
-      trim-lines: 3.0.1
-      unist-util-generated: 2.0.1
-      unist-util-position: 4.0.4
-      unist-util-visit: 4.1.2
-    dev: false
+    dev: true
 
   /mdast-util-to-hast@13.1.0:
     resolution: {integrity: sha512-/e2l/6+OdGp/FB+ctrJ9Avz71AN/GRH3oi/3KAx/kMnoUsD6q0woXlDT8lLEeViVKE7oZxE7RXzvO3T8kF2/sA==}
@@ -7195,20 +7007,7 @@ packages:
       unist-util-position: 5.0.0
       unist-util-visit: 5.0.0
       vfile: 6.0.1
-    dev: false
-
-  /mdast-util-to-markdown@1.5.0:
-    resolution: {integrity: sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==}
-    dependencies:
-      '@types/mdast': 3.0.15
-      '@types/unist': 2.0.10
-      longest-streak: 3.1.0
-      mdast-util-phrasing: 3.0.1
-      mdast-util-to-string: 3.2.0
-      micromark-util-decode-string: 1.1.0
-      unist-util-visit: 4.1.2
-      zwitch: 2.0.4
-    dev: false
+    dev: true
 
   /mdast-util-to-markdown@2.1.0:
     resolution: {integrity: sha512-SR2VnIEdVNCJbP6y7kVTJgPLifdr8WEU440fQec7qHoHOUz/oJ2jmNRqdDQ3rbiStOXb2mCDGTuwsK5OPUgYlQ==}
@@ -7221,25 +7020,19 @@ packages:
       micromark-util-decode-string: 2.0.0
       unist-util-visit: 5.0.0
       zwitch: 2.0.4
-    dev: false
-
-  /mdast-util-to-string@3.2.0:
-    resolution: {integrity: sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==}
-    dependencies:
-      '@types/mdast': 3.0.15
-    dev: false
+    dev: true
 
   /mdast-util-to-string@4.0.0:
     resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
     dependencies:
       '@types/mdast': 4.0.3
-    dev: false
+    dev: true
 
   /memoizee@0.4.15:
     resolution: {integrity: sha512-UBWmJpLZd5STPm7PMUlOw/TSy972M+z8gcyQ5veOnSDRREz/0bmpyTfKt3/51DhEBqCZQn1udM/5flcSPYhkdQ==}
     dependencies:
-      d: 1.0.1
-      es5-ext: 0.10.62
+      d: 1.0.2
+      es5-ext: 0.10.64
       es6-weak-map: 2.0.3
       event-emitter: 0.3.5
       is-promise: 2.2.2
@@ -7263,7 +7056,7 @@ packages:
       trim-newlines: 3.0.1
       type-fest: 0.13.1
       yargs-parser: 18.1.3
-    dev: false
+    dev: true
 
   /merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
@@ -7273,27 +7066,6 @@ packages:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
-  /micromark-core-commonmark@1.1.0:
-    resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==}
-    dependencies:
-      decode-named-character-reference: 1.0.2
-      micromark-factory-destination: 1.1.0
-      micromark-factory-label: 1.1.0
-      micromark-factory-space: 1.1.0
-      micromark-factory-title: 1.1.0
-      micromark-factory-whitespace: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-chunked: 1.1.0
-      micromark-util-classify-character: 1.1.0
-      micromark-util-html-tag-name: 1.2.0
-      micromark-util-normalize-identifier: 1.1.0
-      micromark-util-resolve-all: 1.1.0
-      micromark-util-subtokenize: 1.1.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    dev: false
-
   /micromark-core-commonmark@2.0.0:
     resolution: {integrity: sha512-jThOz/pVmAYUtkroV3D5c1osFXAMv9e0ypGDOIZuCeAe91/sD6BoE2Sjzt30yuXtwOYUmySOhMas/PVyh02itA==}
     dependencies:
@@ -7313,148 +7085,88 @@ packages:
       micromark-util-subtokenize: 2.0.0
       micromark-util-symbol: 2.0.0
       micromark-util-types: 2.0.0
-    dev: false
-
-  /micromark-extension-gfm-autolink-literal@1.0.5:
-    resolution: {integrity: sha512-z3wJSLrDf8kRDOh2qBtoTRD53vJ+CWIyo7uyZuxf/JAbNJjiHsOpG1y5wxk8drtv3ETAHutCu6N3thkOOgueWg==}
-    dependencies:
-      micromark-util-character: 1.2.0
-      micromark-util-sanitize-uri: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-    dev: false
-
-  /micromark-extension-gfm-footnote@1.1.2:
-    resolution: {integrity: sha512-Yxn7z7SxgyGWRNa4wzf8AhYYWNrwl5q1Z8ii+CSTTIqVkmGZF1CElX2JI8g5yGoM3GAman9/PVCUFUSJ0kB/8Q==}
-    dependencies:
-      micromark-core-commonmark: 1.1.0
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-normalize-identifier: 1.1.0
-      micromark-util-sanitize-uri: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    dev: false
-
-  /micromark-extension-gfm-strikethrough@1.0.7:
-    resolution: {integrity: sha512-sX0FawVE1o3abGk3vRjOH50L5TTLr3b5XMqnP9YDRb34M0v5OoZhG+OHFz1OffZ9dlwgpTBKaT4XW/AsUVnSDw==}
-    dependencies:
-      micromark-util-chunked: 1.1.0
-      micromark-util-classify-character: 1.1.0
-      micromark-util-resolve-all: 1.1.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    dev: false
-
-  /micromark-extension-gfm-table@1.0.7:
-    resolution: {integrity: sha512-3ZORTHtcSnMQEKtAOsBQ9/oHp9096pI/UvdPtN7ehKvrmZZ2+bbWhi0ln+I9drmwXMt5boocn6OlwQzNXeVeqw==}
-    dependencies:
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    dev: false
-
-  /micromark-extension-gfm-tagfilter@1.0.2:
-    resolution: {integrity: sha512-5XWB9GbAUSHTn8VPU8/1DBXMuKYT5uOgEjJb8gN3mW0PNW5OPHpSdojoqf+iq1xo7vWzw/P8bAHY0n6ijpXF7g==}
-    dependencies:
-      micromark-util-types: 1.1.0
-    dev: false
+    dev: true
 
-  /micromark-extension-gfm-task-list-item@1.0.5:
-    resolution: {integrity: sha512-RMFXl2uQ0pNQy6Lun2YBYT9g9INXtWJULgbt01D/x8/6yJ2qpKyzdZD3pi6UIkzF++Da49xAelVKUeUMqd5eIQ==}
+  /micromark-extension-frontmatter@2.0.0:
+    resolution: {integrity: sha512-C4AkuM3dA58cgZha7zVnuVxBhDsbttIMiytjgsM2XbHAB2faRVaHRle40558FBN+DJcrLNCoqG5mlrpdU4cRtg==}
     dependencies:
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    dev: false
+      fault: 2.0.1
+      micromark-util-character: 2.1.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+    dev: true
 
-  /micromark-extension-gfm@2.0.3:
-    resolution: {integrity: sha512-vb9OoHqrhCmbRidQv/2+Bc6pkP0FrtlhurxZofvOEy5o8RtuuvTq+RQ1Vw5ZDNrVraQZu3HixESqbG+0iKk/MQ==}
+  /micromark-extension-gfm-autolink-literal@2.0.0:
+    resolution: {integrity: sha512-rTHfnpt/Q7dEAK1Y5ii0W8bhfJlVJFnJMHIPisfPK3gpVNuOP0VnRl96+YJ3RYWV/P4gFeQoGKNlT3RhuvpqAg==}
     dependencies:
-      micromark-extension-gfm-autolink-literal: 1.0.5
-      micromark-extension-gfm-footnote: 1.1.2
-      micromark-extension-gfm-strikethrough: 1.0.7
-      micromark-extension-gfm-table: 1.0.7
-      micromark-extension-gfm-tagfilter: 1.0.2
-      micromark-extension-gfm-task-list-item: 1.0.5
-      micromark-util-combine-extensions: 1.1.0
-      micromark-util-types: 1.1.0
-    dev: false
+      micromark-util-character: 2.1.0
+      micromark-util-sanitize-uri: 2.0.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+    dev: true
 
-  /micromark-extension-mdx-expression@1.0.8:
-    resolution: {integrity: sha512-zZpeQtc5wfWKdzDsHRBY003H2Smg+PUi2REhqgIhdzAa5xonhP03FcXxqFSerFiNUr5AWmHpaNPQTBVOS4lrXw==}
+  /micromark-extension-gfm-footnote@2.0.0:
+    resolution: {integrity: sha512-6Rzu0CYRKDv3BfLAUnZsSlzx3ak6HAoI85KTiijuKIz5UxZxbUI+pD6oHgw+6UtQuiRwnGRhzMmPRv4smcz0fg==}
     dependencies:
-      '@types/estree': 1.0.5
-      micromark-factory-mdx-expression: 1.0.9
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-events-to-acorn: 1.2.3
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    dev: false
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.0
+      micromark-factory-space: 2.0.0
+      micromark-util-character: 2.1.0
+      micromark-util-normalize-identifier: 2.0.0
+      micromark-util-sanitize-uri: 2.0.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+    dev: true
 
-  /micromark-extension-mdx-jsx@1.0.5:
-    resolution: {integrity: sha512-gPH+9ZdmDflbu19Xkb8+gheqEDqkSpdCEubQyxuz/Hn8DOXiXvrXeikOoBA71+e8Pfi0/UYmU3wW3H58kr7akA==}
+  /micromark-extension-gfm-strikethrough@2.0.0:
+    resolution: {integrity: sha512-c3BR1ClMp5fxxmwP6AoOY2fXO9U8uFMKs4ADD66ahLTNcwzSCyRVU4k7LPV5Nxo/VJiR4TdzxRQY2v3qIUceCw==}
     dependencies:
-      '@types/acorn': 4.0.6
-      '@types/estree': 1.0.5
-      estree-util-is-identifier-name: 2.1.0
-      micromark-factory-mdx-expression: 1.0.9
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-      vfile-message: 3.1.4
-    dev: false
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.0
+      micromark-util-classify-character: 2.0.0
+      micromark-util-resolve-all: 2.0.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+    dev: true
 
-  /micromark-extension-mdx-md@1.0.1:
-    resolution: {integrity: sha512-7MSuj2S7xjOQXAjjkbjBsHkMtb+mDGVW6uI2dBL9snOBCbZmoNgDAeZ0nSn9j3T42UE/g2xVNMn18PJxZvkBEA==}
+  /micromark-extension-gfm-table@2.0.0:
+    resolution: {integrity: sha512-PoHlhypg1ItIucOaHmKE8fbin3vTLpDOUg8KAr8gRCF1MOZI9Nquq2i/44wFvviM4WuxJzc3demT8Y3dkfvYrw==}
     dependencies:
-      micromark-util-types: 1.1.0
-    dev: false
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.0
+      micromark-util-character: 2.1.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+    dev: true
 
-  /micromark-extension-mdxjs-esm@1.0.5:
-    resolution: {integrity: sha512-xNRBw4aoURcyz/S69B19WnZAkWJMxHMT5hE36GtDAyhoyn/8TuAeqjFJQlwk+MKQsUD7b3l7kFX+vlfVWgcX1w==}
+  /micromark-extension-gfm-tagfilter@2.0.0:
+    resolution: {integrity: sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==}
     dependencies:
-      '@types/estree': 1.0.5
-      micromark-core-commonmark: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-events-to-acorn: 1.2.3
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      unist-util-position-from-estree: 1.1.2
-      uvu: 0.5.6
-      vfile-message: 3.1.4
-    dev: false
+      micromark-util-types: 2.0.0
+    dev: true
 
-  /micromark-extension-mdxjs@1.0.1:
-    resolution: {integrity: sha512-7YA7hF6i5eKOfFUzZ+0z6avRG52GpWR8DL+kN47y3f2KhxbBZMhmxe7auOeaTBrW2DenbbZTf1ea9tA2hDpC2Q==}
+  /micromark-extension-gfm-task-list-item@2.0.1:
+    resolution: {integrity: sha512-cY5PzGcnULaN5O7T+cOzfMoHjBW7j+T9D2sucA5d/KbsBTPcYdebm9zUd9zzdgJGCwahV+/W78Z3nbulBYVbTw==}
     dependencies:
-      acorn: 8.11.3
-      acorn-jsx: 5.3.2(acorn@8.11.3)
-      micromark-extension-mdx-expression: 1.0.8
-      micromark-extension-mdx-jsx: 1.0.5
-      micromark-extension-mdx-md: 1.0.1
-      micromark-extension-mdxjs-esm: 1.0.5
-      micromark-util-combine-extensions: 1.1.0
-      micromark-util-types: 1.1.0
-    dev: false
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.0
+      micromark-util-character: 2.1.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+    dev: true
 
-  /micromark-factory-destination@1.1.0:
-    resolution: {integrity: sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==}
+  /micromark-extension-gfm@3.0.0:
+    resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==}
     dependencies:
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-    dev: false
+      micromark-extension-gfm-autolink-literal: 2.0.0
+      micromark-extension-gfm-footnote: 2.0.0
+      micromark-extension-gfm-strikethrough: 2.0.0
+      micromark-extension-gfm-table: 2.0.0
+      micromark-extension-gfm-tagfilter: 2.0.0
+      micromark-extension-gfm-task-list-item: 2.0.1
+      micromark-util-combine-extensions: 2.0.0
+      micromark-util-types: 2.0.0
+    dev: true
 
   /micromark-factory-destination@2.0.0:
     resolution: {integrity: sha512-j9DGrQLm/Uhl2tCzcbLhy5kXsgkHUrjJHg4fFAeoMRwJmJerT9aw4FEhIbZStWN8A3qMwOp1uzHr4UL8AInxtA==}
@@ -7462,16 +7174,7 @@ packages:
       micromark-util-character: 2.1.0
       micromark-util-symbol: 2.0.0
       micromark-util-types: 2.0.0
-    dev: false
-
-  /micromark-factory-label@1.1.0:
-    resolution: {integrity: sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==}
-    dependencies:
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    dev: false
+    dev: true
 
   /micromark-factory-label@2.0.0:
     resolution: {integrity: sha512-RR3i96ohZGde//4WSe/dJsxOX6vxIg9TimLAS3i4EhBAFx8Sm5SmqVfR8E87DPSR31nEAjZfbt91OMZWcNgdZw==}
@@ -7480,43 +7183,14 @@ packages:
       micromark-util-character: 2.1.0
       micromark-util-symbol: 2.0.0
       micromark-util-types: 2.0.0
-    dev: false
-
-  /micromark-factory-mdx-expression@1.0.9:
-    resolution: {integrity: sha512-jGIWzSmNfdnkJq05c7b0+Wv0Kfz3NJ3N4cBjnbO4zjXIlxJr+f8lk+5ZmwFvqdAbUy2q6B5rCY//g0QAAaXDWA==}
-    dependencies:
-      '@types/estree': 1.0.5
-      micromark-util-character: 1.2.0
-      micromark-util-events-to-acorn: 1.2.3
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      unist-util-position-from-estree: 1.1.2
-      uvu: 0.5.6
-      vfile-message: 3.1.4
-    dev: false
-
-  /micromark-factory-space@1.1.0:
-    resolution: {integrity: sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==}
-    dependencies:
-      micromark-util-character: 1.2.0
-      micromark-util-types: 1.1.0
-    dev: false
+    dev: true
 
   /micromark-factory-space@2.0.0:
     resolution: {integrity: sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg==}
     dependencies:
       micromark-util-character: 2.1.0
       micromark-util-types: 2.0.0
-    dev: false
-
-  /micromark-factory-title@1.1.0:
-    resolution: {integrity: sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==}
-    dependencies:
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-    dev: false
+    dev: true
 
   /micromark-factory-title@2.0.0:
     resolution: {integrity: sha512-jY8CSxmpWLOxS+t8W+FG3Xigc0RDQA9bKMY/EwILvsesiRniiVMejYTE4wumNc2f4UbAa4WsHqe3J1QS1sli+A==}
@@ -7525,16 +7199,7 @@ packages:
       micromark-util-character: 2.1.0
       micromark-util-symbol: 2.0.0
       micromark-util-types: 2.0.0
-    dev: false
-
-  /micromark-factory-whitespace@1.1.0:
-    resolution: {integrity: sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==}
-    dependencies:
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-    dev: false
+    dev: true
 
   /micromark-factory-whitespace@2.0.0:
     resolution: {integrity: sha512-28kbwaBjc5yAI1XadbdPYHX/eDnqaUFVikLwrO7FDnKG7lpgxnvk/XGRhX/PN0mOZ+dBSZ+LgunHS+6tYQAzhA==}
@@ -7543,41 +7208,20 @@ packages:
       micromark-util-character: 2.1.0
       micromark-util-symbol: 2.0.0
       micromark-util-types: 2.0.0
-    dev: false
-
-  /micromark-util-character@1.2.0:
-    resolution: {integrity: sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==}
-    dependencies:
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-    dev: false
+    dev: true
 
   /micromark-util-character@2.1.0:
     resolution: {integrity: sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ==}
     dependencies:
       micromark-util-symbol: 2.0.0
       micromark-util-types: 2.0.0
-    dev: false
-
-  /micromark-util-chunked@1.1.0:
-    resolution: {integrity: sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==}
-    dependencies:
-      micromark-util-symbol: 1.1.0
-    dev: false
+    dev: true
 
   /micromark-util-chunked@2.0.0:
     resolution: {integrity: sha512-anK8SWmNphkXdaKgz5hJvGa7l00qmcaUQoMYsBwDlSKFKjc6gjGXPDw3FNL3Nbwq5L8gE+RCbGqTw49FK5Qyvg==}
     dependencies:
       micromark-util-symbol: 2.0.0
-    dev: false
-
-  /micromark-util-classify-character@1.1.0:
-    resolution: {integrity: sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==}
-    dependencies:
-      micromark-util-character: 1.2.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-    dev: false
+    dev: true
 
   /micromark-util-classify-character@2.0.0:
     resolution: {integrity: sha512-S0ze2R9GH+fu41FA7pbSqNWObo/kzwf8rN/+IGlW/4tC6oACOs8B++bh+i9bVyNnwCcuksbFwsBme5OCKXCwIw==}
@@ -7585,42 +7229,20 @@ packages:
       micromark-util-character: 2.1.0
       micromark-util-symbol: 2.0.0
       micromark-util-types: 2.0.0
-    dev: false
-
-  /micromark-util-combine-extensions@1.1.0:
-    resolution: {integrity: sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==}
-    dependencies:
-      micromark-util-chunked: 1.1.0
-      micromark-util-types: 1.1.0
-    dev: false
+    dev: true
 
   /micromark-util-combine-extensions@2.0.0:
     resolution: {integrity: sha512-vZZio48k7ON0fVS3CUgFatWHoKbbLTK/rT7pzpJ4Bjp5JjkZeasRfrS9wsBdDJK2cJLHMckXZdzPSSr1B8a4oQ==}
     dependencies:
       micromark-util-chunked: 2.0.0
       micromark-util-types: 2.0.0
-    dev: false
-
-  /micromark-util-decode-numeric-character-reference@1.1.0:
-    resolution: {integrity: sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==}
-    dependencies:
-      micromark-util-symbol: 1.1.0
-    dev: false
+    dev: true
 
   /micromark-util-decode-numeric-character-reference@2.0.1:
     resolution: {integrity: sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ==}
     dependencies:
       micromark-util-symbol: 2.0.0
-    dev: false
-
-  /micromark-util-decode-string@1.1.0:
-    resolution: {integrity: sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==}
-    dependencies:
-      decode-named-character-reference: 1.0.2
-      micromark-util-character: 1.2.0
-      micromark-util-decode-numeric-character-reference: 1.1.0
-      micromark-util-symbol: 1.1.0
-    dev: false
+    dev: true
 
   /micromark-util-decode-string@2.0.0:
     resolution: {integrity: sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA==}
@@ -7629,68 +7251,27 @@ packages:
       micromark-util-character: 2.1.0
       micromark-util-decode-numeric-character-reference: 2.0.1
       micromark-util-symbol: 2.0.0
-    dev: false
-
-  /micromark-util-encode@1.1.0:
-    resolution: {integrity: sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==}
-    dev: false
+    dev: true
 
   /micromark-util-encode@2.0.0:
     resolution: {integrity: sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA==}
-    dev: false
-
-  /micromark-util-events-to-acorn@1.2.3:
-    resolution: {integrity: sha512-ij4X7Wuc4fED6UoLWkmo0xJQhsktfNh1J0m8g4PbIMPlx+ek/4YdW5mvbye8z/aZvAPUoxgXHrwVlXAPKMRp1w==}
-    dependencies:
-      '@types/acorn': 4.0.6
-      '@types/estree': 1.0.5
-      '@types/unist': 2.0.10
-      estree-util-visit: 1.2.1
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-      vfile-message: 3.1.4
-    dev: false
-
-  /micromark-util-html-tag-name@1.2.0:
-    resolution: {integrity: sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==}
-    dev: false
+    dev: true
 
   /micromark-util-html-tag-name@2.0.0:
     resolution: {integrity: sha512-xNn4Pqkj2puRhKdKTm8t1YHC/BAjx6CEwRFXntTaRf/x16aqka6ouVoutm+QdkISTlT7e2zU7U4ZdlDLJd2Mcw==}
-    dev: false
-
-  /micromark-util-normalize-identifier@1.1.0:
-    resolution: {integrity: sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==}
-    dependencies:
-      micromark-util-symbol: 1.1.0
-    dev: false
+    dev: true
 
   /micromark-util-normalize-identifier@2.0.0:
     resolution: {integrity: sha512-2xhYT0sfo85FMrUPtHcPo2rrp1lwbDEEzpx7jiH2xXJLqBuy4H0GgXk5ToU8IEwoROtXuL8ND0ttVa4rNqYK3w==}
     dependencies:
       micromark-util-symbol: 2.0.0
-    dev: false
-
-  /micromark-util-resolve-all@1.1.0:
-    resolution: {integrity: sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==}
-    dependencies:
-      micromark-util-types: 1.1.0
-    dev: false
+    dev: true
 
   /micromark-util-resolve-all@2.0.0:
     resolution: {integrity: sha512-6KU6qO7DZ7GJkaCgwBNtplXCvGkJToU86ybBAUdavvgsCiG8lSSvYxr9MhwmQ+udpzywHsl4RpGJsYWG1pDOcA==}
     dependencies:
       micromark-util-types: 2.0.0
-    dev: false
-
-  /micromark-util-sanitize-uri@1.2.0:
-    resolution: {integrity: sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==}
-    dependencies:
-      micromark-util-character: 1.2.0
-      micromark-util-encode: 1.1.0
-      micromark-util-symbol: 1.1.0
-    dev: false
+    dev: true
 
   /micromark-util-sanitize-uri@2.0.0:
     resolution: {integrity: sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw==}
@@ -7698,16 +7279,7 @@ packages:
       micromark-util-character: 2.1.0
       micromark-util-encode: 2.0.0
       micromark-util-symbol: 2.0.0
-    dev: false
-
-  /micromark-util-subtokenize@1.1.0:
-    resolution: {integrity: sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==}
-    dependencies:
-      micromark-util-chunked: 1.1.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    dev: false
+    dev: true
 
   /micromark-util-subtokenize@2.0.0:
     resolution: {integrity: sha512-vc93L1t+gpR3p8jxeVdaYlbV2jTYteDje19rNSS/H5dlhxUYll5Fy6vJ2cDwP8RnsXi818yGty1ayP55y3W6fg==}
@@ -7716,47 +7288,15 @@ packages:
       micromark-util-chunked: 2.0.0
       micromark-util-symbol: 2.0.0
       micromark-util-types: 2.0.0
-    dev: false
-
-  /micromark-util-symbol@1.1.0:
-    resolution: {integrity: sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==}
-    dev: false
+    dev: true
 
   /micromark-util-symbol@2.0.0:
     resolution: {integrity: sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw==}
-    dev: false
-
-  /micromark-util-types@1.1.0:
-    resolution: {integrity: sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==}
-    dev: false
+    dev: true
 
   /micromark-util-types@2.0.0:
     resolution: {integrity: sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w==}
-    dev: false
-
-  /micromark@3.2.0:
-    resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==}
-    dependencies:
-      '@types/debug': 4.1.12
-      debug: 4.3.4
-      decode-named-character-reference: 1.0.2
-      micromark-core-commonmark: 1.1.0
-      micromark-factory-space: 1.1.0
-      micromark-util-character: 1.2.0
-      micromark-util-chunked: 1.1.0
-      micromark-util-combine-extensions: 1.1.0
-      micromark-util-decode-numeric-character-reference: 1.1.0
-      micromark-util-encode: 1.1.0
-      micromark-util-normalize-identifier: 1.1.0
-      micromark-util-resolve-all: 1.1.0
-      micromark-util-sanitize-uri: 1.2.0
-      micromark-util-subtokenize: 1.1.0
-      micromark-util-symbol: 1.1.0
-      micromark-util-types: 1.1.0
-      uvu: 0.5.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
+    dev: true
 
   /micromark@4.0.0:
     resolution: {integrity: sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ==}
@@ -7780,7 +7320,7 @@ packages:
       micromark-util-types: 2.0.0
     transitivePeerDependencies:
       - supports-color
-    dev: false
+    dev: true
 
   /micromatch@4.0.5:
     resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
@@ -7812,12 +7352,12 @@ packages:
   /min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
+    dev: true
 
   /minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
       brace-expansion: 1.1.11
-    dev: true
 
   /minimatch@5.1.6:
     resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
@@ -7846,7 +7386,7 @@ packages:
       arrify: 1.0.1
       is-plain-obj: 1.1.0
       kind-of: 6.0.3
-    dev: false
+    dev: true
 
   /minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
@@ -7858,33 +7398,23 @@ packages:
   /mixme@0.5.10:
     resolution: {integrity: sha512-5H76ANWinB1H3twpJ6JY8uvAtpmFvHNArpilJAjXRKXSDDLPIMoZArw5SH0q9z+lLs8IrMw7Q2VWpWimFKFT1Q==}
     engines: {node: '>= 8.0.0'}
-    dev: false
-
-  /mkdirp@0.3.0:
-    resolution: {integrity: sha512-OHsdUcVAQ6pOtg5JYWpCBo9W/GySVuwvP9hueRMW7UqshC0tbfzLv8wjySTPm3tfUZ/21CE9E1pJagOA91Pxew==}
-    deprecated: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
-    dev: false
+    dev: true
 
-  /mlly@1.5.0:
-    resolution: {integrity: sha512-NPVQvAY1xr1QoVeG0cy8yUYC7FQcOx6evl/RjT1wL5FvzPnzOysoqB/jmx/DhssT2dYa8nxECLAaFI/+gVLhDQ==}
+  /mlly@1.6.1:
+    resolution: {integrity: sha512-vLgaHvaeunuOXHSmEbZ9izxPx3USsk8KCQ8iC+aTlp5sKRSoZvwhHh5L9VbKSaVC6sJDqbyohIS76E2VmHIPAA==}
     dependencies:
       acorn: 8.11.3
       pathe: 1.1.2
       pkg-types: 1.0.3
-      ufo: 1.3.2
+      ufo: 1.4.0
     dev: true
 
-  /mri@1.2.0:
-    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
-    engines: {node: '>=4'}
-    dev: false
-
   /ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
 
   /ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
-    dev: true
+    dev: false
 
   /mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
@@ -7900,45 +7430,26 @@ packages:
 
   /natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
-    dev: true
 
   /negotiator@0.6.3:
     resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
     engines: {node: '>= 0.6'}
     dev: false
 
-  /next-intl@3.0.0-rc.6(next@14.0.1)(react@18.2.0):
-    resolution: {integrity: sha512-Eymf9lfxiqYO6w4YkSe1gQqZMF6Y9AQIAn49uBv8z6JPSEgyelZezt7n/6qECugTVA1rbH/BslrM/jBjMvXXEQ==}
+  /next-intl@3.9.1(next@14.1.3)(react@18.2.0):
+    resolution: {integrity: sha512-1j+5lLTY5kHshqnVoeAep+gQO1xX1KlJU3irZkdCOhr0woo562qLKOsGGVh+7bB5luBMu9qQBQy7ZwNK81Z2Ig==}
     peerDependencies:
-      next: ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0
+      next: ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
       '@formatjs/intl-localematcher': 0.2.32
       negotiator: 0.6.3
-      next: 14.0.1(@babel/core@7.23.9)(react-dom@18.2.0)(react@18.2.0)
-      react: 18.2.0
-      server-only: 0.0.1
-      use-intl: 3.0.0-rc.6(react@18.2.0)
-    dev: false
-
-  /next-mdx-remote@4.4.1(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-1BvyXaIou6xy3XoNF4yaMZUCb6vD2GTAa5ciOa6WoO+gAUTYsb1K4rI/HSC2ogAWLrb/7VSV52skz07vOzmqIQ==}
-    engines: {node: '>=14', npm: '>=7'}
-    peerDependencies:
-      react: '>=16.x <=18.x'
-      react-dom: '>=16.x <=18.x'
-    dependencies:
-      '@mdx-js/mdx': 2.3.0
-      '@mdx-js/react': 2.3.0(react@18.2.0)
+      next: 14.1.3(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      vfile: 5.3.7
-      vfile-matter: 3.0.1
-    transitivePeerDependencies:
-      - supports-color
+      use-intl: 3.9.3(react@18.2.0)
     dev: false
 
-  /next-sitemap@4.2.3(next@14.0.1):
+  /next-sitemap@4.2.3(next@14.1.3):
     resolution: {integrity: sha512-vjdCxeDuWDzldhCnyFCQipw5bfpl4HmZA7uoo3GAaYGjGgfL4Cxb1CiztPuWGmS+auYs7/8OekRS8C2cjdAsjQ==}
     engines: {node: '>=14.18'}
     hasBin: true
@@ -7949,11 +7460,11 @@ packages:
       '@next/env': 13.5.6
       fast-glob: 3.3.2
       minimist: 1.2.8
-      next: 14.0.1(@babel/core@7.23.9)(react-dom@18.2.0)(react@18.2.0)
-    dev: false
+      next: 14.1.3(react-dom@18.2.0)(react@18.2.0)
+    dev: true
 
-  /next-test-api-route-handler@4.0.3(next@14.0.1):
-    resolution: {integrity: sha512-rfvU7bmaQ36aV99OkOOfQ3EKQDNEZfbhT3HHZim4xmcioBr65ufs2QlhkB+remJyuLVktko5btcO6rG4R81Z7A==}
+  /next-test-api-route-handler@4.0.5(next@14.0.1):
+    resolution: {integrity: sha512-/V+BIyJBMVoT8GeRea/18vt9INZd3hr6JT+IpEpxvJpjO5KonBFl/CKBlil7HYRWUQ8Ba3GMrzC4E8boSu+u9w==}
     engines: {node: ^18.18.2 || ^20.10.0 || >=21.2.0}
     peerDependencies:
       msw: '>=2'
@@ -7962,20 +7473,20 @@ packages:
       msw:
         optional: true
     dependencies:
-      '@whatwg-node/server': 0.9.24
+      '@whatwg-node/server': 0.9.26
       cookie: 0.6.0
-      core-js: 3.35.1
-      next: 14.0.1(@babel/core@7.23.9)(react-dom@18.2.0)(react@18.2.0)
+      core-js: 3.36.0
+      next: 14.0.1(@babel/core@7.24.0)(react-dom@18.2.0)(react@18.2.0)
     dev: true
 
-  /next-themes@0.2.1(next@14.0.1)(react-dom@18.2.0)(react@18.2.0):
+  /next-themes@0.2.1(next@14.1.3)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==}
     peerDependencies:
       next: '*'
       react: '*'
       react-dom: '*'
     dependencies:
-      next: 14.0.1(@babel/core@7.23.9)(react-dom@18.2.0)(react@18.2.0)
+      next: 14.1.3(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
@@ -7984,7 +7495,7 @@ packages:
     resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
     dev: true
 
-  /next@14.0.1(@babel/core@7.23.9)(react-dom@18.2.0)(react@18.2.0):
+  /next@14.0.1(@babel/core@7.24.0)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-s4YaLpE4b0gmb3ggtmpmV+wt+lPRuGtANzojMQ2+gmBpgX9w5fTbjsy6dXByBuENsdCX5pukZH/GxdFgO62+pA==}
     engines: {node: '>=18.17.0'}
     hasBin: true
@@ -8002,11 +7513,11 @@ packages:
       '@next/env': 14.0.1
       '@swc/helpers': 0.5.2
       busboy: 1.6.0
-      caniuse-lite: 1.0.30001583
+      caniuse-lite: 1.0.30001597
       postcss: 8.4.31
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      styled-jsx: 5.1.1(@babel/core@7.23.9)(react@18.2.0)
+      styled-jsx: 5.1.1(@babel/core@7.24.0)(react@18.2.0)
       watchpack: 2.4.0
     optionalDependencies:
       '@next/swc-darwin-arm64': 14.0.1
@@ -8022,11 +7533,88 @@ packages:
       - '@babel/core'
       - babel-plugin-macros
 
+  /next@14.1.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-McrGJqlGSHeaz2yTRPkEucxQKe5Zq7uPwyeHNmJaZNY4wx9E9QdxmTp310agFRoMuIYgQrCrT3petg13fSVOww==}
+    engines: {node: '>=18.17.0'}
+    hasBin: true
+    peerDependencies:
+      '@opentelemetry/api': ^1.1.0
+      react: ^18.2.0
+      react-dom: ^18.2.0
+      sass: ^1.3.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+      sass:
+        optional: true
+    dependencies:
+      '@next/env': 14.1.1
+      '@swc/helpers': 0.5.2
+      busboy: 1.6.0
+      caniuse-lite: 1.0.30001596
+      graceful-fs: 4.2.11
+      postcss: 8.4.31
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      styled-jsx: 5.1.1(@babel/core@7.24.0)(react@18.2.0)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 14.1.1
+      '@next/swc-darwin-x64': 14.1.1
+      '@next/swc-linux-arm64-gnu': 14.1.1
+      '@next/swc-linux-arm64-musl': 14.1.1
+      '@next/swc-linux-x64-gnu': 14.1.1
+      '@next/swc-linux-x64-musl': 14.1.1
+      '@next/swc-win32-arm64-msvc': 14.1.1
+      '@next/swc-win32-ia32-msvc': 14.1.1
+      '@next/swc-win32-x64-msvc': 14.1.1
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+    dev: false
+
+  /next@14.1.3(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-oexgMV2MapI0UIWiXKkixF8J8ORxpy64OuJ/J9oVUmIthXOUCcuVEZX+dtpgq7wIfIqtBwQsKEDXejcjTsan9g==}
+    engines: {node: '>=18.17.0'}
+    hasBin: true
+    peerDependencies:
+      '@opentelemetry/api': ^1.1.0
+      react: ^18.2.0
+      react-dom: ^18.2.0
+      sass: ^1.3.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+      sass:
+        optional: true
+    dependencies:
+      '@next/env': 14.1.3
+      '@swc/helpers': 0.5.2
+      busboy: 1.6.0
+      caniuse-lite: 1.0.30001597
+      graceful-fs: 4.2.11
+      postcss: 8.4.31
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      styled-jsx: 5.1.1(@babel/core@7.24.0)(react@18.2.0)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 14.1.3
+      '@next/swc-darwin-x64': 14.1.3
+      '@next/swc-linux-arm64-gnu': 14.1.3
+      '@next/swc-linux-arm64-musl': 14.1.3
+      '@next/swc-linux-x64-gnu': 14.1.3
+      '@next/swc-linux-x64-musl': 14.1.3
+      '@next/swc-win32-arm64-msvc': 14.1.3
+      '@next/swc-win32-ia32-msvc': 14.1.3
+      '@next/swc-win32-x64-msvc': 14.1.3
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+
   /no-case@3.0.4:
     resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
     dependencies:
       lower-case: 2.0.2
-      tslib: 2.6.2
+      tslib: 2.4.1
     dev: false
 
   /node-fetch-native@1.0.1:
@@ -8041,13 +7629,6 @@ packages:
   /node-releases@2.0.14:
     resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
 
-  /nopt@1.0.10:
-    resolution: {integrity: sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==}
-    hasBin: true
-    dependencies:
-      abbrev: 1.1.1
-    dev: false
-
   /normalize-package-data@2.5.0:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
     dependencies:
@@ -8055,6 +7636,7 @@ packages:
       resolve: 1.22.8
       semver: 5.7.2
       validate-npm-package-license: 3.0.4
+    dev: true
 
   /normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
@@ -8063,6 +7645,7 @@ packages:
   /normalize-range@0.1.2:
     resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
     engines: {node: '>=0.10.0'}
+    dev: false
 
   /npm-run-path@4.0.1:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
@@ -8071,8 +7654,8 @@ packages:
       path-key: 3.1.1
     dev: true
 
-  /npm-run-path@5.2.0:
-    resolution: {integrity: sha512-W4/tgAXFqFA0iL7fk0+uQ3g7wkL8xJmx3XdK0VGb4cHW//eZTtKGvFBBoRKVTpY7n6ze4NL9ly7rgXcHufqXKg==}
+  /npm-run-path@5.3.0:
+    resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       path-key: 4.0.0
@@ -8093,11 +7676,11 @@ packages:
   /object-inspect@1.13.1:
     resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
 
-  /object-is@1.1.5:
-    resolution: {integrity: sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==}
+  /object-is@1.1.6:
+    resolution: {integrity: sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
     dev: true
 
@@ -8109,7 +7692,7 @@ packages:
     resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
       has-symbols: 1.0.3
       object-keys: 1.1.1
@@ -8118,50 +7701,50 @@ packages:
     resolution: {integrity: sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
-    dev: true
+      es-abstract: 1.22.5
+    dev: false
 
   /object.fromentries@2.0.7:
     resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
-    dev: true
+      es-abstract: 1.22.5
+    dev: false
 
-  /object.groupby@1.0.1:
-    resolution: {integrity: sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==}
+  /object.groupby@1.0.2:
+    resolution: {integrity: sha512-bzBq58S+x+uo0VjurFT0UktpKHOZmv4/xePiOA1nbB9pMqpGK7rUPNgf+1YC+7mE+0HzhTMqNUuCqvKhj6FnBw==}
     dependencies:
-      call-bind: 1.0.5
+      array.prototype.filter: 1.0.3
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
-      get-intrinsic: 1.2.2
-    dev: true
+      es-abstract: 1.22.5
+      es-errors: 1.3.0
+    dev: false
 
   /object.hasown@1.1.3:
     resolution: {integrity: sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==}
     dependencies:
       define-properties: 1.2.1
-      es-abstract: 1.22.3
-    dev: true
+      es-abstract: 1.22.5
+    dev: false
 
   /object.values@1.1.7:
     resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
-    dev: true
+      es-abstract: 1.22.5
+    dev: false
 
   /once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
     dependencies:
       wrappy: 1.0.2
-    dev: true
 
   /onetime@5.1.2:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
@@ -8187,29 +7770,29 @@ packages:
       levn: 0.4.1
       prelude-ls: 1.2.1
       type-check: 0.4.0
-    dev: true
 
   /os-tmpdir@1.0.2:
     resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
     engines: {node: '>=0.10.0'}
-    dev: false
+    dev: true
 
   /outdent@0.5.0:
     resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==}
-    dev: false
+    dev: true
 
   /p-filter@2.1.0:
     resolution: {integrity: sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==}
     engines: {node: '>=8'}
     dependencies:
       p-map: 2.1.0
-    dev: false
+    dev: true
 
   /p-limit@2.3.0:
     resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
     engines: {node: '>=6'}
     dependencies:
       p-try: 2.2.0
+    dev: true
 
   /p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
@@ -8229,6 +7812,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       p-limit: 2.3.0
+    dev: true
 
   /p-locate@5.0.0:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
@@ -8239,11 +7823,12 @@ packages:
   /p-map@2.1.0:
     resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==}
     engines: {node: '>=6'}
-    dev: false
+    dev: true
 
   /p-try@2.2.0:
     resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
     engines: {node: '>=6'}
+    dev: true
 
   /papaparse@5.4.1:
     resolution: {integrity: sha512-HipMsgJkZu8br23pW15uvo6sib6wne/4woLZPlFf3rpDyMe9ywEXUsuD7+6K9PRkJlVT51j/sCOYDKGGS3ZJrw==}
@@ -8254,7 +7839,6 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       callsites: 3.1.0
-    dev: true
 
   /parse-entities@4.0.1:
     resolution: {integrity: sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==}
@@ -8267,7 +7851,7 @@ packages:
       is-alphanumerical: 2.0.1
       is-decimal: 2.0.1
       is-hexadecimal: 2.0.1
-    dev: false
+    dev: true
 
   /parse-json@5.2.0:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
@@ -8277,11 +7861,13 @@ packages:
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
+    dev: true
 
   /parse5@7.1.2:
     resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==}
     dependencies:
       entities: 4.5.0
+    dev: true
 
   /path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
@@ -8290,7 +7876,6 @@ packages:
   /path-is-absolute@1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
@@ -8327,14 +7912,6 @@ packages:
     resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
     dev: true
 
-  /periscopic@3.1.0:
-    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
-    dependencies:
-      '@types/estree': 1.0.5
-      estree-walker: 3.0.3
-      is-reference: 3.0.2
-    dev: false
-
   /pg-int8@1.0.1:
     resolution: {integrity: sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==}
     engines: {node: '>=4.0.0'}
@@ -8369,7 +7946,7 @@ packages:
   /pify@4.0.1:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
     engines: {node: '>=6'}
-    dev: false
+    dev: true
 
   /pirates@4.0.6:
     resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
@@ -8380,20 +7957,19 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       find-up: 4.1.0
-    dev: false
+    dev: true
 
   /pkg-types@1.0.3:
     resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
     dependencies:
       jsonc-parser: 3.2.1
-      mlly: 1.5.0
+      mlly: 1.6.1
       pathe: 1.1.2
     dev: true
 
-  /pluralize@8.0.0:
-    resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
-    engines: {node: '>=4'}
-    dev: true
+  /possible-typed-array-names@1.0.0:
+    resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
+    engines: {node: '>= 0.4'}
 
   /postcss-import@15.1.0(postcss@8.4.35):
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
@@ -8415,7 +7991,7 @@ packages:
       camelcase-css: 2.0.1
       postcss: 8.4.35
 
-  /postcss-load-config@4.0.2(postcss@8.4.35)(ts-node@10.9.2):
+  /postcss-load-config@4.0.2(postcss@8.4.35):
     resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
     engines: {node: '>= 14'}
     peerDependencies:
@@ -8427,10 +8003,9 @@ packages:
       ts-node:
         optional: true
     dependencies:
-      lilconfig: 3.0.0
+      lilconfig: 3.1.1
       postcss: 8.4.35
-      ts-node: 10.9.2(@types/node@20.11.19)(typescript@5.3.3)
-      yaml: 2.3.4
+      yaml: 2.4.1
 
   /postcss-nested@6.0.1(postcss@8.4.35):
     resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
@@ -8447,7 +8022,7 @@ packages:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
-    dev: false
+    dev: true
 
   /postcss-selector-parser@6.0.15:
     resolution: {integrity: sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==}
@@ -8497,47 +8072,33 @@ packages:
       xtend: 4.0.2
     dev: false
 
-  /posthog-js@1.107.0:
-    resolution: {integrity: sha512-y8PqiI1owD8FxAPhOH8ejH2zg4Pw81SGPPUc7KgzoHIuSLldVWD0wWAKqYa5w1H3YCw0LRCvhoO/U68j6+Nw/Q==}
+  /posthog-js@1.111.3:
+    resolution: {integrity: sha512-Ie04OWI4dzYoPbPXv8mgwEoklexA8RqwH0kYTZdMxY0T78Rym/yj9jwhYK+2NGgDATAVp9KMsz9MbdkchGWoHA==}
     dependencies:
       fflate: 0.4.8
-      preact: 10.19.5
+      preact: 10.19.6
     dev: false
 
-  /preact@10.19.5:
-    resolution: {integrity: sha512-OPELkDmSVbKjbFqF9tgvOowiiQ9TmsJljIzXRyNE8nGiis94pwv1siF78rQkAP1Q1738Ce6pellRg/Ns/CtHqQ==}
+  /preact@10.19.6:
+    resolution: {integrity: sha512-gympg+T2Z1fG1unB8NH29yHJwnEaCH37Z32diPDku316OTnRPeMbiRV9kTrfZpocXjdfnWuFUl/Mj4BHaf6gnw==}
     dev: false
 
-  /preferred-pm@3.1.2:
-    resolution: {integrity: sha512-nk7dKrcW8hfCZ4H6klWcdRknBOXWzNQByJ0oJyX97BOupsYD+FzLS4hflgEu/uPUEHZCuRfMxzCBsuWd7OzT8Q==}
+  /preferred-pm@3.1.3:
+    resolution: {integrity: sha512-MkXsENfftWSRpzCzImcp4FRsCc3y1opwB73CfCNWyzMqArju2CrlMHlqB7VexKiPEOjGMbttv1r9fSCn5S610w==}
     engines: {node: '>=10'}
     dependencies:
       find-up: 5.0.0
       find-yarn-workspace-root2: 1.2.16
       path-exists: 4.0.0
       which-pm: 2.0.0
-    dev: false
+    dev: true
 
   /prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
-    dev: true
-
-  /prettier-plugin-packagejson@2.4.10(prettier@3.2.4):
-    resolution: {integrity: sha512-qFzOfQDHi1tzvVJRuZ2jh1j6IFV5MURh5m5WDt+qfEMOf4SSL5RpwSysiX8u0W1PJYsM0vKJGNULt43wwteKiQ==}
-    peerDependencies:
-      prettier: '>= 1.16.0'
-    peerDependenciesMeta:
-      prettier:
-        optional: true
-    dependencies:
-      prettier: 3.2.4
-      sort-package-json: 2.7.0
-      synckit: 0.9.0
-    dev: true
 
-  /prettier-plugin-tailwindcss@0.5.11(prettier@3.2.4):
-    resolution: {integrity: sha512-AvI/DNyMctyyxGOjyePgi/gqj5hJYClZ1avtQvLlqMT3uDZkRbi4HhGUpok3DRzv9z7Lti85Kdj3s3/1CeNI0w==}
+  /prettier-plugin-tailwindcss@0.5.12(prettier@3.2.5):
+    resolution: {integrity: sha512-o74kiDBVE73oHW+pdkFSluHBL3cYEvru5YgEqNkBMFF7Cjv+w1vI565lTlfoJT4VLWDe0FMtZ7FkE/7a4pMXSQ==}
     engines: {node: '>=14.21.3'}
     peerDependencies:
       '@ianvs/prettier-plugin-sort-imports': '*'
@@ -8552,6 +8113,7 @@ packages:
       prettier-plugin-marko: '*'
       prettier-plugin-organize-attributes: '*'
       prettier-plugin-organize-imports: '*'
+      prettier-plugin-sort-imports: '*'
       prettier-plugin-style-order: '*'
       prettier-plugin-svelte: '*'
       prettier-plugin-twig-melody: '*'
@@ -8578,6 +8140,8 @@ packages:
         optional: true
       prettier-plugin-organize-imports:
         optional: true
+      prettier-plugin-sort-imports:
+        optional: true
       prettier-plugin-style-order:
         optional: true
       prettier-plugin-svelte:
@@ -8585,20 +8149,19 @@ packages:
       prettier-plugin-twig-melody:
         optional: true
     dependencies:
-      prettier: 3.2.4
-    dev: true
+      prettier: 3.2.5
+    dev: false
 
   /prettier@2.8.8:
     resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
     engines: {node: '>=10.13.0'}
     hasBin: true
-    dev: false
+    dev: true
 
-  /prettier@3.2.4:
-    resolution: {integrity: sha512-FWu1oLHKCrtpO1ypU6J0SbK2d9Ckwysq6bHj/uaCP26DxrPpppCLQRGVuqAxSTvhF00AcvDRyYrLNW7ocBhFFQ==}
+  /prettier@3.2.5:
+    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
     engines: {node: '>=14'}
     hasBin: true
-    dev: true
 
   /pretty-format@27.5.1:
     resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
@@ -8624,15 +8187,15 @@ packages:
       loose-envify: 1.4.0
       object-assign: 4.1.1
       react-is: 16.13.1
-    dev: true
+    dev: false
 
   /property-information@6.4.1:
     resolution: {integrity: sha512-OHYtXfu5aI2sS2LWFSN5rgJjrQ4pCy8i1jubJLe2QvMF8JJ++HXTUIVWFLfXJoaOfvYYjk2SN8J2wFUWIGXT4w==}
-    dev: false
+    dev: true
 
   /pseudomap@1.0.2:
     resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
-    dev: false
+    dev: true
 
   /psl@1.9.0:
     resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
@@ -8641,7 +8204,6 @@ packages:
   /punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
-    dev: true
 
   /pvtsutils@1.3.5:
     resolution: {integrity: sha512-ARvb14YB9Nm2Xi6nBq1ZX6dAM0FsJnuk+31aUp4TrcZEdKUlSqOqsxJHUPJDNE3qiIp+iUPEIeR6Je/tgV7zsA==}
@@ -8654,11 +8216,6 @@ packages:
     engines: {node: '>=6.0.0'}
     dev: false
 
-  /qs@6.9.7:
-    resolution: {integrity: sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==}
-    engines: {node: '>=0.6'}
-    dev: false
-
   /querystringify@2.2.0:
     resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
     dev: true
@@ -8669,7 +8226,6 @@ packages:
   /quick-lru@4.0.1:
     resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
     engines: {node: '>=8'}
-    dev: false
 
   /react-dom@18.2.0(react@18.2.0):
     resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
@@ -8680,39 +8236,18 @@ packages:
       react: 18.2.0
       scheduler: 0.23.0
 
-  /react-instantsearch-core@7.6.0(algoliasearch@4.22.1)(react@18.2.0):
-    resolution: {integrity: sha512-FBTwAJAmNSha6pSFOP1fTPjIbvyv5btS49SsdWPvQ981yiMD+zWtvCXZlVTxrBGVH6mYGbmBT0lCHTOm4kpdOg==}
-    peerDependencies:
-      algoliasearch: '>= 3.1 < 5'
-      react: '>= 16.8.0 < 19'
-    dependencies:
-      '@babel/runtime': 7.23.9
-      algoliasearch: 4.22.1
-      algoliasearch-helper: 3.16.2(algoliasearch@4.22.1)
-      instantsearch.js: 4.65.0(algoliasearch@4.22.1)
-      react: 18.2.0
-      use-sync-external-store: 1.2.0(react@18.2.0)
-    dev: false
-
-  /react-instantsearch@7.6.0(algoliasearch@4.22.1)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-9bvIkVeHUK4vaKdFqJZFbI3+1hmYDKWG52RJe+OxfLPvu4EkiSsnIc8qf3A0q0GnIdb0+HUIeZRBkUt/vYYCbQ==}
+  /react-hook-form@7.51.0(react@18.2.0):
+    resolution: {integrity: sha512-BggOy5j58RdhdMzzRUHGOYhSz1oeylFAv6jUSG86OvCIvlAvS7KvnRY7yoAf2pfEiPN7BesnR0xx73nEk3qIiw==}
+    engines: {node: '>=12.22.0'}
     peerDependencies:
-      algoliasearch: '>= 3.1 < 5'
-      react: '>= 16.8.0 < 19'
-      react-dom: '>= 16.8.0 < 19'
+      react: ^16.8.0 || ^17 || ^18
     dependencies:
-      '@babel/runtime': 7.23.9
-      algoliasearch: 4.22.1
-      instantsearch-ui-components: 0.3.0
-      instantsearch.js: 4.65.0(algoliasearch@4.22.1)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      react-instantsearch-core: 7.6.0(algoliasearch@4.22.1)(react@18.2.0)
     dev: false
 
   /react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
-    dev: true
+    dev: false
 
   /react-is@17.0.2:
     resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
@@ -8731,24 +8266,8 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /react-remove-scroll-bar@2.3.4(@types/react@18.2.48)(react@18.2.0):
-    resolution: {integrity: sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-    dependencies:
-      '@types/react': 18.2.48
-      react: 18.2.0
-      react-style-singleton: 2.2.1(@types/react@18.2.48)(react@18.2.0)
-      tslib: 2.6.2
-    dev: false
-
-  /react-remove-scroll@2.5.4(@types/react@18.2.48)(react@18.2.0):
-    resolution: {integrity: sha512-xGVKJJr0SJGQVirVFAUZ2k1QLyO6m+2fy0l8Qawbp5Jgrv3DeLalrfMNBFSlmz5kriGGzsVBtGVnf4pTKIhhWA==}
+  /react-remove-scroll-bar@2.3.5(@types/react@18.2.64)(react@18.2.0):
+    resolution: {integrity: sha512-3cqjOqg6s0XbOjWvmasmqHch+RLxIEk2r/70rzGXuz3iIGQsQheEQyqYCBb5EECoD01Vo2SIbDqW4paLeLTASw==}
     engines: {node: '>=10'}
     peerDependencies:
       '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -8757,16 +8276,13 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@types/react': 18.2.48
+      '@types/react': 18.2.64
       react: 18.2.0
-      react-remove-scroll-bar: 2.3.4(@types/react@18.2.48)(react@18.2.0)
-      react-style-singleton: 2.2.1(@types/react@18.2.48)(react@18.2.0)
+      react-style-singleton: 2.2.1(@types/react@18.2.64)(react@18.2.0)
       tslib: 2.6.2
-      use-callback-ref: 1.3.1(@types/react@18.2.48)(react@18.2.0)
-      use-sidecar: 1.1.2(@types/react@18.2.48)(react@18.2.0)
     dev: false
 
-  /react-remove-scroll@2.5.5(@types/react@18.2.48)(react@18.2.0):
+  /react-remove-scroll@2.5.5(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==}
     engines: {node: '>=10'}
     peerDependencies:
@@ -8776,16 +8292,16 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@types/react': 18.2.48
+      '@types/react': 18.2.64
       react: 18.2.0
-      react-remove-scroll-bar: 2.3.4(@types/react@18.2.48)(react@18.2.0)
-      react-style-singleton: 2.2.1(@types/react@18.2.48)(react@18.2.0)
+      react-remove-scroll-bar: 2.3.5(@types/react@18.2.64)(react@18.2.0)
+      react-style-singleton: 2.2.1(@types/react@18.2.64)(react@18.2.0)
       tslib: 2.6.2
-      use-callback-ref: 1.3.1(@types/react@18.2.48)(react@18.2.0)
-      use-sidecar: 1.1.2(@types/react@18.2.48)(react@18.2.0)
+      use-callback-ref: 1.3.1(@types/react@18.2.64)(react@18.2.0)
+      use-sidecar: 1.1.2(@types/react@18.2.64)(react@18.2.0)
     dev: false
 
-  /react-style-singleton@2.2.1(@types/react@18.2.48)(react@18.2.0):
+  /react-style-singleton@2.2.1(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==}
     engines: {node: '>=10'}
     peerDependencies:
@@ -8795,7 +8311,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@types/react': 18.2.48
+      '@types/react': 18.2.64
       get-nonce: 1.0.1
       invariant: 2.2.4
       react: 18.2.0
@@ -8820,6 +8336,7 @@ packages:
       find-up: 4.1.0
       read-pkg: 5.2.0
       type-fest: 0.8.1
+    dev: true
 
   /read-pkg@5.2.0:
     resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
@@ -8829,6 +8346,7 @@ packages:
       normalize-package-data: 2.5.0
       parse-json: 5.2.0
       type-fest: 0.6.0
+    dev: true
 
   /read-yaml-file@1.1.0:
     resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
@@ -8838,7 +8356,7 @@ packages:
       js-yaml: 3.14.1
       pify: 4.0.1
       strip-bom: 3.0.0
-    dev: false
+    dev: true
 
   /readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
@@ -8852,41 +8370,59 @@ packages:
     dependencies:
       indent-string: 4.0.0
       strip-indent: 3.0.0
-    dev: false
+    dev: true
 
-  /reflect.getprototypeof@1.0.4:
-    resolution: {integrity: sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==}
+  /reflect.getprototypeof@1.0.5:
+    resolution: {integrity: sha512-62wgfC8dJWrmxv44CA36pLDnP6KKl3Vhxb7PL+8+qrrFMMoJij4vgiMP8zV4O8+CBMXY1mHxI5fITGHXFHVmQQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
-      get-intrinsic: 1.2.2
+      es-abstract: 1.22.5
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
       globalthis: 1.0.3
       which-builtin-type: 1.1.3
-    dev: true
+    dev: false
 
   /regenerator-runtime@0.14.1:
     resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
 
-  /regexp-tree@0.1.27:
-    resolution: {integrity: sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==}
-    hasBin: true
-    dev: true
-
-  /regexp.prototype.flags@1.5.1:
-    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==}
+  /regexp.prototype.flags@1.5.2:
+    resolution: {integrity: sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      set-function-name: 2.0.1
+      es-errors: 1.3.0
+      set-function-name: 2.0.2
 
-  /regjsparser@0.10.0:
-    resolution: {integrity: sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==}
-    hasBin: true
+  /rehype-highlight@7.0.0:
+    resolution: {integrity: sha512-QtobgRgYoQaK6p1eSr2SD1i61f7bjF2kZHAQHxeCHAuJf7ZUDMvQ7owDq9YTkmar5m5TSUol+2D3bp3KfJf/oA==}
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-to-text: 4.0.0
+      lowlight: 3.1.0
+      unist-util-visit: 5.0.0
+      vfile: 6.0.1
+    dev: true
+
+  /rehype-raw@7.0.0:
+    resolution: {integrity: sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==}
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-raw: 9.0.2
+      vfile: 6.0.1
+    dev: true
+
+  /rehype-react@8.0.0:
+    resolution: {integrity: sha512-vzo0YxYbB2HE+36+9HWXVdxNoNDubx63r5LBzpxBGVWM8s9mdnMdbmuJBAX6TTyuGdZjZix6qU3GcSuKCIWivw==}
     dependencies:
-      jsesc: 0.5.0
+      '@types/hast': 3.0.4
+      hast-util-to-jsx-runtime: 2.3.0
+      unified: 11.0.4
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /rehype-slug@6.0.0:
@@ -8897,7 +8433,7 @@ packages:
       hast-util-heading-rank: 3.0.0
       hast-util-to-string: 3.0.0
       unist-util-visit: 5.0.0
-    dev: false
+    dev: true
 
   /rehype-stringify@10.0.0:
     resolution: {integrity: sha512-1TX1i048LooI9QoecrXy7nGFFbFSufxVRAfc6Y9YMRAi56l+oB0zP51mLSV312uRuvVLPV1opSlJmslozR1XHQ==}
@@ -8905,37 +8441,31 @@ packages:
       '@types/hast': 3.0.4
       hast-util-to-html: 9.0.0
       unified: 11.0.4
-    dev: false
-
-  /remark-gfm@3.0.1:
-    resolution: {integrity: sha512-lEFDoi2PICJyNrACFOfDD3JlLkuSbOa5Wd8EPt06HUdptv8Gn0bxYTdbU/XXQ3swAPkEaGxxPN9cbnMHvVu1Ig==}
-    dependencies:
-      '@types/mdast': 3.0.15
-      mdast-util-gfm: 2.0.2
-      micromark-extension-gfm: 2.0.3
-      unified: 10.1.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
+    dev: true
 
-  /remark-mdx@2.3.0:
-    resolution: {integrity: sha512-g53hMkpM0I98MU266IzDFMrTD980gNF3BJnkyFcmN+dD873mQeD5rdMO3Y2X+x8umQfbSE0PcoEDl7ledSA+2g==}
+  /remark-frontmatter@5.0.0:
+    resolution: {integrity: sha512-XTFYvNASMe5iPN0719nPrdItC9aU0ssC4v14mH1BCi1u0n1gAocqcujWUrByftZTbLhRtiKRyjYTSIOcr69UVQ==}
     dependencies:
-      mdast-util-mdx: 2.0.1
-      micromark-extension-mdxjs: 1.0.1
+      '@types/mdast': 4.0.3
+      mdast-util-frontmatter: 2.0.1
+      micromark-extension-frontmatter: 2.0.0
+      unified: 11.0.4
     transitivePeerDependencies:
       - supports-color
-    dev: false
+    dev: true
 
-  /remark-parse@10.0.2:
-    resolution: {integrity: sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==}
+  /remark-gfm@4.0.0:
+    resolution: {integrity: sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA==}
     dependencies:
-      '@types/mdast': 3.0.15
-      mdast-util-from-markdown: 1.3.1
-      unified: 10.1.2
+      '@types/mdast': 4.0.3
+      mdast-util-gfm: 3.0.0
+      micromark-extension-gfm: 3.0.0
+      remark-parse: 11.0.0
+      remark-stringify: 11.0.0
+      unified: 11.0.4
     transitivePeerDependencies:
       - supports-color
-    dev: false
+    dev: true
 
   /remark-parse@11.0.0:
     resolution: {integrity: sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==}
@@ -8946,16 +8476,7 @@ packages:
       unified: 11.0.4
     transitivePeerDependencies:
       - supports-color
-    dev: false
-
-  /remark-rehype@10.1.0:
-    resolution: {integrity: sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==}
-    dependencies:
-      '@types/hast': 2.3.10
-      '@types/mdast': 3.0.15
-      mdast-util-to-hast: 12.3.0
-      unified: 10.1.2
-    dev: false
+    dev: true
 
   /remark-rehype@11.1.0:
     resolution: {integrity: sha512-z3tJrAs2kIs1AqIIy6pzHmAHlF1hWQ+OdY4/hv+Wxe35EhyLKcajL33iUEn3ScxtFox9nUvRufR/Zre8Q08H/g==}
@@ -8965,7 +8486,7 @@ packages:
       mdast-util-to-hast: 13.1.0
       unified: 11.0.4
       vfile: 6.0.1
-    dev: false
+    dev: true
 
   /remark-stringify@11.0.0:
     resolution: {integrity: sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==}
@@ -8973,7 +8494,7 @@ packages:
       '@types/mdast': 4.0.3
       mdast-util-to-markdown: 2.1.0
       unified: 11.0.4
-    dev: false
+    dev: true
 
   /remark@15.0.1:
     resolution: {integrity: sha512-Eht5w30ruCXgFmxVUSlNWQ9iiimq07URKeFS3hNc8cUWy1llX4KDWfyEDZRycMc+znsN9Ux5/tJ/BFdgdOwA3A==}
@@ -8984,16 +8505,16 @@ packages:
       unified: 11.0.4
     transitivePeerDependencies:
       - supports-color
-    dev: false
+    dev: true
 
   /require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
-    dev: false
+    dev: true
 
   /require-main-filename@2.0.0:
     resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
-    dev: false
+    dev: true
 
   /requires-port@1.0.0:
     resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
@@ -9002,21 +8523,14 @@ packages:
   /resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
-    dev: true
 
   /resolve-from@5.0.0:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
     engines: {node: '>=8'}
-
-  /resolve-pkg-maps@1.0.0:
-    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
-    dev: true
-
-  /resolve@1.19.0:
-    resolution: {integrity: sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==}
-    dependencies:
-      is-core-module: 2.13.1
-      path-parse: 1.0.7
+    dev: true
+
+  /resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
     dev: true
 
   /resolve@1.22.8:
@@ -9034,7 +8548,7 @@ packages:
       is-core-module: 2.13.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
-    dev: true
+    dev: false
 
   /reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
@@ -9045,28 +8559,27 @@ packages:
     hasBin: true
     dependencies:
       glob: 7.2.3
-    dev: true
 
-  /rollup@4.9.6:
-    resolution: {integrity: sha512-05lzkCS2uASX0CiLFybYfVkwNbKZG5NFQ6Go0VWyogFTXXbR039UVsegViTntkk4OglHBdF54ccApXRRuXRbsg==}
+  /rollup@4.12.1:
+    resolution: {integrity: sha512-ggqQKvx/PsB0FaWXhIvVkSWh7a/PCLQAsMjBc+nA2M8Rv2/HG0X6zvixAB7KyZBRtifBUhy5k8voQX/mRnABPg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
     dependencies:
       '@types/estree': 1.0.5
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.9.6
-      '@rollup/rollup-android-arm64': 4.9.6
-      '@rollup/rollup-darwin-arm64': 4.9.6
-      '@rollup/rollup-darwin-x64': 4.9.6
-      '@rollup/rollup-linux-arm-gnueabihf': 4.9.6
-      '@rollup/rollup-linux-arm64-gnu': 4.9.6
-      '@rollup/rollup-linux-arm64-musl': 4.9.6
-      '@rollup/rollup-linux-riscv64-gnu': 4.9.6
-      '@rollup/rollup-linux-x64-gnu': 4.9.6
-      '@rollup/rollup-linux-x64-musl': 4.9.6
-      '@rollup/rollup-win32-arm64-msvc': 4.9.6
-      '@rollup/rollup-win32-ia32-msvc': 4.9.6
-      '@rollup/rollup-win32-x64-msvc': 4.9.6
+      '@rollup/rollup-android-arm-eabi': 4.12.1
+      '@rollup/rollup-android-arm64': 4.12.1
+      '@rollup/rollup-darwin-arm64': 4.12.1
+      '@rollup/rollup-darwin-x64': 4.12.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.12.1
+      '@rollup/rollup-linux-arm64-gnu': 4.12.1
+      '@rollup/rollup-linux-arm64-musl': 4.12.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.12.1
+      '@rollup/rollup-linux-x64-gnu': 4.12.1
+      '@rollup/rollup-linux-x64-musl': 4.12.1
+      '@rollup/rollup-win32-arm64-msvc': 4.12.1
+      '@rollup/rollup-win32-ia32-msvc': 4.12.1
+      '@rollup/rollup-win32-x64-msvc': 4.12.1
       fsevents: 2.3.3
     dev: true
 
@@ -9079,32 +8592,26 @@ packages:
     dependencies:
       queue-microtask: 1.2.3
 
-  /sade@1.8.1:
-    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
-    engines: {node: '>=6'}
-    dependencies:
-      mri: 1.2.0
-    dev: false
-
   /safe-array-concat@1.1.0:
     resolution: {integrity: sha512-ZdQ0Jeb9Ofti4hbt5lX3T2JcAamT9hfzYU1MNB+z/jaEbB6wfFfPIR/zEORmZqobkCCJhSjodobH6WHNmJ97dg==}
     engines: {node: '>=0.4'}
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
       has-symbols: 1.0.3
       isarray: 2.0.5
 
-  /safe-regex-test@1.0.2:
-    resolution: {integrity: sha512-83S9w6eFq12BBIJYvjMux6/dkirb8+4zJRA9cxNBVb7Wq5fJBW+Xze48WqR8pxua7bDuAaaAxtVVd4Idjp1dBQ==}
+  /safe-regex-test@1.0.3:
+    resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      es-errors: 1.3.0
       is-regex: 1.1.4
 
   /safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+    dev: true
 
   /saxes@6.0.0:
     resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
@@ -9128,55 +8635,54 @@ packages:
     dependencies:
       extend-shallow: 2.0.1
       kind-of: 6.0.3
-    dev: false
+    dev: true
 
   /semver@5.7.2:
     resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
     hasBin: true
+    dev: true
 
   /semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
-  /semver@7.5.4:
-    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
+  /semver@7.6.0:
+    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
       lru-cache: 6.0.0
 
-  /server-only@0.0.1:
-    resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==}
-    dev: false
-
   /set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
-    dev: false
+    dev: true
 
-  /set-function-length@1.2.0:
-    resolution: {integrity: sha512-4DBHDoyHlM1IRPGYcoxexgh67y4ueR53FKV1yyxwFMY7aCqcN/38M1+SwZ/qJQ8iLv7+ck385ot4CcisOAPT9w==}
+  /set-function-length@1.2.1:
+    resolution: {integrity: sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==}
     engines: {node: '>= 0.4'}
     dependencies:
-      define-data-property: 1.1.1
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
       gopd: 1.0.1
-      has-property-descriptors: 1.0.1
+      has-property-descriptors: 1.0.2
 
-  /set-function-name@2.0.1:
-    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
+  /set-function-name@2.0.2:
+    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      define-data-property: 1.1.1
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
       functions-have-names: 1.2.3
-      has-property-descriptors: 1.0.1
+      has-property-descriptors: 1.0.2
 
   /shebang-command@1.2.0:
     resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
     engines: {node: '>=0.10.0'}
     dependencies:
       shebang-regex: 1.0.0
-    dev: false
+    dev: true
 
   /shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
@@ -9187,17 +8693,19 @@ packages:
   /shebang-regex@1.0.0:
     resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
     engines: {node: '>=0.10.0'}
-    dev: false
+    dev: true
 
   /shebang-regex@3.0.0:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
-  /side-channel@1.0.4:
-    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
+  /side-channel@1.0.6:
+    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+    engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
       object-inspect: 1.13.1
 
   /siginfo@2.0.0:
@@ -9206,11 +8714,16 @@ packages:
 
   /signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+    dev: true
 
   /signal-exit@4.1.0:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
 
+  /simplex-noise@4.0.1:
+    resolution: {integrity: sha512-zl/+bdSqW7HJOQ0oDbxrNYaF4F5ik0i7M6YOYmEoIJNtg16NpvWaTTM1Y7oV/7T0jFljawLgYPS81Uu2rsfo1A==}
+    dev: false
+
   /sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
     dev: true
@@ -9219,11 +8732,6 @@ packages:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
     engines: {node: '>=8'}
 
-  /slash@4.0.0:
-    resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==}
-    engines: {node: '>=12'}
-    dev: true
-
   /smartwrap@2.0.2:
     resolution: {integrity: sha512-vCsKNQxb7PnCNd2wY1WClWifAc2lwqsG8OaswpJkVJsvMGcnEntdTCDajZCkk93Ay1U3t/9puJmb525Rg5MZBA==}
     engines: {node: '>=6'}
@@ -9235,13 +8743,13 @@ packages:
       strip-ansi: 6.0.1
       wcwidth: 1.0.1
       yargs: 15.4.1
-    dev: false
+    dev: true
 
   /snake-case@3.0.4:
     resolution: {integrity: sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==}
     dependencies:
       dot-case: 3.0.4
-      tslib: 2.6.2
+      tslib: 2.4.1
     dev: false
 
   /snakecase-keys@3.2.1:
@@ -9261,22 +8769,15 @@ packages:
       type-fest: 2.19.0
     dev: false
 
-  /sort-object-keys@1.1.3:
-    resolution: {integrity: sha512-855pvK+VkU7PaKYPc+Jjnmt4EzejQHyhhF33q31qG8x7maDzkeFhAAThdCYay11CISO+qAMwjOBP+fPZe0IPyg==}
-    dev: true
-
-  /sort-package-json@2.7.0:
-    resolution: {integrity: sha512-6AayF8bp6L+WROgpbhTMUtB9JSFmpGHjmW7DyaNPS1HwlTw2oSVlUUtlkHSEZmg5o89F3zvLBZNvMeZ1T4fjQg==}
-    hasBin: true
+  /sonner@1.4.3(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-SArYlHbkjqRuLiR0iGY2ZSr09oOrxw081ZZkQPfXrs8aZQLIBOLOdzTYxGJB5yIZ7qL56UEPmrX1YqbODwG0Lw==}
+    peerDependencies:
+      react: ^18.0.0
+      react-dom: ^18.0.0
     dependencies:
-      detect-indent: 7.0.1
-      detect-newline: 4.0.1
-      get-stdin: 9.0.0
-      git-hooks-list: 3.1.0
-      globby: 13.2.2
-      is-plain-obj: 4.1.0
-      sort-object-keys: 1.1.3
-    dev: true
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
 
   /source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
@@ -9294,11 +8795,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /source-map@0.7.4:
-    resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
-    engines: {node: '>= 8'}
-    dev: false
-
   /source-map@0.8.0-beta.0:
     resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
     engines: {node: '>= 8'}
@@ -9308,36 +8804,40 @@ packages:
 
   /space-separated-tokens@2.0.2:
     resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
-    dev: false
+    dev: true
 
   /spawndamnit@2.0.0:
     resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==}
     dependencies:
       cross-spawn: 5.1.0
       signal-exit: 3.0.7
-    dev: false
+    dev: true
 
   /spdx-correct@3.2.0:
     resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
     dependencies:
       spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.16
+      spdx-license-ids: 3.0.17
+    dev: true
 
-  /spdx-exceptions@2.4.0:
-    resolution: {integrity: sha512-hcjppoJ68fhxA/cjbN4T8N6uCUejN8yFw69ttpqtBeCbF3u13n7mb31NB9jKwGTTWWnt9IbRA/mf1FprYS8wfw==}
+  /spdx-exceptions@2.5.0:
+    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
+    dev: true
 
   /spdx-expression-parse@3.0.1:
     resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
     dependencies:
-      spdx-exceptions: 2.4.0
-      spdx-license-ids: 3.0.16
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.17
+    dev: true
 
-  /spdx-license-ids@3.0.16:
-    resolution: {integrity: sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==}
+  /spdx-license-ids@3.0.17:
+    resolution: {integrity: sha512-sh8PWc/ftMqAAdFiBu6Fy6JUOYjqDJBJvIhpfDMyHrr0Rbp5liZqd4TjtQ/RgfLjKFZb+LMx5hpml5qOWy0qvg==}
+    dev: true
 
   /sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
-    dev: false
+    dev: true
 
   /stackback@0.0.2:
     resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
@@ -9351,14 +8851,14 @@ packages:
     resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      internal-slot: 1.0.6
+      internal-slot: 1.0.7
     dev: true
 
   /stream-transform@2.1.3:
     resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==}
     dependencies:
       mixme: 0.5.10
-    dev: false
+    dev: true
 
   /streamsearch@1.1.0:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
@@ -9383,45 +8883,45 @@ packages:
   /string.prototype.matchall@4.0.10:
     resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
-      get-intrinsic: 1.2.2
+      es-abstract: 1.22.5
+      get-intrinsic: 1.2.4
       has-symbols: 1.0.3
-      internal-slot: 1.0.6
-      regexp.prototype.flags: 1.5.1
-      set-function-name: 2.0.1
-      side-channel: 1.0.4
-    dev: true
+      internal-slot: 1.0.7
+      regexp.prototype.flags: 1.5.2
+      set-function-name: 2.0.2
+      side-channel: 1.0.6
+    dev: false
 
   /string.prototype.trim@1.2.8:
     resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
+      es-abstract: 1.22.5
 
   /string.prototype.trimend@1.0.7:
     resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
+      es-abstract: 1.22.5
 
   /string.prototype.trimstart@1.0.7:
     resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
-      es-abstract: 1.22.3
+      es-abstract: 1.22.5
 
   /stringify-entities@4.0.3:
     resolution: {integrity: sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==}
     dependencies:
       character-entities-html4: 2.1.0
       character-entities-legacy: 3.0.0
-    dev: false
+    dev: true
 
   /strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
@@ -9438,7 +8938,7 @@ packages:
   /strip-bom-string@1.0.0:
     resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
     engines: {node: '>=0.10.0'}
-    dev: false
+    dev: true
 
   /strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
@@ -9459,16 +8959,16 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       min-indent: 1.0.1
+    dev: true
 
   /strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
-    dev: true
 
-  /strip-literal@1.3.0:
-    resolution: {integrity: sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==}
+  /strip-literal@2.0.0:
+    resolution: {integrity: sha512-f9vHgsCWBq2ugHAkGMiiYY+AYG0D/cbloKKg0nhaaaSNsujdGIpVXCNsrJpCKr5M0f4aI31mr13UjY6GAuXCKA==}
     dependencies:
-      acorn: 8.11.3
+      js-tokens: 8.0.3
     dev: true
 
   /style-to-js@1.1.8:
@@ -9477,19 +8977,19 @@ packages:
       style-to-object: 1.0.3
     dev: false
 
-  /style-to-object@0.4.4:
-    resolution: {integrity: sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg==}
-    dependencies:
-      inline-style-parser: 0.1.1
-    dev: false
-
   /style-to-object@1.0.3:
     resolution: {integrity: sha512-xOpx7S53E0V3DpVsvt7ySvoiumRpfXiC99PUXLqGB3wiAnN9ybEIpuzlZ8LAZg+h1sl9JkEUwtSQXxcCgFqbbg==}
     dependencies:
       inline-style-parser: 0.2.2
     dev: false
 
-  /styled-jsx@5.1.1(@babel/core@7.23.9)(react@18.2.0):
+  /style-to-object@1.0.5:
+    resolution: {integrity: sha512-rDRwHtoDD3UMMrmZ6BzOW0naTjMsVZLIjsGleSKS/0Oz+cgCfAPRspaqJuE8rDzpKha/nEvnM0IF4seEAZUTKQ==}
+    dependencies:
+      inline-style-parser: 0.2.2
+    dev: true
+
+  /styled-jsx@5.1.1(@babel/core@7.24.0)(react@18.2.0):
     resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
@@ -9502,7 +9002,7 @@ packages:
       babel-plugin-macros:
         optional: true
     dependencies:
-      '@babel/core': 7.23.9
+      '@babel/core': 7.24.0
       client-only: 0.0.1
       react: 18.2.0
 
@@ -9511,7 +9011,7 @@ packages:
     engines: {node: '>=16 || 14 >=14.17'}
     hasBin: true
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.3
+      '@jridgewell/gen-mapping': 0.3.5
       commander: 4.1.1
       glob: 10.3.10
       lines-and-columns: 1.2.4
@@ -9555,22 +9055,14 @@ packages:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
     dev: true
 
-  /synckit@0.9.0:
-    resolution: {integrity: sha512-7RnqIMq572L8PeEzKeBINYEJDDxpcH8JEgLwUqBd3TkofhFRbkq4QLR0u+36avGAhCRbk2nnmjcW9SE531hPDg==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    dependencies:
-      '@pkgr/core': 0.1.1
-      tslib: 2.6.2
-    dev: true
-
   /tailwind-merge@1.14.0:
     resolution: {integrity: sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ==}
-    dev: false
+    dev: true
 
   /tailwind-merge@2.2.1:
     resolution: {integrity: sha512-o+2GTLkthfa5YUt4JxPfzMIpQzZ3adD1vLVkvKE1Twl9UAhGsEbIZhHHZVRttyW177S8PDJI3bTQNaebyofK3Q==}
     dependencies:
-      '@babel/runtime': 7.23.9
+      '@babel/runtime': 7.24.0
     dev: false
 
   /tailwindcss-animate@1.0.7(tailwindcss@3.4.1):
@@ -9578,17 +9070,17 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
     dependencies:
-      tailwindcss: 3.4.1(ts-node@10.9.2)
+      tailwindcss: 3.4.1
     dev: false
 
-  /tailwindcss@3.4.1(ts-node@10.9.2):
+  /tailwindcss@3.4.1:
     resolution: {integrity: sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==}
     engines: {node: '>=14.0.0'}
     hasBin: true
     dependencies:
       '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
-      chokidar: 3.5.3
+      chokidar: 3.6.0
       didyoumean: 1.2.2
       dlv: 1.1.3
       fast-glob: 3.3.2
@@ -9603,7 +9095,7 @@ packages:
       postcss: 8.4.35
       postcss-import: 15.1.0(postcss@8.4.35)
       postcss-js: 4.0.1(postcss@8.4.35)
-      postcss-load-config: 4.0.2(postcss@8.4.35)(ts-node@10.9.2)
+      postcss-load-config: 4.0.2(postcss@8.4.35)
       postcss-nested: 6.0.1(postcss@8.4.35)
       postcss-selector-parser: 6.0.15
       resolve: 1.22.8
@@ -9611,19 +9103,13 @@ packages:
     transitivePeerDependencies:
       - ts-node
 
-  /tapable@2.2.1:
-    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
-    engines: {node: '>=6'}
-    dev: true
-
   /term-size@2.2.1:
     resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
     engines: {node: '>=8'}
-    dev: false
+    dev: true
 
   /text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-    dev: true
 
   /thenify-all@1.6.0:
     resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
@@ -9639,7 +9125,7 @@ packages:
   /timers-ext@0.1.7:
     resolution: {integrity: sha512-b85NUNzTSdodShTIbky6ZF02e8STtVVfD+fu4aXXShEELpozH+bCpJLYMPZbsABN2wDH7fJpqIoXxJpzbf0NqQ==}
     dependencies:
-      es5-ext: 0.10.62
+      es5-ext: 0.10.64
       next-tick: 1.1.0
     dev: true
 
@@ -9652,8 +9138,8 @@ packages:
     engines: {node: '>=14.0.0'}
     dev: true
 
-  /tinyspy@2.2.0:
-    resolution: {integrity: sha512-d2eda04AN/cPOR89F7Xv5bK/jrQEhmcLFe6HFldoeO9AJtps+fqEnh486vnT/8y4bw38pSyxDcTCAq+Ks2aJTg==}
+  /tinyspy@2.2.1:
+    resolution: {integrity: sha512-KYad6Vy5VDWV4GH3fjpseMQ/XU2BhIYP7Vzd0LG44qRWm/Yt2WCOTicFdvmgo6gWaqooMQCawTtILVQJupKu7A==}
     engines: {node: '>=14.0.0'}
     dev: true
 
@@ -9662,7 +9148,7 @@ packages:
     engines: {node: '>=0.6.0'}
     dependencies:
       os-tmpdir: 1.0.2
-    dev: false
+    dev: true
 
   /to-fast-properties@2.0.0:
     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
@@ -9720,59 +9206,29 @@ packages:
 
   /trim-lines@3.0.1:
     resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
-    dev: false
+    dev: true
 
   /trim-newlines@3.0.1:
     resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
     engines: {node: '>=8'}
-    dev: false
+    dev: true
 
   /trough@2.2.0:
     resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
-    dev: false
+    dev: true
 
-  /ts-api-utils@1.0.3(typescript@5.3.3):
-    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
-    engines: {node: '>=16.13.0'}
+  /ts-api-utils@1.2.1(typescript@5.4.2):
+    resolution: {integrity: sha512-RIYA36cJn2WiH9Hy77hdF9r7oEwxAtB/TS9/S4Qd90Ap4z5FSiin5zEiTL44OII1Y3IIlEvxwxFUVgrHSZ/UpA==}
+    engines: {node: '>=16'}
     peerDependencies:
       typescript: '>=4.2.0'
     dependencies:
-      typescript: 5.3.3
-    dev: true
+      typescript: 5.4.2
+    dev: false
 
   /ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
-  /ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3):
-    resolution: {integrity: sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==}
-    hasBin: true
-    peerDependencies:
-      '@swc/core': '>=1.2.50'
-      '@swc/wasm': '>=1.2.50'
-      '@types/node': '*'
-      typescript: '>=2.7'
-    peerDependenciesMeta:
-      '@swc/core':
-        optional: true
-      '@swc/wasm':
-        optional: true
-    dependencies:
-      '@cspotcode/source-map-support': 0.8.1
-      '@tsconfig/node10': 1.0.9
-      '@tsconfig/node12': 1.0.11
-      '@tsconfig/node14': 1.0.3
-      '@tsconfig/node16': 1.0.4
-      '@types/node': 20.11.19
-      acorn: 8.11.3
-      acorn-walk: 8.3.2
-      arg: 4.1.3
-      create-require: 1.1.1
-      diff: 4.0.2
-      make-error: 1.3.6
-      typescript: 5.3.3
-      v8-compile-cache-lib: 3.0.1
-      yn: 3.1.1
-
   /tsconfig-paths@3.15.0:
     resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
     dependencies:
@@ -9780,11 +9236,7 @@ packages:
       json5: 1.0.2
       minimist: 1.2.8
       strip-bom: 3.0.0
-    dev: true
-
-  /tslib@1.14.1:
-    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
-    dev: true
+    dev: false
 
   /tslib@2.4.1:
     resolution: {integrity: sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==}
@@ -9793,16 +9245,18 @@ packages:
   /tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
 
-  /tsup@7.3.0(typescript@5.3.3):
-    resolution: {integrity: sha512-Ja1eaSRrE+QarmATlNO5fse2aOACYMBX+IZRKy1T+gpyH+jXgRrl5l4nHIQJQ1DoDgEjHDTw8cpE085UdBZuWQ==}
+  /tsup@8.0.2(postcss@8.4.35)(typescript@5.4.2):
+    resolution: {integrity: sha512-NY8xtQXdH7hDUAZwcQdY/Vzlw9johQsaqf7iwZ6g1DOUlFYQ5/AtVAjTvihhEyeRlGo4dLRVHtrRaL35M1daqQ==}
     engines: {node: '>=18'}
-    deprecated: Breaking node 16
     hasBin: true
     peerDependencies:
+      '@microsoft/api-extractor': ^7.36.0
       '@swc/core': ^1
       postcss: ^8.4.12
       typescript: '>=4.5.0'
     peerDependenciesMeta:
+      '@microsoft/api-extractor':
+        optional: true
       '@swc/core':
         optional: true
       postcss:
@@ -9812,32 +9266,34 @@ packages:
     dependencies:
       bundle-require: 4.0.2(esbuild@0.19.12)
       cac: 6.7.14
-      chokidar: 3.5.3
+      chokidar: 3.6.0
       debug: 4.3.4
       esbuild: 0.19.12
       execa: 5.1.1
       globby: 11.1.0
       joycon: 3.1.1
-      postcss-load-config: 4.0.2(postcss@8.4.35)(ts-node@10.9.2)
+      postcss: 8.4.35
+      postcss-load-config: 4.0.2(postcss@8.4.35)
       resolve-from: 5.0.0
-      rollup: 4.9.6
+      rollup: 4.12.1
       source-map: 0.8.0-beta.0
       sucrase: 3.35.0
       tree-kill: 1.2.2
-      typescript: 5.3.3
+      typescript: 5.4.2
     transitivePeerDependencies:
       - supports-color
       - ts-node
     dev: true
 
-  /tsutils@3.21.0(typescript@5.3.3):
-    resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
-    engines: {node: '>= 6'}
-    peerDependencies:
-      typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
+  /tsx@4.7.1:
+    resolution: {integrity: sha512-8d6VuibXHtlN5E3zFkgY8u4DX7Y3Z27zvvPKVmLon/D4AjuKzarkUBTLDBgj9iTQ0hg5xM7c/mYiRVM+HETf0g==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
     dependencies:
-      tslib: 1.14.1
-      typescript: 5.3.3
+      esbuild: 0.19.12
+      get-tsconfig: 4.7.3
+    optionalDependencies:
+      fsevents: 2.3.3
     dev: true
 
   /tty-table@4.2.3:
@@ -9852,66 +9308,66 @@ packages:
       strip-ansi: 6.0.1
       wcwidth: 1.0.1
       yargs: 17.7.2
-    dev: false
+    dev: true
 
-  /turbo-darwin-64@1.12.4:
-    resolution: {integrity: sha512-dBwFxhp9isTa9RS/fz2gDVk5wWhKQsPQMozYhjM7TT4jTrnYn0ZJMzr7V3B/M/T8QF65TbniW7w1gtgxQgX5Zg==}
+  /turbo-darwin-64@1.12.5:
+    resolution: {integrity: sha512-0GZ8reftwNQgIQLHkHjHEXTc/Z1NJm+YjsrBP+qhM/7yIZ3TEy9gJhuogDt2U0xIWwFgisTyzbtU7xNaQydtoA==}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /turbo-darwin-arm64@1.12.4:
-    resolution: {integrity: sha512-1Uo5iI6xsJ1j9ObsqxYRsa3W26mEbUe6fnj4rQYV6kDaqYD54oAMJ6hM53q9rB8JvFxwdrUXGp3PwTw9A0qqkA==}
+  /turbo-darwin-arm64@1.12.5:
+    resolution: {integrity: sha512-8WpOLNNzvH6kohQOjihD+gaWL+ZFNfjvBwhOF0rjEzvW+YR3Pa7KjhulrjWyeN2yMFqAPubTbZIGOz1EVXLuQA==}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /turbo-linux-64@1.12.4:
-    resolution: {integrity: sha512-ONg2aSqKP7LAQOg7ysmU5WpEQp4DGNxSlAiR7um+LKtbmC/UxogbR5+T+Uuq6zGuQ5kJyKjWJ4NhtvUswOqBsA==}
+  /turbo-linux-64@1.12.5:
+    resolution: {integrity: sha512-INit73+bNUpwqGZCxgXCR3I+cQsdkQ3/LkfkgSOibkpg+oGqxJRzeXw3sp990d7SCoE8QOcs3iw+PtiFX/LDAA==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /turbo-linux-arm64@1.12.4:
-    resolution: {integrity: sha512-9FPufkwdgfIKg/9jj87Cdtftw8o36y27/S2vLN7FTR2pp9c0MQiTBOLVYadUr1FlShupddmaMbTkXEhyt9SdrA==}
+  /turbo-linux-arm64@1.12.5:
+    resolution: {integrity: sha512-6lkRBvxtI/GQdGtaAec9LvVQUoRw6nXFp0kM+Eu+5PbZqq7yn6cMkgDJLI08zdeui36yXhone8XGI8pHg8bpUQ==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /turbo-windows-64@1.12.4:
-    resolution: {integrity: sha512-2mOtxHW5Vjh/5rDVu/aFwsMzI+chs8XcEuJHlY1sYOpEymYTz+u6AXbnzRvwZFMrLKr7J7fQOGl+v96sLKbNdA==}
+  /turbo-windows-64@1.12.5:
+    resolution: {integrity: sha512-gQYbOhZg5Ww0bQ/bC0w/4W6yQRwBumUUnkB+QPo15VznwxZe2a7bo6JM+9Xy9dKLa/kn+p7zTqme4OEp6M3/Yg==}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /turbo-windows-arm64@1.12.4:
-    resolution: {integrity: sha512-nOY5wae9qnxPOpT1fRuYO0ks6dTwpKMPV6++VkDkamFDLFHUDVM/9kmD2UTeh1yyrKnrZksbb9zmShhmfj1wog==}
+  /turbo-windows-arm64@1.12.5:
+    resolution: {integrity: sha512-auvhZ9FrhnvQ4mgBlY9O68MT4dIfprYGvd2uPICba/mHUZZvVy5SGgbHJ0KbMwaJfnnFoPgLJO6M+3N2gDprKw==}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /turbo@1.12.4:
-    resolution: {integrity: sha512-yUJ7elEUSToiGwFZogXpYKJpQ0BvaMbkEuQECIWtkBLcmWzlMOt6bActsIm29oN83mRU0WbzGt4e8H1KHWedhg==}
+  /turbo@1.12.5:
+    resolution: {integrity: sha512-FATU5EnhrYG8RvQJYFJnDd18DpccDjyvd53hggw9T9JEg9BhWtIEoeaKtBjYbpXwOVrJQMDdXcIB4f2nD3QPPg==}
     hasBin: true
     optionalDependencies:
-      turbo-darwin-64: 1.12.4
-      turbo-darwin-arm64: 1.12.4
-      turbo-linux-64: 1.12.4
-      turbo-linux-arm64: 1.12.4
-      turbo-windows-64: 1.12.4
-      turbo-windows-arm64: 1.12.4
+      turbo-darwin-64: 1.12.5
+      turbo-darwin-arm64: 1.12.5
+      turbo-linux-64: 1.12.5
+      turbo-linux-arm64: 1.12.5
+      turbo-windows-64: 1.12.5
+      turbo-windows-arm64: 1.12.5
     dev: true
 
   /type-check@0.4.0:
@@ -9919,7 +9375,6 @@ packages:
     engines: {node: '>= 0.8.0'}
     dependencies:
       prelude-ls: 1.2.1
-    dev: true
 
   /type-detect@4.0.8:
     resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
@@ -9929,81 +9384,84 @@ packages:
   /type-fest@0.13.1:
     resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==}
     engines: {node: '>=10'}
-    dev: false
+    dev: true
 
   /type-fest@0.20.2:
     resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
     engines: {node: '>=10'}
-    dev: true
 
   /type-fest@0.6.0:
     resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
     engines: {node: '>=8'}
+    dev: true
 
   /type-fest@0.8.1:
     resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
     engines: {node: '>=8'}
+    dev: true
 
   /type-fest@2.19.0:
     resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
     engines: {node: '>=12.20'}
     dev: false
 
-  /type@1.2.0:
-    resolution: {integrity: sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==}
-    dev: true
-
   /type@2.7.2:
     resolution: {integrity: sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==}
     dev: true
 
-  /typed-array-buffer@1.0.0:
-    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==}
+  /typed-array-buffer@1.0.2:
+    resolution: {integrity: sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      es-errors: 1.3.0
       is-typed-array: 1.1.13
 
-  /typed-array-byte-length@1.0.0:
-    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
+  /typed-array-byte-length@1.0.1:
+    resolution: {integrity: sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==}
     engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       for-each: 0.3.3
-      has-proto: 1.0.1
+      gopd: 1.0.1
+      has-proto: 1.0.3
       is-typed-array: 1.1.13
 
-  /typed-array-byte-offset@1.0.0:
-    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==}
+  /typed-array-byte-offset@1.0.2:
+    resolution: {integrity: sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      available-typed-arrays: 1.0.6
-      call-bind: 1.0.5
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
       for-each: 0.3.3
-      has-proto: 1.0.1
+      gopd: 1.0.1
+      has-proto: 1.0.3
       is-typed-array: 1.1.13
 
-  /typed-array-length@1.0.4:
-    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
+  /typed-array-length@1.0.5:
+    resolution: {integrity: sha512-yMi0PlwuznKHxKmcpoOdeLwxBoVPkqZxd7q2FgMkmD3bNwvF5VW0+UlUQ1k1vmktTu4Yu13Q0RIxEP8+B+wloA==}
+    engines: {node: '>= 0.4'}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
       is-typed-array: 1.1.13
+      possible-typed-array-names: 1.0.0
 
-  /typescript@5.3.3:
-    resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==}
+  /typescript@5.4.2:
+    resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==}
     engines: {node: '>=14.17'}
     hasBin: true
 
-  /ufo@1.3.2:
-    resolution: {integrity: sha512-o+ORpgGwaYQXgqGDwd+hkS4PuZ3QnmqMMxRuajK/a38L6fTpcE5GPIfrf+L/KemFzfUpeUQc1rRS1iDBozvnFA==}
+  /ufo@1.4.0:
+    resolution: {integrity: sha512-Hhy+BhRBleFjpJ2vchUNN40qgkh0366FWJGqVLYBHev0vpHTrXSA0ryT+74UiW6KWsldNurQMKGqCm1M2zBciQ==}
     dev: true
 
   /unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       has-bigints: 1.0.2
       has-symbols: 1.0.3
       which-boxed-primitive: 1.0.2
@@ -10011,18 +9469,6 @@ packages:
   /undici-types@5.26.5:
     resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
 
-  /unified@10.1.2:
-    resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==}
-    dependencies:
-      '@types/unist': 2.0.10
-      bail: 2.0.2
-      extend: 3.0.2
-      is-buffer: 2.0.5
-      is-plain-obj: 4.1.0
-      trough: 2.2.0
-      vfile: 5.3.7
-    dev: false
-
   /unified@11.0.4:
     resolution: {integrity: sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==}
     dependencies:
@@ -10033,82 +9479,54 @@ packages:
       is-plain-obj: 4.1.0
       trough: 2.2.0
       vfile: 6.0.1
-    dev: false
-
-  /unist-util-generated@2.0.1:
-    resolution: {integrity: sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==}
-    dev: false
+    dev: true
 
-  /unist-util-is@5.2.1:
-    resolution: {integrity: sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==}
+  /unist-util-find-after@5.0.0:
+    resolution: {integrity: sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==}
     dependencies:
-      '@types/unist': 2.0.10
-    dev: false
+      '@types/unist': 3.0.2
+      unist-util-is: 6.0.0
+    dev: true
 
   /unist-util-is@6.0.0:
     resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
     dependencies:
       '@types/unist': 3.0.2
-    dev: false
-
-  /unist-util-position-from-estree@1.1.2:
-    resolution: {integrity: sha512-poZa0eXpS+/XpoQwGwl79UUdea4ol2ZuCYguVaJS4qzIOMDzbqz8a3erUCOmubSZkaOuGamb3tX790iwOIROww==}
-    dependencies:
-      '@types/unist': 2.0.10
-    dev: false
-
-  /unist-util-position@4.0.4:
-    resolution: {integrity: sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==}
-    dependencies:
-      '@types/unist': 2.0.10
-    dev: false
+    dev: true
 
   /unist-util-position@5.0.0:
     resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
     dependencies:
       '@types/unist': 3.0.2
-    dev: false
+    dev: true
 
-  /unist-util-remove-position@4.0.2:
-    resolution: {integrity: sha512-TkBb0HABNmxzAcfLf4qsIbFbaPDvMO6wa3b3j4VcEzFVaw1LBKwnW4/sRJ/atSLSzoIg41JWEdnE7N6DIhGDGQ==}
+  /unist-util-remove-position@5.0.0:
+    resolution: {integrity: sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==}
     dependencies:
-      '@types/unist': 2.0.10
-      unist-util-visit: 4.1.2
-    dev: false
+      '@types/unist': 3.0.2
+      unist-util-visit: 5.0.0
+    dev: true
 
-  /unist-util-stringify-position@3.0.3:
-    resolution: {integrity: sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==}
+  /unist-util-remove@4.0.0:
+    resolution: {integrity: sha512-b4gokeGId57UVRX/eVKej5gXqGlc9+trkORhFJpu9raqZkZhU0zm8Doi05+HaiBsMEIJowL+2WtQ5ItjsngPXg==}
     dependencies:
-      '@types/unist': 2.0.10
-    dev: false
+      '@types/unist': 3.0.2
+      unist-util-is: 6.0.0
+      unist-util-visit-parents: 6.0.1
+    dev: true
 
   /unist-util-stringify-position@4.0.0:
     resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
     dependencies:
       '@types/unist': 3.0.2
-    dev: false
-
-  /unist-util-visit-parents@5.1.3:
-    resolution: {integrity: sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==}
-    dependencies:
-      '@types/unist': 2.0.10
-      unist-util-is: 5.2.1
-    dev: false
+    dev: true
 
   /unist-util-visit-parents@6.0.1:
     resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
     dependencies:
       '@types/unist': 3.0.2
       unist-util-is: 6.0.0
-    dev: false
-
-  /unist-util-visit@4.1.2:
-    resolution: {integrity: sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==}
-    dependencies:
-      '@types/unist': 2.0.10
-      unist-util-is: 5.2.1
-      unist-util-visit-parents: 5.1.3
-    dev: false
+    dev: true
 
   /unist-util-visit@5.0.0:
     resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
@@ -10116,33 +9534,32 @@ packages:
       '@types/unist': 3.0.2
       unist-util-is: 6.0.0
       unist-util-visit-parents: 6.0.1
-    dev: false
+    dev: true
 
   /universalify@0.1.2:
     resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
     engines: {node: '>= 4.0.0'}
-    dev: false
+    dev: true
 
   /universalify@0.2.0:
     resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  /update-browserslist-db@1.0.13(browserslist@4.22.3):
+  /update-browserslist-db@1.0.13(browserslist@4.23.0):
     resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
     dependencies:
-      browserslist: 4.22.3
-      escalade: 3.1.1
+      browserslist: 4.23.0
+      escalade: 3.1.2
       picocolors: 1.0.0
 
   /uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
     dependencies:
       punycode: 2.3.1
-    dev: true
 
   /url-parse@1.5.10:
     resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
@@ -10155,7 +9572,7 @@ packages:
     resolution: {integrity: sha512-H/A06tKD7sS1O1X2SshBVeA5FLycRpjqiBeqGKmBwBDBy28EnRjORxTNe269KSSr5un5qyWi1iL61wLxpd+ZOg==}
     dev: true
 
-  /use-callback-ref@1.3.1(@types/react@18.2.48)(react@18.2.0):
+  /use-callback-ref@1.3.1(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-Lg4Vx1XZQauB42Hw3kK7JM6yjVjgFmFC5/Ab797s79aARomD2nEErc4mCgM8EZrARLmmbWpi5DGCadmK50DcAQ==}
     engines: {node: '>=10'}
     peerDependencies:
@@ -10165,13 +9582,13 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@types/react': 18.2.48
+      '@types/react': 18.2.64
       react: 18.2.0
       tslib: 2.6.2
     dev: false
 
-  /use-intl@3.0.0-rc.6(react@18.2.0):
-    resolution: {integrity: sha512-vkPHZFFTrt/GnLPVn0HdCUeU+BgtitkuONa9e+XC3IeItd6RxJ28RMbAK43QI726N/CrAjds/fGjI8BF21u6Hw==}
+  /use-intl@3.9.3(react@18.2.0):
+    resolution: {integrity: sha512-M022G+p3nW6P1edJvYDYmV353OI+rlvwjupjuXkX6/sjoareG5fvlUfLXkHXO3f6Gzit1ReZAAlnW50eOFLYfg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
@@ -10180,7 +9597,7 @@ packages:
       react: 18.2.0
     dev: false
 
-  /use-sidecar@1.1.2(@types/react@18.2.48)(react@18.2.0):
+  /use-sidecar@1.1.2(@types/react@18.2.64)(react@18.2.0):
     resolution: {integrity: sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==}
     engines: {node: '>=10'}
     peerDependencies:
@@ -10190,7 +9607,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@types/react': 18.2.48
+      '@types/react': 18.2.64
       detect-node-es: 1.1.0
       react: 18.2.0
       tslib: 2.6.2
@@ -10215,63 +9632,33 @@ packages:
   /util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
-  /uvu@0.5.6:
-    resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==}
-    engines: {node: '>=8'}
-    hasBin: true
-    dependencies:
-      dequal: 2.0.3
-      diff: 5.2.0
-      kleur: 4.1.5
-      sade: 1.8.1
-    dev: false
-
-  /v8-compile-cache-lib@3.0.1:
-    resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
-
   /validate-npm-package-license@3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
     dependencies:
       spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
+    dev: true
 
   /vfile-location@5.0.2:
     resolution: {integrity: sha512-NXPYyxyBSH7zB5U6+3uDdd6Nybz6o6/od9rk8bp9H8GR3L+cm/fC0uUTbqBmUTnMCUDslAGBOIKNfvvb+gGlDg==}
     dependencies:
       '@types/unist': 3.0.2
       vfile: 6.0.1
-    dev: false
-
-  /vfile-matter@3.0.1:
-    resolution: {integrity: sha512-CAAIDwnh6ZdtrqAuxdElUqQRQDQgbbIrYtDYI8gCjXS1qQ+1XdLoK8FIZWxJwn0/I+BkSSZpar3SOgjemQz4fg==}
-    dependencies:
-      '@types/js-yaml': 4.0.9
-      is-buffer: 2.0.5
-      js-yaml: 4.1.0
-    dev: false
+    dev: true
 
-  /vfile-message@3.1.4:
-    resolution: {integrity: sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==}
+  /vfile-matter@5.0.0:
+    resolution: {integrity: sha512-jhPSqlj8hTSkTXOqyxbUeZAFFVq/iwu/jukcApEqc/7DOidaAth6rDc0Zgg0vWpzUnWkwFP7aK28l6nBmxMqdQ==}
     dependencies:
-      '@types/unist': 2.0.10
-      unist-util-stringify-position: 3.0.3
-    dev: false
+      vfile: 6.0.1
+      yaml: 2.4.1
+    dev: true
 
   /vfile-message@4.0.2:
     resolution: {integrity: sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==}
     dependencies:
       '@types/unist': 3.0.2
       unist-util-stringify-position: 4.0.0
-    dev: false
-
-  /vfile@5.3.7:
-    resolution: {integrity: sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==}
-    dependencies:
-      '@types/unist': 2.0.10
-      is-buffer: 2.0.5
-      unist-util-stringify-position: 3.0.3
-      vfile-message: 3.1.4
-    dev: false
+    dev: true
 
   /vfile@6.0.1:
     resolution: {integrity: sha512-1bYqc7pt6NIADBJ98UiG0Bn/CHIVOoZ/IyEkqIruLg0mE1BKzkOXY2D6CSqQIcKqgadppE5lrxgWXJmXd7zZJw==}
@@ -10279,10 +9666,10 @@ packages:
       '@types/unist': 3.0.2
       unist-util-stringify-position: 4.0.0
       vfile-message: 4.0.2
-    dev: false
+    dev: true
 
-  /vite-node@1.2.2(@types/node@20.11.16):
-    resolution: {integrity: sha512-1as4rDTgVWJO3n1uHmUYqq7nsFgINQ9u+mRcXpjeOMJUmviqNKjcZB7UfRZrlM7MjYXMKpuWp5oGkjaFLnjawg==}
+  /vite-node@1.3.1(@types/node@20.11.25):
+    resolution: {integrity: sha512-azbRrqRxlWTJEVbzInZCTchx0X69M/XPTCz4H+TLvlTcR/xH/3hkRqhOakT41fMJCMzXTu4UvegkZiEoJAWvng==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     dependencies:
@@ -10290,7 +9677,7 @@ packages:
       debug: 4.3.4
       pathe: 1.1.2
       picocolors: 1.0.0
-      vite: 5.0.12(@types/node@20.11.16)
+      vite: 5.1.5(@types/node@20.11.25)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -10302,8 +9689,8 @@ packages:
       - terser
     dev: true
 
-  /vite@5.0.12(@types/node@20.11.16):
-    resolution: {integrity: sha512-4hsnEkG3q0N4Tzf1+t6NdN9dg/L3BM+q8SWgbSPnJvrgH2kgdyzfVJwbR1ic69/4uMJJ/3dqDZZE5/WwqW8U1w==}
+  /vite@5.1.5(@types/node@20.11.25):
+    resolution: {integrity: sha512-BdN1xh0Of/oQafhU+FvopafUp6WaYenLU/NFoL5WyJL++GxkNfieKzBhM24H3HVsPQrlAqB7iJYTHabzaRed5Q==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -10330,23 +9717,23 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': 20.11.16
+      '@types/node': 20.11.25
       esbuild: 0.19.12
       postcss: 8.4.35
-      rollup: 4.9.6
+      rollup: 4.12.1
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  /vitest@1.2.2(@types/node@20.11.16)(jsdom@24.0.0):
-    resolution: {integrity: sha512-d5Ouvrnms3GD9USIK36KG8OZ5bEvKEkITFtnGv56HFaSlbItJuYr7hv2Lkn903+AvRAgSixiamozUVfORUekjw==}
+  /vitest@1.3.1(@types/node@20.11.25)(jsdom@24.0.0):
+    resolution: {integrity: sha512-/1QJqXs8YbCrfv/GPQ05wAZf2eakUPLPa18vkJAKE7RXOKfVHqMZZ1WlTjiwl6Gcn65M5vpNUB6EFLnEdRdEXQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@types/node': ^18.0.0 || >=20.0.0
-      '@vitest/browser': ^1.0.0
-      '@vitest/ui': ^1.0.0
+      '@vitest/browser': 1.3.1
+      '@vitest/ui': 1.3.1
       happy-dom: '*'
       jsdom: '*'
     peerDependenciesMeta:
@@ -10363,28 +9750,27 @@ packages:
       jsdom:
         optional: true
     dependencies:
-      '@types/node': 20.11.16
-      '@vitest/expect': 1.2.2
-      '@vitest/runner': 1.2.2
-      '@vitest/snapshot': 1.2.2
-      '@vitest/spy': 1.2.2
-      '@vitest/utils': 1.2.2
+      '@types/node': 20.11.25
+      '@vitest/expect': 1.3.1
+      '@vitest/runner': 1.3.1
+      '@vitest/snapshot': 1.3.1
+      '@vitest/spy': 1.3.1
+      '@vitest/utils': 1.3.1
       acorn-walk: 8.3.2
-      cac: 6.7.14
       chai: 4.4.1
       debug: 4.3.4
       execa: 8.0.1
       jsdom: 24.0.0
       local-pkg: 0.5.0
-      magic-string: 0.30.6
+      magic-string: 0.30.8
       pathe: 1.1.2
       picocolors: 1.0.0
       std-env: 3.7.0
-      strip-literal: 1.3.0
+      strip-literal: 2.0.0
       tinybench: 2.6.0
       tinypool: 0.8.2
-      vite: 5.0.12(@types/node@20.11.16)
-      vite-node: 1.2.2(@types/node@20.11.16)
+      vite: 5.1.5(@types/node@20.11.25)
+      vite-node: 1.3.1(@types/node@20.11.25)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
       - less
@@ -10414,11 +9800,11 @@ packages:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
     dependencies:
       defaults: 1.0.4
-    dev: false
+    dev: true
 
   /web-namespaces@2.0.1:
     resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
-    dev: false
+    dev: true
 
   /webcrypto-core@1.7.8:
     resolution: {integrity: sha512-eBR98r9nQXTqXt/yDRtInszPMjTaSAMJAFDg2AHsgrnczawT1asx9YNBX6k5p+MekbPF4+s/UJJrr88zsTqkSg==}
@@ -10492,7 +9878,7 @@ packages:
       which-boxed-primitive: 1.0.2
       which-collection: 1.0.1
       which-typed-array: 1.1.14
-    dev: true
+    dev: false
 
   /which-collection@1.0.1:
     resolution: {integrity: sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==}
@@ -10501,11 +9887,10 @@ packages:
       is-set: 2.0.2
       is-weakmap: 2.0.1
       is-weakset: 2.0.2
-    dev: true
 
   /which-module@2.0.1:
     resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
-    dev: false
+    dev: true
 
   /which-pm@2.0.0:
     resolution: {integrity: sha512-Lhs9Pmyph0p5n5Z3mVnN0yWcbQYUAD7rbQUiMsQxOJ3T57k7RFe35SUwWMf7dsbDZks1uOmw4AecB/JMDj3v/w==}
@@ -10513,14 +9898,14 @@ packages:
     dependencies:
       load-yaml-file: 0.2.0
       path-exists: 4.0.0
-    dev: false
+    dev: true
 
   /which-typed-array@1.1.14:
     resolution: {integrity: sha512-VnXFiIW8yNn9kIHN88xvZ4yOWchftKDsRJ8fEPacX/wl1lOvBrhsJ/OeJCXq7B0AaijRuqgzSKalJoPk+D8MPg==}
     engines: {node: '>= 0.4'}
     dependencies:
-      available-typed-arrays: 1.0.6
-      call-bind: 1.0.5
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
       for-each: 0.3.3
       gopd: 1.0.1
       has-tostringtag: 1.0.2
@@ -10530,7 +9915,7 @@ packages:
     hasBin: true
     dependencies:
       isexe: 2.0.0
-    dev: false
+    dev: true
 
   /which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
@@ -10559,7 +9944,7 @@ packages:
       ansi-styles: 4.3.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
-    dev: false
+    dev: true
 
   /wrap-ansi@7.0.0:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
@@ -10579,7 +9964,6 @@ packages:
 
   /wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
-    dev: true
 
   /ws@8.14.2(bufferutil@4.0.8)(utf-8-validate@6.0.3):
     resolution: {integrity: sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==}
@@ -10626,16 +10010,16 @@ packages:
 
   /y18n@4.0.3:
     resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
-    dev: false
+    dev: true
 
   /y18n@5.0.8:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
     engines: {node: '>=10'}
-    dev: false
+    dev: true
 
   /yallist@2.1.2:
     resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
-    dev: false
+    dev: true
 
   /yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
@@ -10643,9 +10027,10 @@ packages:
   /yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
-  /yaml@2.3.4:
-    resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
+  /yaml@2.4.1:
+    resolution: {integrity: sha512-pIXzoImaqmfOrL7teGUBt/T7ZDnyeGBWyXQBvOVhLkWLN37GXv8NMLK406UY6dS51JfcQHsmcW5cJ441bHg6Lg==}
     engines: {node: '>= 14'}
+    hasBin: true
 
   /yargs-parser@18.1.3:
     resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
@@ -10653,12 +10038,12 @@ packages:
     dependencies:
       camelcase: 5.3.1
       decamelize: 1.2.0
-    dev: false
+    dev: true
 
   /yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
-    dev: false
+    dev: true
 
   /yargs@15.4.1:
     resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
@@ -10675,24 +10060,20 @@ packages:
       which-module: 2.0.1
       y18n: 4.0.3
       yargs-parser: 18.1.3
-    dev: false
+    dev: true
 
   /yargs@17.7.2:
     resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
     engines: {node: '>=12'}
     dependencies:
       cliui: 8.0.1
-      escalade: 3.1.1
+      escalade: 3.1.2
       get-caller-file: 2.0.5
       require-directory: 2.1.1
       string-width: 4.2.3
       y18n: 5.0.8
       yargs-parser: 21.1.1
-    dev: false
-
-  /yn@3.1.1:
-    resolution: {integrity: sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==}
-    engines: {node: '>=6'}
+    dev: true
 
   /yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
@@ -10708,4 +10089,4 @@ packages:
 
   /zwitch@2.0.4:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
-    dev: false
+    dev: true
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 3ff5faaa..c097372d 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,3 +1,4 @@
 packages:
   - "apps/*"
   - "packages/*"
+  - "tooling/*"
diff --git a/tooling/eslint/base.js b/tooling/eslint/base.js
new file mode 100644
index 00000000..48978697
--- /dev/null
+++ b/tooling/eslint/base.js
@@ -0,0 +1,53 @@
+/** @type {import("eslint").Linter.Config} */
+const config = {
+  extends: [
+    "turbo",
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended-type-checked",
+    "plugin:@typescript-eslint/stylistic-type-checked",
+  ],
+  env: {
+    es2022: true,
+    node: true,
+  },
+  parser: "@typescript-eslint/parser",
+  parserOptions: { project: true },
+  plugins: ["@typescript-eslint", "import"],
+  rules: {
+    "import/no-anonymous-default-export": "off",
+    "@typescript-eslint/consistent-type-definitions": ['error', 'type'],
+    'no-process-env': 'error',
+    'no-console': 'error',
+    '@typescript-eslint/consistent-type-imports': [
+      'warn',
+      {
+        prefer: 'type-imports',
+        fixStyle: 'inline-type-imports',
+      },
+    ],
+    '@typescript-eslint/no-unused-vars': [
+      'warn',
+      {
+        argsIgnorePattern: '^_',
+      },
+    ],
+    "@typescript-eslint/no-misused-promises": [
+      "error",
+      {
+        "checksVoidReturn": false
+      }
+    ],
+    'no-unreachable': 'error',
+  },
+  ignorePatterns: [
+    "**/*.config.js",
+    "**/*.config.cjs",
+    "**/.eslintrc.cjs",
+    ".next",
+    "dist",
+    "pnpm-lock.yaml",
+  ],
+  reportUnusedDisableDirectives: true,
+};
+
+module.exports = config;
diff --git a/tooling/eslint/nextjs.js b/tooling/eslint/nextjs.js
new file mode 100644
index 00000000..13643937
--- /dev/null
+++ b/tooling/eslint/nextjs.js
@@ -0,0 +1,9 @@
+/** @type {import('eslint').Linter.Config} */
+const config = {
+  extends: ["plugin:@next/next/core-web-vitals"],
+  rules: {
+    "@next/next/no-img-element": "off",
+  },
+};
+
+module.exports = config;
diff --git a/tooling/eslint/package.json b/tooling/eslint/package.json
new file mode 100644
index 00000000..8e5d2c17
--- /dev/null
+++ b/tooling/eslint/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "@codaco/eslint-config",
+  "version": "0.2.0",
+  "private": true,
+  "license": "MIT",
+  "files": [
+    "./base.js",
+    "./nextjs.js",
+    "./react.js"
+  ],
+  "scripts": {
+    "clean": "rm -rf .turbo node_modules",
+    "format": "prettier --check . --ignore-path ../../.gitignore",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@next/eslint-plugin-next": "^14.1.0",
+    "@typescript-eslint/eslint-plugin": "^7.0.2",
+    "@typescript-eslint/parser": "^7.0.2",
+    "eslint-config-turbo": "^1.12.4",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0"
+  },
+  "devDependencies": {
+    "@codaco/prettier-config": "workspace:^0.1.0",
+    "@codaco/tsconfig": "workspace:^0.1.0",
+    "@types/eslint": "^8.56.3",
+    "eslint": "^8.57.0",
+    "prettier": "^3.2.5",
+    "typescript": "^5.3.3"
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "./base.js"
+    ]
+  },
+  "prettier": "@codaco/prettier-config"
+}
diff --git a/tooling/eslint/react.js b/tooling/eslint/react.js
new file mode 100644
index 00000000..618e1816
--- /dev/null
+++ b/tooling/eslint/react.js
@@ -0,0 +1,24 @@
+/** @type {import('eslint').Linter.Config} */
+const config = {
+  extends: [
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:jsx-a11y/recommended",
+  ],
+  rules: {
+    "react/prop-types": "off",
+  },
+  globals: {
+    React: "writable",
+  },
+  settings: {
+    react: {
+      version: "detect",
+    },
+  },
+  env: {
+    browser: true,
+  },
+};
+
+module.exports = config;
diff --git a/tooling/eslint/tsconfig.json b/tooling/eslint/tsconfig.json
new file mode 100644
index 00000000..f67d7e2e
--- /dev/null
+++ b/tooling/eslint/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "extends": "@codaco/tsconfig/base.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
+  },
+  "include": ["."],
+  "exclude": ["node_modules"]
+}
diff --git a/tooling/github/package.json b/tooling/github/package.json
new file mode 100644
index 00000000..96dc39d7
--- /dev/null
+++ b/tooling/github/package.json
@@ -0,0 +1,3 @@
+{
+  "name": "@codaco/github"
+}
diff --git a/tooling/github/setup/action.yml b/tooling/github/setup/action.yml
new file mode 100644
index 00000000..9ef92c44
--- /dev/null
+++ b/tooling/github/setup/action.yml
@@ -0,0 +1,17 @@
+name: "Setup and install"
+description: "Common setup steps for Actions"
+
+runs:
+  using: composite
+  steps:
+    - uses: pnpm/action-setup@v2
+    - uses: actions/setup-node@v4
+      with:
+        node-version: 18
+        cache: "pnpm"
+
+    - shell: bash
+      run: pnpm add -g turbo
+
+    - shell: bash
+      run: pnpm install
diff --git a/tooling/prettier/index.js b/tooling/prettier/index.js
new file mode 100644
index 00000000..a8005b20
--- /dev/null
+++ b/tooling/prettier/index.js
@@ -0,0 +1,20 @@
+import { fileURLToPath } from "url";
+
+/** @typedef {import("prettier").Config} PrettierConfig */
+/** @typedef {import("prettier-plugin-tailwindcss").PluginOptions} TailwindConfig */
+
+/** @type { PrettierConfig | TailwindConfig } */
+const config = {
+  plugins: [
+    "prettier-plugin-tailwindcss",
+  ],
+  tailwindConfig: fileURLToPath(
+    new URL("../../tooling/tailwind/fresco.ts", import.meta.url),
+  ),
+  tailwindFunctions: ["cn", "cva"],
+  printWidth: 80,
+  quoteProps: 'consistent',
+  singleQuote: true,
+};
+
+export default config;
diff --git a/tooling/prettier/package.json b/tooling/prettier/package.json
new file mode 100644
index 00000000..ec3e7be6
--- /dev/null
+++ b/tooling/prettier/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "@codaco/prettier-config",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "exports": {
+    ".": "./index.js"
+  },
+  "scripts": {
+    "clean": "rm -rf .turbo node_modules",
+    "format": "prettier --check . --ignore-path ../../.gitignore",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "prettier": "^3.2.5",
+    "prettier-plugin-tailwindcss": "^0.5.11"
+  },
+  "devDependencies": {
+    "@codaco/tsconfig": "workspace:*",
+    "typescript": "^5.3.3"
+  },
+  "prettier": "@codaco/prettier-config"
+}
diff --git a/tooling/prettier/tsconfig.json b/tooling/prettier/tsconfig.json
new file mode 100644
index 00000000..f67d7e2e
--- /dev/null
+++ b/tooling/prettier/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "extends": "@codaco/tsconfig/base.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
+  },
+  "include": ["."],
+  "exclude": ["node_modules"]
+}
diff --git a/packages/tailwind-config/tailwind.config.ts b/tooling/tailwind/base.ts
similarity index 65%
rename from packages/tailwind-config/tailwind.config.ts
rename to tooling/tailwind/base.ts
index e3e076c2..0f6aaa16 100644
--- a/packages/tailwind-config/tailwind.config.ts
+++ b/tooling/tailwind/base.ts
@@ -1,7 +1,12 @@
 import type { Config } from "tailwindcss";
 
-// We want each package to be responsible for its own content.
-const config: Omit<Config, "content"> = {
+export default {
+  darkMode: ["class"],
+  content: [
+    './components/**/*.{ts,tsx}',
+    './app/**/*.{ts,tsx}',
+    './src/**/*.{ts,tsx}',
+  ],
   theme: {
     container: {
       center: true,
@@ -46,26 +51,9 @@ const config: Omit<Config, "content"> = {
           foreground: "hsl(var(--card-foreground))",
         },
       },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      keyframes: {
-        "accordion-down": {
-          from: { height: 0 },
-          to: { height: "var(--radix-accordion-content-height)" },
-        },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: 0 },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
+      borderColor: {
+        DEFAULT: "hsl(var(--border))",
       },
     },
   },
-};
-export default config;
+} satisfies Config;
diff --git a/tooling/tailwind/fresco.ts b/tooling/tailwind/fresco.ts
new file mode 100644
index 00000000..11417332
--- /dev/null
+++ b/tooling/tailwind/fresco.ts
@@ -0,0 +1,198 @@
+import type { Config } from 'tailwindcss';
+import animate from 'tailwindcss-animate';
+import defaultTheme from 'tailwindcss/defaultTheme';
+
+import base from './base';
+
+export default {
+  content: base.content,
+  presets: [base],
+  theme: {
+    colors: {
+      // NC colors
+      'neon-coral': {
+        DEFAULT: 'hsl(var(--neon-coral) / <alpha-value>)',
+        dark: 'hsl(var(--neon-coral--dark) / <alpha-value>)',
+      },
+      'sea-green': {
+        DEFAULT: 'hsl(var(--sea-green) / <alpha-value>)',
+        dark: 'hsl(var(--sea-green--dark) / <alpha-value>)',
+      },
+      'slate-blue': {
+        DEFAULT: 'hsl(var(--slate-blue) / <alpha-value>)',
+        dark: 'hsl(var(--slate-blue--dark) / <alpha-value>)',
+      },
+      'navy-taupe': {
+        DEFAULT: 'hsl(var(--navy-taupe) / <alpha-value>)',
+        dark: 'hsl(var(--navy-taupe--dark) / <alpha-value>)',
+      },
+      'cyber-grape': {
+        DEFAULT: 'hsl(var(--cyber-grape) / <alpha-value>)',
+        dark: 'hsl(var(--cyber-grape--dark) / <alpha-value>)',
+      },
+      'mustard': {
+        DEFAULT: 'hsl(var(--mustard) / <alpha-value>)',
+        dark: 'hsl(var(--mustard--dark) / <alpha-value>)',
+      },
+      'rich-black': {
+        DEFAULT: 'hsl(var(--rich-black) / <alpha-value>)',
+        dark: 'hsl(var(--rich-black--dark) / <alpha-value>)',
+      },
+      'charcoal': {
+        DEFAULT: 'hsl(var(--charcoal) / <alpha-value>)',
+        dark: 'hsl(var(--charcoal--dark) / <alpha-value>)',
+      },
+      'platinum': {
+        DEFAULT: 'hsl(var(--platinum) / <alpha-value>)',
+        dark: 'hsl(var(--platinum--dark) / <alpha-value>)',
+      },
+      'sea-serpent': {
+        DEFAULT: 'hsl(var(--sea-serpent) / <alpha-value>)',
+        dark: 'hsl(var(--sea-serpent--dark) / <alpha-value>)',
+      },
+      'purple-pizazz': {
+        DEFAULT: 'hsl(var(--purple-pizazz) / <alpha-value>)',
+        dark: 'hsl(var(--purple-pizazz--dark) / <alpha-value>)',
+      },
+      'paradise-pink': {
+        DEFAULT: 'hsl(var(--paradise-pink) / <alpha-value>)',
+        dark: 'hsl(var(--paradise-pink--dark) / <alpha-value>)',
+      },
+      'cerulean-blue': {
+        DEFAULT: 'hsl(var(--cerulean-blue) / <alpha-value>)',
+        dark: 'hsl(var(--cerulean-blue--dark) / <alpha-value>)',
+      },
+      'kiwi': {
+        DEFAULT: 'hsl(var(--kiwi) / <alpha-value>)',
+        dark: 'hsl(var(--kiwi--dark) / <alpha-value>)',
+      },
+      'neon-carrot': {
+        DEFAULT: 'hsl(var(--neon-carrot) / <alpha-value>)',
+        dark: 'hsl(var(--neon-carrot--dark) / <alpha-value>)',
+      },
+      'barbie-pink': {
+        DEFAULT: 'hsl(var(--barbie-pink) / <alpha-value>)',
+        dark: 'hsl(var(--barbie-pink--dark) / <alpha-value>)',
+      },
+      'tomato': {
+        DEFAULT: 'hsl(var(--tomato) / <alpha-value>)',
+        dark: 'hsl(var(--tomato--dark) / <alpha-value>)',
+      },
+      'transparent': 'transparent',
+      'white': 'hsl(var(--white) / <alpha-value>)',
+
+      'background': 'hsl(var(--background) / <alpha-value>)',
+      'foreground': 'hsl(var(--foreground) / <alpha-value>)',
+
+      'primary': {
+        DEFAULT: 'hsl(var(--primary) / <alpha-value>)',
+        foreground: 'hsl(var(--primary-foreground) / <alpha-value>)',
+      },
+      'secondary': {
+        DEFAULT: 'hsl(var(--secondary) / <alpha-value>)',
+        foreground: 'hsl(var(--secondary-foreground) / <alpha-value>)',
+      },
+      'destructive': {
+        DEFAULT: 'hsl(var(--destructive) / <alpha-value>)',
+        foreground: 'hsl(var(--destructive-foreground) / <alpha-value>)',
+      },
+      'success': {
+        DEFAULT: 'hsl(var(--success) / <alpha-value>)',
+        foreground: 'hsl(var(--success-foreground) / <alpha-value>)',
+      },
+      'info': {
+        DEFAULT: 'hsl(var(--info) / <alpha-value>)',
+        foreground: 'hsl(var(--info-foreground) / <alpha-value>)',
+      },
+      'warning': {
+        DEFAULT: 'hsl(var(--warning) / <alpha-value>)',
+        foreground: 'hsl(var(--warning-foreground) / <alpha-value>)',
+      },
+      'muted': {
+        DEFAULT: 'hsl(var(--muted) / <alpha-value>)',
+        foreground: 'hsl(var(--muted-foreground) / <alpha-value>)',
+      },
+      'accent': {
+        DEFAULT: 'hsl(var(--accent) / <alpha-value>)',
+        foreground: 'hsl(var(--accent-foreground) / <alpha-value>)',
+      },
+      'popover': {
+        DEFAULT: 'hsl(var(--popover) / <alpha-value>)',
+        foreground: 'hsl(var(--popover-foreground) / <alpha-value>)',
+      },
+      'card': {
+        DEFAULT: 'hsl(var(--card) / <alpha-value>)',
+        foreground: 'hsl(var(--card-foreground) / <alpha-value>)',
+      },
+      'panel': {
+        DEFAULT: 'hsl(var(--panel) / <alpha-value>)',
+        foreground: 'hsl(var(--foreground) / <alpha-value>)',
+      },
+      'input': {
+        DEFAULT: 'hsl(var(--input) / <alpha-value>)',
+        foreground: 'hsl(var(--input-foreground) / <alpha-value>)',
+      },
+      'border': 'hsl(var(--border) / <alpha-value>)',
+      'link': 'hsl(var(--link) / <alpha-value>)',
+    },
+    borderRadius: {
+      ...defaultTheme.borderRadius,
+      input: defaultTheme.borderRadius.xl,
+    },
+    extend: {
+      fontSize: {
+        'sm': ['var(--font-size-sm)', '1.5'],
+        'base': ['var(--font-size-base)', '1.5'],
+        'lg': ['var(--font-size-lg)', '1.5'],
+        'xl': ['var(--font-size-xl)', '1.4'],
+        '2xl': ['var(--font-size-2xl)', '1.2'],
+        '3xl': ['var(--font-size-3xl)', '1.2'],
+        '4xl': ['var(--font-size-4xl)', '1.15'],
+        '5xl': ['var(--font-size-5xl)', '1.1'],
+        '6xl': ['var(--font-size-6xl)', '1.1'],
+      },
+      keyframes: {
+        'wiggle': {
+          '0%, 100%': { transform: 'rotate(-3deg)' },
+          '50%': { transform: 'rotate(3deg)' },
+        },
+        'accordion-down': {
+          from: { height: '0' },
+          to: { height: 'var(--radix-accordion-content-height)' },
+        },
+        'accordion-up': {
+          from: { height: 'var(--radix-accordion-content-height)' },
+          to: { height: '0' },
+        },
+        'indeterminate-progress-bar': {
+          '0%': { transform: ' translateX(0) scaleX(0)' },
+          '40%': { transform: 'translateX(0) scaleX(0.4)' },
+          '100%': { transform: 'translateX(100%) scaleX(0.5)' },
+        },
+        'background-gradient': {
+          '0%, 50%': { backgroundPosition: '0% 50%' },
+          '50%': { backgroundPosition: '100% 50%' },
+        },
+        'shake': {
+          '10%, 90%': { transform: 'translate3d(-1px, 0, 0)' },
+          '20%, 80%': { transform: 'translate3d(2px, 0, 0)' },
+          '30%, 50%, 70%': { transform: 'translate3d(-4px, 0, 0)' },
+          '40%, 60%': { transform: 'translate3d(4px, 0, 0)' },
+        },
+      },
+      animation: {
+        'wiggle': 'wiggle 1s ease-in-out infinite',
+        'shake': 'shake 0.82s cubic-bezier(.36,.07,.19,.97) both',
+        'accordion-down': 'accordion-down 0.2s ease-out',
+        'accordion-up': 'accordion-up 0.2s ease-out',
+        'indeterminate-progress-bar':
+          'indeterminate-progress-bar 1s infinite linear',
+        'background-gradient': 'background-gradient 5s infinite ease-in-out',
+      },
+      transformOrigin: {
+        'left-right': '0% 50%',
+      },
+    },
+  },
+  plugins: [animate],
+} satisfies Config;
diff --git a/tooling/tailwind/globals.css b/tooling/tailwind/globals.css
new file mode 100644
index 00000000..6dca796a
--- /dev/null
+++ b/tooling/tailwind/globals.css
@@ -0,0 +1,118 @@
+
+  :root {    
+    /* UI Colors */
+    /* To generate dark color variants, subtract 5% from the lightness. */
+    --dark-mod: 5%;
+    --neon-coral-hue: 342;
+    --neon-coral-saturation: 76.9%;
+    --neon-coral-lightness: 50.8%;
+    --neon-coral: var(--neon-coral-hue) var(--neon-coral-saturation) var(--neon-coral-lightness);
+    --neon-coral--dark: var(--neon-coral-hue) var(--neon-coral-saturation) calc(var(--neon-coral-lightness) - var(--dark-mod));
+
+    --mustard-hue: 46;
+    --mustard-saturation: 100%;
+    --mustard-lightness: 47%;
+    --mustard: var(--mustard-hue) var(--mustard-saturation) var(--mustard-lightness);
+    --mustard--dark: var(--mustard-hue) var(--mustard-saturation) calc(var(--mustard-lightness) - var(--dark-mod));
+
+    --sea-green-hue: 168;
+    --sea-green-saturation: 100%;
+    --sea-green-lightness: 40%;
+    --sea-green: var(--sea-green-hue) var(--sea-green-saturation) var(--sea-green-lightness);
+    --sea-green--dark: var(--sea-green-hue) var(--sea-green-saturation) calc(var(--sea-green-lightness) - var(--dark-mod));
+
+    --slate-blue-hue: 237;
+    --slate-blue-saturation: 79%;
+    --slate-blue-lightness: 65%;
+    --slate-blue: var(--slate-blue-hue) var(--slate-blue-saturation) var(--slate-blue-lightness);
+    --slate-blue--dark: var(--slate-blue-hue) var(--slate-blue-saturation) calc(var(--slate-blue-lightness) - var(--dark-mod));
+
+    --navy-taupe-hue: 248;
+    --navy-taupe-saturation: 34%;
+    --navy-taupe-lightness: 25%;
+    --navy-taupe: var(--navy-taupe-hue) var(--navy-taupe-saturation) var(--navy-taupe-lightness);
+    --navy-taupe--dark: var(--navy-taupe-hue) var(--navy-taupe-saturation) calc(var(--navy-taupe-lightness) - var(--dark-mod));
+
+    --cyber-grape-hue: 240;
+    --cyber-grape-saturation: 33%;
+    --cyber-grape-lightness: 29%;
+    --cyber-grape: var(--cyber-grape-hue) var(--cyber-grape-saturation) var(--cyber-grape-lightness);
+    --cyber-grape--dark: var(--cyber-grape-hue) var(--cyber-grape-saturation) calc(var(--cyber-grape-lightness) - var(--dark-mod));
+
+    --rich-black-hue: 240;
+    --rich-black-saturation: 35%;
+    --rich-black-lightness: 10%;
+    --rich-black: var(--rich-black-hue) var(--rich-black-saturation) var(--rich-black-lightness);
+
+    --charcoal-hue: 231;
+    --charcoal-saturation: 4%;
+    --charcoal-lightness: 43%;
+    --charcoal: var(--charcoal-hue) var(--charcoal-saturation) var(--charcoal-lightness);
+
+    --platinum-hue: 210;
+    --platinum-saturation: 43%;
+    --platinum-lightness: 95%;
+    --platinum: var(--platinum-hue) var(--platinum-saturation) var(--platinum-lightness);
+    --platinum--dark: var(--platinum-hue) var(--platinum-saturation) calc(var(--platinum-lightness) - var(--dark-mod));
+
+    --sea-serpent-hue: 190;
+    --sea-serpent-saturation: 87%;
+    --sea-serpent-lightness: 47%;
+    --sea-serpent: var(--sea-serpent-hue) var(--sea-serpent-saturation) var(--sea-serpent-lightness);
+    --sea-serpent--dark: var(--sea-serpent-hue) var(--sea-serpent-saturation) calc(var(--sea-serpent-lightness) - var(--dark-mod));
+
+    --purple-pizazz-hue: 291;
+    --purple-pizazz-saturation: 86%;
+    --purple-pizazz-lightness: 52%;
+    --purple-pizazz: var(--purple-pizazz-hue) var(--purple-pizazz-saturation) var(--purple-pizazz-lightness);
+    --purple-pizazz--dark: var(--purple-pizazz-hue) var(--purple-pizazz-saturation) calc(var(--purple-pizazz-lightness) - var(--dark-mod));
+
+    --paradise-pink-hue: 331;
+    --paradise-pink-saturation: 100%;
+    --paradise-pink-lightness: 57%;
+    --paradise-pink: var(--paradise-pink-hue) var(--paradise-pink-saturation) var(--paradise-pink-lightness);
+    --paradise-pink--dark: var(--paradise-pink-hue) var(--paradise-pink-saturation) calc(var(--paradise-pink-lightness) - var(--dark-mod));
+
+    --cerulean-blue-hue: 216;
+    --cerulean-blue-saturation: 100%;
+    --cerulean-blue-lightness: 53%;
+    --cerulean-blue: var(--cerulean-blue-hue) var(--cerulean-blue-saturation) var(--cerulean-blue-lightness);
+    --cerulean-blue--dark: var(--cerulean-blue-hue) var(--cerulean-blue-saturation) calc(var(--cerulean-blue-lightness) - var(--dark-mod));
+
+    --kiwi-hue: 103;
+    --kiwi-saturation: 46%;
+    --kiwi-lightness: 56%;
+    --kiwi: var(--kiwi-hue) var(--kiwi-saturation) var(--kiwi-lightness);
+    --kiwi--dark: var(--kiwi-hue) var(--kiwi-saturation) calc(var(--kiwi-lightness) - var(--dark-mod));
+
+    --neon-carrot-hue: 32;
+    --neon-carrot-saturation: 90%;
+    --neon-carrot-lightness: 55%;
+    --neon-carrot: var(--neon-carrot-hue) var(--neon-carrot-saturation) var(--neon-carrot-lightness);
+    --neon-carrot--dark: var(--neon-carrot-hue) var(--neon-carrot-saturation) calc(var(--neon-carrot-lightness) - var(--dark-mod));
+
+    --barbie-pink-hue: 328;
+    --barbie-pink-saturation: 100%;
+    --barbie-pink-lightness: 47%;
+    --barbie-pink: var(--barbie-pink-hue) var(--barbie-pink-saturation) var(--barbie-pink-lightness);
+    --barbie-pink--dark: var(--barbie-pink-hue) var(--barbie-pink-saturation) calc(var(--barbie-pink-lightness) - var(--dark-mod));
+
+    --tomato-hue: 356;
+    --tomato-saturation: 77%;
+    --tomato-lightness: 54%;
+    --tomato: var(--tomato-hue) var(--tomato-saturation) var(--tomato-lightness);
+    --tomato--dark: var(--tomato-hue) var(--tomato-saturation) calc(var(--tomato-lightness) - var(--dark-mod));
+
+    --white: 0 0% 100%;
+
+    /* https: //www.fluid-type-scale.com/calculate?minFontSize=14&minWidth=400&minRatio=1.25&maxFontSize=18&maxWidth=1920&maxRatio=1.25&steps=sm%2Cbase%2Clg%2Cxl%2C2xl%2C3xl%2C4xl%2C5xl%2C6xl&baseStep=base&prefix=font-size&decimals=2&useRems=on&remValue=16&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=400 */
+  --font-size-sm: clamp(0.8rem, 0.25vw + 0.7rem, 0.9rem);
+  --font-size-base: clamp(1rem, 0.31vw + 0.88rem, 1.13rem);
+  --font-size-lg: clamp(1.25rem, 0.39vw + 1.09rem, 1.41rem);
+  --font-size-xl: clamp(1.56rem, 0.49vw + 1.37rem, 1.76rem);
+  --font-size-2xl: clamp(1.95rem, 0.61vw + 1.71rem, 2.2rem);
+  --font-size-3xl: clamp(2.44rem, 0.76vw + 2.14rem, 2.75rem);
+  --font-size-4xl: clamp(3.05rem, 0.95vw + 2.67rem, 3.43rem);
+  --font-size-5xl: clamp(3.81rem, 1.19vw + 3.34rem, 4.29rem);
+  --font-size-6xl: clamp(4.77rem, 1.49vw + 4.17rem, 5.36rem);
+  }
\ No newline at end of file
diff --git a/tooling/tailwind/package.json b/tooling/tailwind/package.json
new file mode 100644
index 00000000..decfd3ff
--- /dev/null
+++ b/tooling/tailwind/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@codaco/tailwind-config",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "exports": {
+    "./fresco": "./fresco.ts",
+    "./globals.css": "./globals.css"
+  },
+  "license": "MIT",
+  "scripts": {
+    "clean": "rm -rf .turbo node_modules",
+    "format": "prettier --check . --ignore-path ../../.gitignore",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "postcss": "^8.4.35",
+    "tailwindcss": "^3.4.1",
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "devDependencies": {
+    "@codaco/eslint-config": "workspace:*",
+    "@codaco/prettier-config": "workspace:*",
+    "@codaco/tsconfig": "workspace:*",
+    "eslint": "^8.57.0",
+    "prettier": "^3.2.5",
+    "typescript": "^5.3.3"
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@codaco/eslint-config/base"
+    ]
+  },
+  "prettier": "@codaco/prettier-config"
+}
diff --git a/tooling/tailwind/tsconfig.json b/tooling/tailwind/tsconfig.json
new file mode 100644
index 00000000..f67d7e2e
--- /dev/null
+++ b/tooling/tailwind/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "extends": "@codaco/tsconfig/base.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
+  },
+  "include": ["."],
+  "exclude": ["node_modules"]
+}
diff --git a/packages/tsconfig/base.json b/tooling/typescript/base.json
similarity index 60%
rename from packages/tsconfig/base.json
rename to tooling/typescript/base.json
index a0d2a183..ab40da95 100644
--- a/packages/tsconfig/base.json
+++ b/tooling/typescript/base.json
@@ -1,19 +1,21 @@
 {
   "$schema": "https://json.schemastore.org/tsconfig",
-  "display": "Default",
   "compilerOptions": {
-    "esModuleInterop": true,
+    "target": "ES2022",
+    "lib": ["dom", "dom.iterable", "ES2022"],
+    "allowJs": true,
     "skipLibCheck": true,
-    "target": "es2022",
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "Bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "moduleDetection": "force",
-    "strict": true,
+    "jsx": "preserve",
+    "incremental": true,
     "noUncheckedIndexedAccess": true,
-    "moduleResolution": "Bundler",
-    "module": "ESNext",
-    "noEmit": true,
-    "lib": ["es2022", "dom", "dom.iterable"],
   },
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules", "build", "dist", ".next", ".expo"]
 }
diff --git a/tooling/typescript/package.json b/tooling/typescript/package.json
new file mode 100644
index 00000000..567213a5
--- /dev/null
+++ b/tooling/typescript/package.json
@@ -0,0 +1,8 @@
+{
+  "name": "@codaco/tsconfig",
+  "private": true,
+  "version": "0.1.0",
+  "files": [
+    "base.json"
+  ]
+}
diff --git a/tsconfig.json b/tsconfig.json
deleted file mode 100644
index 6b7962de..00000000
--- a/tsconfig.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "tsconfig/base.json"
-}
diff --git a/turbo.json b/turbo.json
index f798c8f3..43a72b10 100644
--- a/turbo.json
+++ b/turbo.json
@@ -4,7 +4,18 @@
   "pipeline": {
     "build": {
       "dependsOn": ["^build"],
-      "outputs": [".next/**", "!.next/cache/**", "dist/**", "out/**"]
+      "outputs": [".next/**", "!.next/cache/**", "dist/**", "out/**"],
+      "env": [
+        "NEXT_PUBLIC_DOCS_PATH",
+        "NEXT_PUBLIC_ALGOLIA_APPLICATION_ID",
+        "NEXT_PUBLIC_ALGOLIA_INDEX_NAME",
+        "NEXT_PUBLIC_ALGOLIA_API_KEY",
+        "NEXT_PUBLIC_MENDABLE_ANON_KEY",
+        "NODE_ENV",
+        "NEXT_PUBLIC_URL",
+        "VERCEL_URL",
+        "POSTGRES_URL"
+      ]
     },
     "test": {},
     "test:watch": {