Run Prettier's automated formatting over the codebase.

apps/web/app/(marketing)/docs/[...slug]/page.tsx

@@ -11,7 +11,6 @@ import { withI18n } from '~/lib/i18n/with-i18n';
 
 // styles
 import styles from '../../blog/_components/html-renderer.module.css';
-
 // local imports
 import { DocsCards } from '../_components/docs-cards';
 import { DocsTableOfContents } from '../_components/docs-table-of-contents';
@@ -62,9 +61,9 @@ async function DocumentationPage({ params }: DocumentationPageProps) {
   );
 
   return (
-    <div className={'flex flex-col flex-1 space-y-4'}>
+    <div className={'flex flex-1 flex-col space-y-4'}>
       <div className={'flex'}>
-        <article className={cn(styles.HTML, 'space-y-12 container')}>
+        <article className={cn(styles.HTML, 'container space-y-12')}>
           <section className={'flex flex-col space-y-4 pt-6'}>
             <h1 className={'!my-0'}>{page.title}</h1>
 

apps/web/app/(marketing)/docs/_components/docs-navigation.tsx

@@ -53,7 +53,7 @@ export function DocsNavigation({ pages }: { pages: Cms.ContentItem[] }) {
     <>
       <Sidebar
         variant={'ghost'}
-        className={'sticky z-1 max-h-full overflow-y-auto'}
+        className={'z-1 sticky max-h-full overflow-y-auto'}
       >
         <Tree pages={pages} level={0} />
       </Sidebar>

apps/web/app/(marketing)/docs/_components/docs-table-of-contents.tsx

@@ -13,7 +13,7 @@ export function DocsTableOfContents(props: { data: NavItem[] }) {
   const navData = props.data;
 
   return (
-    <div className="lg:block hidden sticky bg-background min-w-[14em] border-l p-4 inset-y-0 h-svh max-h-full">
+    <div className="sticky inset-y-0 hidden h-svh max-h-full min-w-[14em] border-l bg-background p-4 lg:block">
       <ol
         role="list"
         className="relative text-sm text-gray-600 dark:text-gray-400"

apps/web/app/(marketing)/docs/loading.tsx

@@ -1,3 +1,3 @@
 import { GlobalLoader } from '@kit/ui/global-loader';
 
-export default GlobalLoader;
+export default GlobalLoader;