diff --git a/src/components/CommonHead.astro b/src/components/CommonHead.astro
index 1f3b7a9..54e698c 100644
--- a/src/components/CommonHead.astro
+++ b/src/components/CommonHead.astro
@@ -26,5 +26,9 @@ const title = propTitle ? `${propTitle} - sebdanielsson.dev` : "sebdanielsson.de
   title={title}
   href={new URL("rss.xml", Astro.site)}
 />
-<script is:inline src="https://app.rybbit.io/api/script.js" data-site-id="1c03f27e15ab" defer
+<script
+  is:inline
+  src="https://app.rybbit.io/api/script.js"
+  data-site-id="1c03f27e15ab"
+  defer
 ></script>
diff --git a/src/components/DockerHubCard.astro b/src/components/DockerHubCard.astro
index c4df751..4e40d5e 100644
--- a/src/components/DockerHubCard.astro
+++ b/src/components/DockerHubCard.astro
@@ -35,13 +35,18 @@ const { owner, repo, github_url, hub_details } = image.data;
         <p>{shortenNumberWithK(hub_details.star_count)} stars</p>
       </div>
       <div class="inline-flex items-center gap-1">
-        <svg fill="none" aria-hidden="true" viewBox="0 0 24 24" class="size-5"
-          ><path fill="currentColor" d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"></path></svg
-        >
+        <svg fill="none" aria-hidden="true" viewBox="0 0 24 24" class="size-5">
+          <path fill="currentColor" d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"></path>
+        </svg>
         <p>{shortenNumberWithK(hub_details.pull_count)} pulls</p>
       </div>
       <div class="inline-flex items-center">
-        <span>View source on <a href={github_url} target="_blank">GitHub</a></span>
+        <span>
+          View source on{" "}
+          <a href={github_url} target="_blank" rel="noopener noreferrer">
+            GitHub
+          </a>
+        </span>
       </div>
     </div>
   </div>
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 080e83a..de8cbed 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -9,5 +9,10 @@ const year = new Date().getFullYear(); */
 
 <footer class="flex flex-col items-center py-12 text-xs text-neutral-300">
   <!-- <span>&copy; {year} {siteName}</span> -->
-  <span>Commit: <a href=`${repoUrl}/` target="_blank">{COMMIT_ID}</a></span>
+  <span>
+    Commit:{" "}
+    <a href={repoUrl} target="_blank" rel="noopener noreferrer">
+      {COMMIT_ID}
+    </a>
+  </span>
 </footer>
diff --git a/src/components/FormattedDate.astro b/src/components/FormattedDate.astro
index 1b372d2..2be5a0a 100644
--- a/src/components/FormattedDate.astro
+++ b/src/components/FormattedDate.astro
@@ -6,6 +6,4 @@ interface Props {
 const { date } = Astro.props;
 ---
 
-<time datetime={date.toISOString()}>
-  {date.toISOString().slice(0, 10)}
-</time>
+<time datetime={date.toISOString()}>{date.toISOString().slice(0, 10)}</time>
diff --git a/src/components/GitHubRepoCard.astro b/src/components/GitHubRepoCard.astro
index bbf3f27..6bd39cb 100644
--- a/src/components/GitHubRepoCard.astro
+++ b/src/components/GitHubRepoCard.astro
@@ -22,17 +22,16 @@ const repoData = repo.data;
       </div>
       <p class="text-sm text-gray-400">{repoData.description}</p>
       <div class="flex flex-wrap gap-x-2 py-1">
-        {
-          repoData.topics.map((topic: string) => (
-            <a
-              href={`https://github.com/topics/${topic}`}
-              target="_blank"
-              class="text-[10px] font-semibold text-gray-400 uppercase"
-            >
-              {topic}
-            </a>
-          ))
-        }
+        {repoData.topics.map((topic: string) => (
+          <a
+            href={`https://github.com/topics/${topic}`}
+            target="_blank"
+            rel="noopener noreferrer"
+            class="text-[10px] font-semibold text-gray-400 uppercase"
+          >
+            {topic}
+          </a>
+        ))}
       </div>
     </div>
   </div>
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 06e3d9e..41e264c 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -26,52 +26,47 @@ const profileLinks: { label: string; href: string }[] = [
 <nav class="sticky top-0 z-50 bg-neutral-950/70 py-4 backdrop-blur-sm">
   <div class="main-width flex h-8 flex-row items-center gap-2 sm:gap-8">
     <a href="/" class="flex flex-row items-center gap-3">
-      <span
-        class="hidden text-xl font-bold text-white hover:text-[var(--accent-light)] md:block md:text-2xl"
-        >sebdanielsson.dev</span
-      >
+      <span class="hidden text-xl font-bold text-white hover:text-[var(--accent-light)] md:block md:text-2xl">
+        sebdanielsson.dev
+      </span>
     </a>
     <div class="flex flex-1 flex-row items-center gap-2 text-sm sm:gap-6 sm:text-base">
-      {
-        textLinks.map(({ label, href }) => (
-          <a
-            aria-current={Astro.url.pathname === href}
-            class:list={[
-              "passing-underline",
-              "!text-white",
-              "hover:!text-white",
-              {
-                active:
-                  Astro.url.pathname === href ||
-                  (href !== "/" && Astro.url.pathname.startsWith(href)),
-              },
-            ]}
-            href={href}
-          >
-            {label}
-          </a>
-        ))
-      }
+      {textLinks.map(({ label, href }) => (
+        <a
+          aria-current={Astro.url.pathname === href}
+          class:list={[
+            "passing-underline",
+            "!text-white",
+            "hover:!text-white",
+            {
+              active:
+                Astro.url.pathname === href ||
+                (href !== "/" && Astro.url.pathname.startsWith(href)),
+            },
+          ]}
+          href={href}
+        >
+          {label}
+        </a>
+      ))}
     </div>
     <div class="flex flex-row items-center gap-2 sm:gap-3">
       <ThemeSwitcher />
-      {
-        profileLinks.map(({ label, href }) => (
-          <a
-            href={href}
-            target="_blank"
-            rel="noopener noreferrer"
-            class="!text-white hover:!text-[var(--accent-light)]"
-          >
-            <span class="sr-only">Go to my {label} profile</span>
-            {href.includes("github.com") ? (
-              <GitHubSvg />
-            ) : href.includes("linkedin.com") ? (
-              <LinkedInSvg />
-            ) : null}
-          </a>
-        ))
-      }
+      {profileLinks.map(({ label, href }) => (
+        <a
+          href={href}
+          target="_blank"
+          rel="noopener noreferrer"
+          class="!text-white hover:!text-[var(--accent-light)]"
+        >
+          <span class="sr-only">Go to my {label} profile</span>
+          {href.includes("github.com") ? (
+            <GitHubSvg />
+          ) : href.includes("linkedin.com") ? (
+            <LinkedInSvg />
+          ) : null}
+        </a>
+      ))}
     </div>
   </div>
 </nav>
diff --git a/src/components/ItemCard.astro b/src/components/ItemCard.astro
index 529a89d..4a3ed59 100644
--- a/src/components/ItemCard.astro
+++ b/src/components/ItemCard.astro
@@ -30,9 +30,7 @@ const imageSrcPromise = getImageImport(item.image)();
     class="absolute inset-0 h-full w-full object-cover transition duration-700 ease-in-out group-hover:blur-md"
   />
 
-  <div
-    class="absolute inset-0 flex items-center justify-center rounded-xl bg-black/50 opacity-0 transition-opacity duration-700 ease-in-out group-hover:opacity-100"
-  >
+  <div class="absolute inset-0 flex items-center justify-center rounded-xl bg-black/50 opacity-0 transition-opacity duration-700 ease-in-out group-hover:opacity-100">
     <div class="flex flex-col items-center gap-2 px-4 text-center text-slate-200">
       <h6 class="text-base font-bold">{item.name}</h6>
       <p class="text-sm" set:html={item.description} />
diff --git a/src/components/MDXInteractive.astro b/src/components/MDXInteractive.astro
index 1c1b711..e57bf40 100644
--- a/src/components/MDXInteractive.astro
+++ b/src/components/MDXInteractive.astro
@@ -9,24 +9,22 @@ const { variables, syntax = "double-braces" } = Astro.props;
 
 <div class="mdx-interactive-container my-6" data-syntax={syntax}>
   <div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-    {
-      variables.map((variable) => (
-        <div>
-          <label for={variable.id} class="mb-2 block text-sm font-medium text-gray-300">
-            {variable.label}
-          </label>
-          <input
-            type="text"
-            id={variable.id}
-            name={variable.id}
-            value={variable.defaultValue}
-            placeholder={variable.placeholder || variable.defaultValue}
-            class="mdx-input w-full rounded-md border border-[var(--accent-main)] bg-[var(--accent-background)] px-3 py-2 text-white placeholder-gray-400 focus:border-transparent focus:ring-2 focus:ring-[var(--accent-main)] focus:outline-none"
-            data-variable={variable.id}
-          />
-        </div>
-      ))
-    }
+    {variables.map((variable) => (
+      <div>
+        <label for={variable.id} class="mb-2 block text-sm font-medium text-gray-300">
+          {variable.label}
+        </label>
+        <input
+          type="text"
+          id={variable.id}
+          name={variable.id}
+          value={variable.defaultValue}
+          placeholder={variable.placeholder || variable.defaultValue}
+          class="mdx-input w-full rounded-md border border-[var(--accent-main)] bg-[var(--accent-background)] px-3 py-2 text-white placeholder-gray-400 focus:border-transparent focus:ring-2 focus:ring-[var(--accent-main)] focus:outline-none"
+          data-variable={variable.id}
+        />
+      </div>
+    ))}
   </div>
 </div>
 
diff --git a/src/components/RaycastStoreCard.astro b/src/components/RaycastStoreCard.astro
index bd9aba9..1f9df2a 100644
--- a/src/components/RaycastStoreCard.astro
+++ b/src/components/RaycastStoreCard.astro
@@ -31,11 +31,9 @@ const icon = extension.data.icons.light || extension.data.icons.dark;
           </a>
         </div>
         <div class="flex flex-wrap items-center gap-x-2">
-          {
-            extension.data.categories.map((category: string) => (
-              <span class="rounded-sm bg-white px-1 text-[10px] text-black">{category}</span>
-            ))
-          }
+          {extension.data.categories.map((category: string) => (
+            <span class="rounded-sm bg-white px-1 text-[10px] text-black">{category}</span>
+          ))}
         </div>
       </div>
       <div class="flex flex-col gap-2">
@@ -54,9 +52,7 @@ const icon = extension.data.icons.light || extension.data.icons.dark;
                 d="M9.996 18.204c4.499 0 8.212-3.713 8.212-8.204 0-4.491-3.72-8.205-8.22-8.205-4.49 0-8.196 3.714-8.196 8.205 0 4.49 3.713 8.204 8.204 8.204Zm0-1.634A6.54 6.54 0 0 1 3.442 10a6.53 6.53 0 0 1 6.546-6.562c3.642 0 6.57 2.92 6.578 6.562a6.547 6.547 0 0 1-6.57 6.57Zm0-10.633c-.405 0-.706.286-.706.69v3.738l.071 1.618-.714-.88-.888-.929a.651.651 0 0 0-.484-.206.632.632 0 0 0-.651.643c0 .19.055.349.19.484l2.619 2.65c.182.182.349.27.563.27.222 0 .405-.096.571-.27l2.619-2.65a.677.677 0 0 0 .19-.484.632.632 0 0 0-.65-.643.623.623 0 0 0-.484.206l-.881.92-.722.897.071-1.626V6.628c0-.405-.301-.69-.714-.69Z"
               ></path>
             </svg>
-            <p class="text-[11px]">
-              {shortenNumberWithK(extension.data.download_count)} installs
-            </p>
+            <p class="text-[11px]">{shortenNumberWithK(extension.data.download_count)} installs</p>
           </div>
         </div>
       </div>
diff --git a/src/components/Tags.astro b/src/components/Tags.astro
index 20b1030..52093d1 100644
--- a/src/components/Tags.astro
+++ b/src/components/Tags.astro
@@ -3,14 +3,12 @@ const { tags } = Astro.props;
 ---
 
 <div class="flex flex-wrap gap-2">
-  {
-    tags.map((tag: string) => (
-      <a
-        href={`/blog/tags/${tag}`}
-        class="inline-block rounded-full border-1 px-3 py-1 text-xs font-semibold text-white hover:border-white hover:text-white"
-      >
-        {tag}
-      </a>
-    ))
-  }
+  {tags.map((tag: string) => (
+    <a
+      href={`/blog/tags/${tag}`}
+      class="inline-block rounded-full border-1 px-3 py-1 text-xs font-semibold text-white hover:border-white hover:text-white"
+    >
+      {tag}
+    </a>
+  ))}
 </div>
diff --git a/src/components/ThemeSwitcher.astro b/src/components/ThemeSwitcher.astro
index 345489a..cbf5772 100644
--- a/src/components/ThemeSwitcher.astro
+++ b/src/components/ThemeSwitcher.astro
@@ -1,5 +1,4 @@
 ---
-
 ---
 
 <div class="theme-dropdown group relative inline-block">
@@ -11,15 +10,13 @@
       <path
         fill="currentColor"
         d="M6 21q-1.125 0-2.225-.55T2 19q.65 0 1.325-.513T4 17q0-1.25.875-2.125T7 14t2.125.875T10 17q0 1.65-1.175 2.825T6 21m5.75-6L9 12.25l8.95-8.95q.275-.275.688-.288t.712.288l1.35 1.35q.3.3.3.7t-.3.7z"
-      >
-      </path>
+      ></path>
     </svg>
   </div>
   <ul
     class="absolute top-10 -left-full z-50 hidden rounded-sm border border-[var(--accent-main)] bg-[var(--accent-background)] p-2 group-[.active]:block"
     id="theme-options"
-  >
-  </ul>
+  ></ul>
 </div>
 <script>
   interface ThemeColors {
diff --git a/src/layouts/BlogList.astro b/src/layouts/BlogList.astro
index 14004c3..2a5655d 100644
--- a/src/layouts/BlogList.astro
+++ b/src/layouts/BlogList.astro
@@ -18,47 +18,45 @@ const { posts, title, description } = Astro.props;
   <main class="main-width flex flex-col py-4 sm:py-8 md:py-12">
     <slot name="header" />
     <ul class="m-0 mx-auto flex w-full max-w-[800px] list-none flex-wrap justify-between gap-8 p-0">
-      {
-        posts.map((post, index) => (
-          <li
-            class={`flex w-full flex-col gap-3 transition-all duration-200 ease-in-out ${index !== 0 ? "sm:w-[calc(50%-1rem)]" : ""}`}
-          >
-            {post.data.heroImage && post.data.heroImageAlt && (
-              <a
-                href={`/${post.id}/`}
-                aria-label={`Read more about ${post.data.title}`}
-                class="group"
-              >
-                <Picture
-                  src={post.data.heroImage}
-                  alt={post.data.heroImageAlt}
-                  formats={["avif", "webp"]}
-                  fallbackFormat="webp"
-                  class="rounded-xl group-hover:shadow-[var(--box-shadow)]"
-                  loading={posts[0]?.id === post.id ? "eager" : "lazy"}
-                />
-              </a>
-            )}
-            <a href={`/${post.id}/`}>
-              <h3
-                class={`!my-0 transition-all duration-200 ease-in-out ${index === 0 ? "!text-xl sm:!text-2xl md:!text-3xl" : "!text-xl md:!text-2xl"}`}
-              >
-                {post.data.title}
-              </h3>
+      {posts.map((post, index) => (
+        <li
+          class={`flex w-full flex-col gap-3 transition-all duration-200 ease-in-out ${index !== 0 ? "sm:w-[calc(50%-1rem)]" : ""}`}
+        >
+          {post.data.heroImage && post.data.heroImageAlt && (
+            <a
+              href={`/${post.id}/`}
+              aria-label={`Read more about ${post.data.title}`}
+              class="group"
+            >
+              <Picture
+                src={post.data.heroImage}
+                alt={post.data.heroImageAlt}
+                formats={["avif", "webp"]}
+                fallbackFormat="webp"
+                class="rounded-xl group-hover:shadow-[var(--box-shadow)]"
+                loading={posts[0]?.id === post.id ? "eager" : "lazy"}
+              />
             </a>
-            <p class="text-sm transition-all duration-200 ease-in-out">
-              <FormattedDate date={post.data.pubDate} />
-              {post.data.updatedDate && (
-                <>
-                  | Updated <FormattedDate date={post.data.updatedDate} />
-                </>
-              )}
-            </p>
-            <p class="text-base transition-all duration-200 ease-in-out">{post.data.description}</p>
-            <Tags tags={post.data.tags} />
-          </li>
-        ))
-      }
+          )}
+          <a href={`/${post.id}/`}>
+            <h3
+              class={`!my-0 transition-all duration-200 ease-in-out ${index === 0 ? "!text-xl sm:!text-2xl md:!text-3xl" : "!text-xl md:!text-2xl"}`}
+            >
+              {post.data.title}
+            </h3>
+          </a>
+          <p class="text-sm transition-all duration-200 ease-in-out">
+            <FormattedDate date={post.data.pubDate} />
+            {post.data.updatedDate && (
+              <>
+                | Updated <FormattedDate date={post.data.updatedDate} />
+              </>
+            )}
+          </p>
+          <p class="text-base transition-all duration-200 ease-in-out">{post.data.description}</p>
+          <Tags tags={post.data.tags} />
+        </li>
+      ))}
     </ul>
   </main>
 </Layout>
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index e67e290..48e7f97 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -13,44 +13,37 @@ const { title, description, pubDate, updatedDate, tags, heroImage, heroImageAlt,
 
 <Layout title={title} description={description}>
   <main class="main-width flex flex-col items-center gap-4 py-4 sm:py-8 md:py-12">
-    {
-      draft && (
-        <div class="w-full max-w-[800px] bg-yellow-100 p-4 text-yellow-800">
-          <p class="m-0 text-sm">
-            This post is a draft and is not visible on the blog page or in the RSS feed.
-          </p>
-        </div>
-      )
-    }
-
-    {
-      heroImage && heroImageAlt && (
-        <div class="w-full max-w-[800px]">
-          <Picture
-            src={heroImage}
-            alt={heroImageAlt}
-            loading="lazy"
-            formats={["avif", "webp"]}
-            fallbackFormat="webp"
-            loading="eager"
-            class="hero-image h-auto w-full rounded-xl"
-          />
-        </div>
-      )
-    }
+    {draft && (
+      <div class="w-full max-w-[800px] bg-yellow-100 p-4 text-yellow-800">
+        <p class="m-0 text-sm">
+          This post is a draft and is not visible on the blog page or in the RSS feed.
+        </p>
+      </div>
+    )}
+
+    {heroImage && heroImageAlt && (
+      <div class="w-full max-w-[800px]">
+        <Picture
+          src={heroImage}
+          alt={heroImageAlt}
+          formats={["avif", "webp"]}
+          fallbackFormat="webp"
+          loading="eager"
+          class="hero-image h-auto w-full rounded-xl"
+        />
+      </div>
+    )}
     <article class="markdown-body flex w-full max-w-[720px] flex-col">
       <div class="pb-4 leading-none">
         <h1 class="!my-0 !text-xl sm:!text-3xl">{title}</h1>
         <div class="text-sm text-gray-200">
           <span>
             <FormattedDate date={pubDate} />
-            {
-              updatedDate && (
-                <>
-                  | Updated <FormattedDate date={updatedDate} />
-                </>
-              )
-            }
+            {updatedDate && (
+              <>
+                | Updated <FormattedDate date={updatedDate} />
+              </>
+            )}
           </span>
         </div>
       </div>
diff --git a/src/pages/about.astro b/src/pages/about.astro
index ff62689..116ee1e 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -12,15 +12,21 @@ import stuffIUse from "@/data/stuffIUse.json";
     <p></p>
     <h3>Hardware</h3>
     <div class="my-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
-      {stuffIUse.hardware.map((item) => <ItemCard item={item} loading="eager" />)}
+      {stuffIUse.hardware.map((item) => (
+        <ItemCard item={item} loading="eager" />
+      ))}
     </div>
     <h3>Software</h3>
     <div class="my-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
-      {stuffIUse.software.map((item) => <ItemCard item={item} loading="lazy" />)}
+      {stuffIUse.software.map((item) => (
+        <ItemCard item={item} loading="lazy" />
+      ))}
     </div>
     <h3>Coffee</h3>
     <div class="my-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
-      {stuffIUse.coffee.map((item) => <ItemCard item={item} loading="lazy" />)}
+      {stuffIUse.coffee.map((item) => (
+        <ItemCard item={item} loading="lazy" />
+      ))}
     </div>
   </main>
 </Layout>
diff --git a/src/pages/guestbook.astro b/src/pages/guestbook.astro
index 1d9155b..8530b75 100644
--- a/src/pages/guestbook.astro
+++ b/src/pages/guestbook.astro
@@ -88,20 +88,21 @@ const guestbookPosts = guestbookPostsResponse.data?.repository?.discussion?.comm
       </button>
     </div>
     <div id="giscus-post" class="">
-      <span class="text-sm text-neutral-400"
-        >Powered by <a href="https://giscus.app" target="_blank">gisqus</a>. Comments will be added
-        to the page shortly after posting.</span
-      >
+      <span class="text-sm text-neutral-400">
+        Powered by{" "}
+        <a href="https://giscus.app" target="_blank" rel="noopener noreferrer">
+          giscus
+        </a>
+        . Comments will be added to the page shortly after posting.
+      </span>
       <section class="giscus"></section>
     </div>
     <div class="mt-12 flex flex-col flex-wrap justify-between gap-12 md:flex-row">
-      {
-        guestbookPosts.map((post) => (
-          <div class="post-container flex flex-auto sm:justify-around">
-            <GuestbookPostBox post={post} />
-          </div>
-        ))
-      }
+      {guestbookPosts.map((post) => (
+        <div class="post-container flex flex-auto sm:justify-around">
+          <GuestbookPostBox post={post} />
+        </div>
+      ))}
     </div>
   </main>
 </Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9934c51..92d526e 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -8,9 +8,7 @@ const firstName = "Sebastian";
 
 <Layout>
   <main class="main-width flex flex-col py-12">
-    <div
-      class="lg:3/4 flex flex-col items-center justify-center gap-10 self-center md:flex-row md:gap-20 2xl:w-2/3"
-    >
+    <div class="lg:3/4 flex flex-col items-center justify-center gap-10 self-center md:flex-row md:gap-20 2xl:w-2/3">
       <div class="w-1/3 sm:flex-[0_0_33%]">
         <Picture
           src={sebastianImage}
@@ -25,10 +23,11 @@ const firstName = "Sebastian";
       </div>
       <div class="flex flex-col">
         <h1 class="m-0">
-          <span id="greeting">Hello!</span><br /> My name is <span
-            id="firstName"
-            class="text-gradient">{firstName}!</span
-          >
+          <span id="greeting">Hello!</span>
+          <br /> My name is{" "}
+          <span id="firstName" class="text-gradient">
+            {firstName}!
+          </span>
         </h1>
         <p class="text-lg leading-8">
           I'm a tech enthusiast with a strong interest in dev platforms, containerization, Linux,
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index d399215..ef27ce0 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -25,15 +25,21 @@ const sortedGithubRepos = githubRepos.sort((a, b) => {
     <h1 class="my-0">Projects</h1>
     <h2>Docker Images</h2>
     <div class="grid grid-cols-1 gap-3 lg:grid-cols-2">
-      {dockerHubImages.map((image) => <DockerHubCard image={image} />)}
+      {dockerHubImages.map((image) => (
+        <DockerHubCard image={image} />
+      ))}
     </div>
     <h2>Raycast Extensions</h2>
     <div class="grid grid-cols-1 gap-3 lg:grid-cols-2">
-      {raycastExtensions.map((extension) => <RaycastStoreCard extension={extension} />)}
+      {raycastExtensions.map((extension) => (
+        <RaycastStoreCard extension={extension} />
+      ))}
     </div>
     <h2>GitHub Repos</h2>
     <div class="grid grid-cols-1 gap-3 lg:grid-cols-2">
-      {sortedGithubRepos.map((repo) => <GitHubRepoCard repo={repo} type="repo" />)}
+      {sortedGithubRepos.map((repo) => (
+        <GitHubRepoCard repo={repo} type="repo" />
+      ))}
     </div>
   </main>
 </Layout>
diff --git a/src/pages/stats.astro b/src/pages/stats.astro
index 58aaac9..d293ff8 100644
--- a/src/pages/stats.astro
+++ b/src/pages/stats.astro
@@ -8,14 +8,20 @@ import Layout from "@/layouts/Layout.astro";
       title="Plausible Analytics"
       plausible-embed
       src="https://plausible.hogwarts.zone/share/sebdanielsson.dev?auth=AsL6hakKY_k5ejzy-ULWd&embed=true&theme=system&background=transparent"
-      loading="eager"></iframe>
+      loading="eager"
+    ></iframe>
     <span>
-      Powered by <a target="_blank" href="https://plausible.io"> Plausible Analytics </a>
+      Powered by{" "}
+      <a target="_blank" rel="noopener noreferrer" href="https://plausible.io">
+        {" "}
+        Plausible Analytics{" "}
+      </a>
     </span>
     <script
       is:inline
       async
       src="https://plausible.hogwarts.zone/js/embed.host.js"
-      crossorigin="anonymous"></script>
+      crossorigin="anonymous"
+    ></script>
   </main>
 </Layout>