run prettier

run_accords_prettier.sh

@@ -0,0 +1,2 @@
+npx prettier --end-of-line auto --write "**/*.tsx"
+npx prettier --end-of-line auto --write "**/*.ts"

src/components/Popup.tsx

@@ -11,7 +11,9 @@ export default function Popup(props: PopupProps): JSX.Element {
   return (
     <div
       className={`fixed inset-0 z-50 grid place-content-center transition-[backdrop-filter] duration-500 ${
-        props.state ? "[backdrop-filter:blur(2px)]" : "pointer-events-none touch-none"
+        props.state
+          ? "[backdrop-filter:blur(2px)]"
+          : "pointer-events-none touch-none"
       }`}
     >
       <div

src/pages/index.tsx

@@ -18,7 +18,9 @@ export default function Home(props: HomeProps): JSX.Element {
       <div className="grid place-items-center place-content-center w-full gap-5 text-center">
         <div className="[mask:url('/icons/accords.svg')] [mask-size:contain] [mask-repeat:no-repeat] [mask-position:center] w-32 aspect-square mobile:w-[50vw] bg-black" />
         <h1 className="text-5xl mb-0">Accord&rsquo;s Library</h1>
-        <h2 className="text-xl -mt-5">Discover • Analyse • Translate • Archive</h2>
+        <h2 className="text-xl -mt-5">
+          Discover • Analyse • Translate • Archive
+        </h2>
       </div>
       {post.translations.length > 0 && (
         <Markdawn text={post.translations[0].body} />