chore: run prettier --write .

components/Current/Preamble/Breadcrumbs/breadcrumbs.module.css

@@ -26,7 +26,7 @@
 
 .currentPage,
 .li {
-  font-size: .875rem;
+  font-size: 0.875rem;
   line-height: 1.4em;
 }
 
@@ -36,9 +36,8 @@
   margin-right: 4px;
 }
 
-
-@media (min-width: 740px){
+@media (min-width: 740px) {
   .nav {
     display: block;
   }
-}
+}

components/Current/Preamble/Breadcrumbs/index.tsx

@@ -4,7 +4,11 @@ import styles from "./breadcrumbs.module.css"
 
 import type { BreadcrumbsProps } from "@/types/components/current/breadcrumbs"
 
-export default function Breadcrumbs({ breadcrumbs, parent, title }: BreadcrumbsProps) {
+export default function Breadcrumbs({
+  breadcrumbs,
+  parent,
+  title,
+}: BreadcrumbsProps) {
   return (
     <nav className={styles.nav}>
       <ul className={styles.list}>

components/Current/Preamble/index.tsx

@@ -7,11 +7,21 @@ import styles from "./preamble.module.css"
 
 import type { PreambleProps } from "@/types/components/current/preamble"
 
-export default function Preamble({ breadcrumbs, breadcrumbParent, breadcrumbTitle, preamble, title }: PreambleProps) {
+export default function Preamble({
+  breadcrumbs,
+  breadcrumbParent,
+  breadcrumbTitle,
+  preamble,
+  title,
+}: PreambleProps) {
   return (
     <section className={styles.container}>
       <section>
-        <Breadcrumbs breadcrumbs={breadcrumbs} parent={breadcrumbParent} title={breadcrumbTitle} />
+        <Breadcrumbs
+          breadcrumbs={breadcrumbs}
+          parent={breadcrumbParent}
+          title={breadcrumbTitle}
+        />
         <h1>{title}</h1>
         {preamble?.text ? (
           <JsonToHtml

components/Current/Preamble/preamble.module.css

@@ -9,7 +9,12 @@
 
 .preamble {
   color: #333;
-  font-family: Helvetica Neue, Roboto, Helvetica, Arial, sans-serif;
+  font-family:
+    Helvetica Neue,
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif;
   font-size: 1.25rem;
   font-weight: 300;
   line-height: normal;
@@ -17,12 +22,12 @@
   margin-bottom: 0;
 }
 
-@media (min-width: 740px){
+@media (min-width: 740px) {
   .container {
-      background: transparent;
-      padding: 30px 30px 15px;
-      grid-template-columns: 2fr 1fr;
-      max-width: 1200px;
+    background: transparent;
+    padding: 30px 30px 15px;
+    grid-template-columns: 2fr 1fr;
+    max-width: 1200px;
   }
 }
 

components/Current/Preamble/renderOptions.tsx

@@ -7,7 +7,12 @@ import type { RTENext, RTEDefaultNode } from "@/types/rte/node"
 import type { RenderOptions } from "@/types/rte/option"
 
 export const renderOptions: RenderOptions = {
-  [RTETypeEnum.p]: (node: RTEDefaultNode, embeds: EmbedByUid, next: RTENext, fullRenderOptions: RenderOptions) => {
+  [RTETypeEnum.p]: (
+    node: RTEDefaultNode,
+    embeds: EmbedByUid,
+    next: RTENext,
+    fullRenderOptions: RenderOptions
+  ) => {
     return (
       <p key={node.uid} className={styles.preamble}>
         {next(node.children, embeds, fullRenderOptions)}