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

biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.5.14/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.5.15/schema.json",
   "assist": {
     "actions": {
       "source": {

package.json

@@ -53,7 +53,7 @@
     "tailwindcss-motion": "1.1.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.5.14",
+    "@biomejs/biome": "2.5.15",
     "husky": "9.1.7"
   },
   "packageManager": "pnpm@12.8.2",

src/components/Navbar.astro

@@ -22,20 +22,20 @@ import GitHubRepo from '~/components/GitHubRepo.astro';
           class="flex flex-row flex-wrap text-sm max-lg:text-xs items-center list-none space-x-4 max-md:space-x-1"
         >
           {siteMetadata.menuLinks.map((item) => (
-              <li class="py-2.5">
-                <a
-                  href={item.path}
-                  class:list={[
-                    "py-1.5 lg:py-2 px-2 lg:px-3",
-                    "nav-link font-light",
-                    "border rounded-lg border-white",
-                    "max-sm:hidden",
-                  ]}
-                >
-                  {item.name}
-                </a>
-              </li>
-            ))}
+            <li class="py-2.5">
+              <a
+                href={item.path}
+                class:list={[
+                  'py-1.5 lg:py-2 px-2 lg:px-3',
+                  'nav-link font-light',
+                  'border rounded-lg border-white',
+                  'max-sm:hidden',
+                ]}
+              >
+                {item.name}
+              </a>
+            </li>
+          ))}
 
           <li><GitHubRepo /></li>
         </ul>

src/layouts/SectionRow.astro

@@ -14,14 +14,14 @@ const { title, description = '', anchor, isDark = false } = Astro.props;
 <section
   id={anchor}
   class:list={[
-    "flex px-12 py-16",
-    isDark ? "bg-gray-800 text-white" : "bg-gray-50",
+    'flex px-12 py-16',
+    isDark ? 'bg-gray-800 text-white' : 'bg-gray-50',
   ]}
 >
   <div
     class:list={[
-      "container max-w-5xl mx-auto flex flex-col items-center",
-      "lg:space-x-36 lg:flex-row",
+      'container max-w-5xl mx-auto flex flex-col items-center',
+      'lg:space-x-36 lg:flex-row',
     ]}
   >
     <div class="flex-1">

src/sections/BestPractices.astro

@@ -12,20 +12,20 @@ import { bestPractices } from '~/memes/memes';
 >
   <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 p-4">
     {bestPractices.map((item) => (
+      <div class="overflow-hidden group">
+        <div class="italic font-semibold">{item.title}</div>
         <div class="overflow-hidden group">
-          <div class="italic font-semibold">{item.title}</div>
-          <div class="overflow-hidden group">
-            <Image
-              class="w-full h-auto object-contain rounded-lg shadow-lg mb-2 motion-preset-pop"
-              style="max-height: 400px;"
-              width="500"
-              height="400"
-              src={import(`../memes/${item.meme}.${item.ext}`)}
-              alt={item.title}
-            />
-          </div>
-          <div class="text-xs italic mt-1">{item.caption}</div>
+          <Image
+            class="w-full h-auto object-contain rounded-lg shadow-lg mb-2 motion-preset-pop"
+            style="max-height: 400px;"
+            width="500"
+            height="400"
+            src={import(`../memes/${item.meme}.${item.ext}`)}
+            alt={item.title}
+          />
         </div>
-      ))}
+        <div class="text-xs italic mt-1">{item.caption}</div>
+      </div>
+    ))}
   </div>
 </SectionRow>

src/sections/Contributing.astro

@@ -14,16 +14,16 @@ import SectionRow from '~/layouts/SectionRow.astro';
     class="flex flex-wrap justify-center items-center md:max-w-lg pt-10 mx-auto"
   >
     {openSourceLibs.map((item) => (
-        <div class="p-2 m-2 rounded-lg hover:motion-preset-pulse hover:motion-duration-1000">
-          <a href={item.link} target="_blank" rel="noopener noreferrer">
-            <Icon
-              name={item.svg}
-              title={item.name}
-              size={32}
-              class="w-8 sm:w-12"
-            />
-          </a>
-        </div>
-      ))}
+      <div class="p-2 m-2 rounded-lg hover:motion-preset-pulse hover:motion-duration-1000">
+        <a href={item.link} target="_blank" rel="noopener noreferrer">
+          <Icon
+            name={item.svg}
+            title={item.name}
+            size={32}
+            class="w-8 sm:w-12"
+          />
+        </a>
+      </div>
+    ))}
   </div>
 </SectionRow>