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,
+    },
   }
 }
 

app/blog/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/page.tsx

@@ -1,36 +1,36 @@
-import { Suspense } from 'react'
-import type { Metadata } from 'next'
+import { Suspense } from "react"
+import type { Metadata } from "next"
 
-import { BlogPosts } from '@/blog/BlogPosts'
-import { Loader } from '@/components/design/Loader'
+import { BlogPosts } from "@/blog/BlogPosts"
+import { Loader } from "@/components/design/Loader"
 
-const title = 'Blog | Théo LUDWIG'
+const title = "Blog | Théo LUDWIG"
 const description =
-  'The latest news about my journey of learning computer science.'
+  "The latest news about my journey of learning computer science."
 
 export const metadata: Metadata = {
   title,
   description,
   openGraph: {
     title,
-    description
+    description,
   },
   twitter: {
     title,
-    description
-  }
+    description,
+  },
 }
 
 const BlogPage = async (): Promise<JSX.Element> => {
   return (
-    <main className='flex flex-1 flex-col flex-wrap items-center'>
-      <div className='mt-10 flex flex-col items-center'>
-        <h1 className='text-4xl font-semibold'>Blog</h1>
-        <p className='mt-6 text-center' data-cy='blog-post-date'>
+    <main className="flex flex-1 flex-col flex-wrap items-center">
+      <div className="mt-10 flex flex-col items-center">
+        <h1 className="text-4xl font-semibold">Blog</h1>
+        <p className="mt-6 text-center" data-cy="blog-post-date">
           {description}
         </p>
       </div>
-      <Suspense fallback={<Loader className='mt-8' />}>
+      <Suspense fallback={<Loader className="mt-8" />}>
         <BlogPosts />
       </Suspense>
     </main>