chore(deps): update @biomejs/biome to v2.4.1

biome.json

@@ -1,15 +1,21 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.3.15/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.4.1/schema.json",
   "assist": {
     "actions": {
       "source": {
         "organizeImports": {
           "level": "on",
           "options": {
             "groups": [
-              ["astro:*", "*astro-*", "astro*/*"],
+              [
+                "astro:*",
+                "*astro-*",
+                "astro*/*"
+              ],
               ":PACKAGE:",
-              ["~/constants"],
+              [
+                "~/constants"
+              ],
               ":ALIAS:",
               "**"
             ]
@@ -43,7 +49,9 @@
   },
   "overrides": [
     {
-      "includes": ["**/*.astro"],
+      "includes": [
+        "**/*.astro"
+      ],
       "linter": {
         "rules": {
           "correctness": {
@@ -83,4 +91,4 @@
     "clientKind": "git",
     "useIgnoreFile": true
   }
-}
+}

package.json

@@ -65,7 +65,7 @@
     "tailwindcss-motion": "1.1.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.15",
+    "@biomejs/biome": "2.4.1",
     "husky": "9.1.7"
   },
   "packageManager": "pnpm@10.29.3",
@@ -80,4 +80,4 @@
   "lint-staged": {
     "*.{js,ts,cjs,mjs,astro}": "biome format --fix"
   }
-}
+}

src/components/Logo.astro

@@ -19,14 +19,15 @@ const { isDark = false, className = '' } = Astro.props;
   xmlns:xlink="http://www.w3.org/1999/xlink"
   viewBox="0 0 500 500"
   role="img"
+  aria-label="Logo"
 >
   <defs>
     <linearGradient
       x1="90.8779989%"
       y1="80.0676288%"
       x2="-1.30249747%"
       y2="32.7108237%"
-      id={isDark ? 'linearGradient-dark' : 'linearGradient-light'}
+      id={isDark ? "linearGradient-dark" : "linearGradient-light"}
     >
       <stop
         stop-color={isDark ? DARK_GRADIENT_START : LIGHT_GRADIENT_START}
@@ -42,7 +43,7 @@ const { isDark = false, className = '' } = Astro.props;
     <g
       id="Logo"
       transform="translate(6.000000, 6.000000)"
-      fill={`url(${isDark ? '#linearGradient-dark' : '#linearGradient-light'}
+      fill={`url(${isDark ? "#linearGradient-dark" : "#linearGradient-light"}
       )`}
       fill-rule="nonzero"
     >

src/components/Navbar.astro

@@ -37,9 +37,7 @@ const isHomepage = currentPathname === '/';
               </li>
             ))}
 
-          <li>
-            <GitHubRepo />
-          </li>
+          <li><GitHubRepo /></li>
         </ul>
       </div>
     </div>

src/pages/404.astro

@@ -7,7 +7,11 @@ import Layout from '~/layouts/Layout.astro';
     <div
       class="w-full h-screens py-16 flex flex-col items-center justify-center"
     >
-      <img class="w-1/2 md:1/3 lg:w-1/4" src="/images/404.png">
+      <img
+        class="w-1/2 md:1/3 lg:w-1/4"
+        src="/images/404.png"
+        aria-label="404 Not Found"
+      >
       <div class="flex flex-col items-center justify-center">
         <p class="text-3xl md:text-4xl lg:text-5xl mt-12">Page Not Found</p>
         <p class="md:text-lg lg:text-xl mt-8">

src/pages/callback.astro

@@ -1,4 +1,6 @@
 ---
+// TODO remove this callback page - from v4 of Gitify
+
 import Layout from '~/layouts/Layout.astro';
 ---
 
@@ -7,7 +9,11 @@ import Layout from '~/layouts/Layout.astro';
     <div
       class="w-full h-screens py-16 flex flex-col items-center justify-center"
     >
-      <img class="w-1/2 md:1/3 lg:w-1/4" src="/images/callback.svg">
+      <img
+        class="w-1/2 md:1/3 lg:w-1/4"
+        src="/images/callback.svg"
+        aria-label="Callback"
+      >
       <div class="flex flex-col items-center justify-center">
         <p class="text-3xl md:text-4xl lg:text-5xl mt-12">
           This is a callback page.