chore: better Prettier config for easier reviews

app/blog/[slug]/loading.tsx

@@ -1,8 +1,8 @@
-import { Loader } from '@/components/design/Loader'
+import { Loader } from "@/components/design/Loader"
 
 const Loading = (): JSX.Element => {
   return (
-    <main className='flex flex-col flex-1 items-center justify-center'>
+    <main className="flex flex-col flex-1 items-center justify-center">
       <Loader />
     </main>
   )

app/blog/[slug]/page.tsx

@@ -1,10 +1,10 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
+import type { Metadata } from "next"
+import { notFound } from "next/navigation"
 
-import 'katex/dist/katex.min.css'
+import "katex/dist/katex.min.css"
 
-import { getBlogPostBySlug } from '@/blog/blog'
-import { BlogPost } from '@/blog/BlogPost'
+import { getBlogPostBySlug } from "@/blog/blog"
+import { BlogPost } from "@/blog/BlogPost"
 
 interface BlogPostPageProps {
   params: {
@@ -13,7 +13,7 @@ interface BlogPostPageProps {
 }
 
 export const generateMetadata = async (
-  props: BlogPostPageProps
+  props: BlogPostPageProps,
 ): Promise<Metadata> => {
   const blogPost = await getBlogPostBySlug(props.params.slug)
   if (blogPost == null) {
@@ -26,12 +26,12 @@ export const generateMetadata = async (
     description,
     openGraph: {
       title,
-      description
+      description,
     },
     twitter: {
       title,
-      description
-    }
+      description,
+    },
   }
 }