chore: add Prettier configuration and plugins for code formatting

src/components/Welcome.astro

@@ -1,5 +1,5 @@
 ---
-import { Image } from 'astro:assets';
+import { Image } from "astro:assets";
 import profileImage from "@/assets/images/profile.jpg";
 import socialEmail from "@/assets/images/social-email.svg";
 import socialFacebook from "@/assets/images/social-facebook.svg";
@@ -22,19 +22,39 @@ import socialX from "@/assets/images/social-x.svg";
       href="https://www.linkedin.com/in/dhemas-nurjaya-030890bb"
       aria-label="Linkedin"
     >
-      <Image src={socialLinkedIn} alt="LinkedIn" loading="eager" class="w-6 h-6 invert" />
+      <Image
+        src={socialLinkedIn}
+        alt="LinkedIn"
+        loading="eager"
+        class="w-6 h-6 invert"
+      />
     </a>
     <a href="https://github.com/dhemasnurjaya" aria-label="Github">
-      <Image src={socialGithub} alt="Github" loading="eager" class="w-6 h-6 invert" />
+      <Image
+        src={socialGithub}
+        alt="Github"
+        loading="eager"
+        class="w-6 h-6 invert"
+      />
     </a>
     <a href="https://x.com/dhemaseka" aria-label="X">
       <Image src={socialX} alt="X" loading="eager" class="w-6 h-6 invert" />
     </a>
     <a href="https://www.facebook.com/Dhemas" aria-label="Facebook">
-      <Image src={socialFacebook} alt="Facebook" loading="eager" class="w-6 h-6 invert" />
+      <Image
+        src={socialFacebook}
+        alt="Facebook"
+        loading="eager"
+        class="w-6 h-6 invert"
+      />
     </a>
     <a href="mailto:dhemasnurjaya@gmail.com" aria-label="Email">
-      <Image src={socialEmail} alt="Email" loading="eager" class="w-6 h-6 invert" />
+      <Image
+        src={socialEmail}
+        alt="Email"
+        loading="eager"
+        class="w-6 h-6 invert"
+      />
     </a>
   </div>
   <div class="mt-24"></div>

src/pages/index.astro

@@ -6,9 +6,6 @@ import Layout from "@/layouts/Layout.astro";
 // Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
 ---
 
-<Layout
-  title="Dhemas Nurjaya"
-  description="Welcome to my personal website"
->
+<Layout title="Dhemas Nurjaya" description="Welcome to my personal website">
   <Welcome />
 </Layout>

src/pages/posts/[id].astro

@@ -1,5 +1,10 @@
 ---
-import { getCollection, render, type CollectionEntry, type RenderResult } from "astro:content";
+import {
+  getCollection,
+  render,
+  type CollectionEntry,
+  type RenderResult,
+} from "astro:content";
 import Layout from "@/layouts/Layout.astro";
 import BlogPost from "@/components/BlogPost.astro";
 
@@ -13,7 +18,7 @@ export async function getStaticPaths() {
         params: { id },
         props: { post, content },
       };
-    })
+    }),
   );
   return paths;
 }