style: format code with Prettier

This commit fixes the style issues introduced in 54e79be according to the output
from Prettier.

Details: None

astro.config.mjs

@@ -5,12 +5,12 @@ import mdx from "@astrojs/mdx";
 
 // https://astro.build/config
 export default defineConfig({
-  output: "static",
+    output: "static",
-  markdown: {
+    markdown: {
-    syntaxHighlight: "shiki",
+        syntaxHighlight: "shiki",
-    shikiConfig: {
+        shikiConfig: {
-      theme: syntaxTheme
+            theme: syntaxTheme,
-    }
+        },
-  },
+    },
-  integrations: [mdx()]
+    integrations: [mdx()],
 });

src/content/posts/2024_05_28-Astro_is_hard.mdx

@@ -3,19 +3,21 @@ title: Astro is hard....
 description: Arugh
 pubDate: 2024-05-28
 tags:
-  - astro
+    - astro
-  - typescript
+    - typescript
 ---
 
 import Note from "../../components/Note.astro";
 
 <Note text="I have no clue what I'm doing :3" />
 
-- I've been trying to learn typescript through trying astro
+-   I've been trying to learn typescript through trying astro
-- Astro is hard, due to all the issues I've encountered
+-   Astro is hard, due to all the issues I've encountered
 
 ```typescript
-export async function getTagsBySlug(postTags: string[]): Promise<CollectionEntry<"tags">[]> {
+export async function getTagsBySlug(
+    postTags: string[],
+): Promise<CollectionEntry<"tags">[]> {
     // Collect all the tags from collections
     const allTags: CollectionEntry<"tags">[] = await getCollection("tags");
 

src/styles/_pill.scss

@@ -30,10 +30,12 @@
 }
 
 // If its a clickable element
-a.pill, button.pill {
+a.pill,
+button.pill {
     text-decoration: none;
 
-    &:hover, &:focus-visible {
+    &:hover,
+    &:focus-visible {
         border: 2px solid $accent;
         background-color: rgba($accent, 0.1);
         outline: 0 solid transparent;