diff --git a/app/error.jsx b/app/error.jsx
index e54d9e87..a0cfe403 100644
--- a/app/error.jsx
+++ b/app/error.jsx
@@ -4,9 +4,7 @@ import { useEffect } from 'react';
 import s from 'styles/pages/404.module.css';
 
 export default function Eror({ error, reset }) {
-  useEffect(() => {
-    console.error(error);
-  }, [error]);
+  useEffect(() => {}, [error]);
 
   return (
     <>
diff --git a/app/loading.jsx b/app/loading.jsx
index 4dd359a6..3a7a564f 100644
--- a/app/loading.jsx
+++ b/app/loading.jsx
@@ -1,7 +1,7 @@
 export default function Loading() {
   return (
-    <div className="flex items-center justify-center h-screen">
-      <div className="w-32 h-32 border-b-2 border-gray-300 rounded-full animate-spin" />
+    <div className="flex h-screen items-center justify-center">
+      <div className="h-32 w-32 animate-spin rounded-full border-gray-300 border-b-2" />
     </div>
   );
 }
diff --git a/app/open-source/page.jsx b/app/open-source/page.jsx
index 6b5b670f..c2515df1 100644
--- a/app/open-source/page.jsx
+++ b/app/open-source/page.jsx
@@ -45,7 +45,7 @@ export default async function OpenSourcePage() {
       <Container clean name="you">
         <div className={s.thanksContainer}>
           <Fade direction="left" clean className="w-full">
-            <h2 className="text-4xl font-bold text-center">Thank you.</h2>
+            <h2 className="text-center font-bold text-4xl">Thank you.</h2>
 
             <Sponsors sponsors={sponsors} />
           </Fade>
@@ -56,7 +56,7 @@ export default async function OpenSourcePage() {
       <Container clean name="people">
         <div className={s.genericContainer}>
           <Fade direction="left" delay={0.5} className="w-full">
-            <h2 className="text-4xl font-bold text-center">Still You</h2>
+            <h2 className="text-center font-bold text-4xl">Still You</h2>
 
             <Followers followers={followers} />
           </Fade>
@@ -67,7 +67,7 @@ export default async function OpenSourcePage() {
       <Container clean name="passion">
         <div className={s.genericContainer}>
           <Fade direction="left" delay={0.5} className="w-full">
-            <h2 className="text-4xl font-bold text-center">About me</h2>
+            <h2 className="text-center font-bold text-4xl">About me</h2>
 
             <GitHubProfile {...profile} />
           </Fade>
diff --git a/app/sitemap.jsx b/app/sitemap.jsx
index dc523bea..4886116d 100644
--- a/app/sitemap.jsx
+++ b/app/sitemap.jsx
@@ -1,6 +1,6 @@
-import fs from 'fs';
+import fs from 'node:fs';
 import config from 'lib/config';
-import path from 'path';
+import path from 'node:path';
 
 function generateArticlesSitemap() {
   const result = [];
diff --git a/biome.json b/biome.json
index 04c25e4d..527eb9aa 100644
--- a/biome.json
+++ b/biome.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.4.1/schema.json",
+  "$schema": "https://biomejs.dev/schemas/1.7.3/schema.json",
   "organizeImports": {
     "enabled": true
   },
@@ -9,11 +9,16 @@
       "recommended": true,
       "nursery": {
         "all": true,
-        "noDefaultExport": "off"
+        "noReactSpecificProps": "off",
+        "noUndeclaredDependencies": "off",
+        "noNodejsModules": "off"
       },
       "correctness": {
         "all": true,
         "useExhaustiveDependencies": "off"
+      },
+      "suspicious": {
+        "noArrayIndexKey": "off"
       }
     },
     "ignore": [".next/", "node_modules/", "./**/*.json"]
diff --git a/components/about/about.jsx b/components/about/about.jsx
index 610cbb81..d9793077 100644
--- a/components/about/about.jsx
+++ b/components/about/about.jsx
@@ -61,7 +61,7 @@ const About = ({ ...props }) => {
                       <div className={cn(s.profileQuote, 'text-right')}>”</div>
                     </div>
                     <div className="w-full">
-                      <p className="font-bold text-center text-amber-500 text-md">@mateonunez</p>
+                      <p className="text-center font-bold text-amber-500 text-md">@mateonunez</p>
                     </div>
                   </div>
                 </Fade>
@@ -79,8 +79,7 @@ const About = ({ ...props }) => {
                       </div>
                       <div className={s.bio}>
                         <span className={s.bioYear}>2009</span>
-                        Move to Milan, Italy. <br />
-                        I started a new life. Known new friends. Learned how to cook.
+                        Move to Milan, Italy. <br />I started a new life. Known new friends. Learned how to cook.
                       </div>
                       <div className={s.bio}>
                         <span className={s.bioYear}>2015</span>
diff --git a/components/animations/word-animator.jsx b/components/animations/word-animator.jsx
index 23f6e3a6..7059b2bd 100644
--- a/components/animations/word-animator.jsx
+++ b/components/animations/word-animator.jsx
@@ -44,7 +44,7 @@ const WordAnimator = ({ words, clickable }, ref) => {
       <Wrapper {...wrapperProps} ref={ref}>
         <span
           ref={wordRef}
-          className={cn(s.wordAnimator, `transition-opacity duration-500 ${opacity}`, clickable && 'cursor-pointer')}
+          className={cn(s.wordAnimator, `transition-opacity duration-500${opacity}`, clickable && 'cursor-pointer')}
         >
           {currentWord}
         </span>
diff --git a/components/articles/mdx/heading/index.jsx b/components/articles/mdx/heading/index.jsx
index e37cb2cb..4b869dbc 100644
--- a/components/articles/mdx/heading/index.jsx
+++ b/components/articles/mdx/heading/index.jsx
@@ -10,7 +10,7 @@ const extractName = (title) => {
 
 const CopyToClipboard = ({ id, title, children }) => (
   <button
-    className="hover:text-amber-700 hover:scale-105 transform transition-all duration-500 hover:underline text-amber-500"
+    className="transform text-amber-500 transition-all duration-500 hover:scale-105 hover:text-amber-700 hover:underline"
     title={`Copy "${title}" to clipboard`}
     onClick={(event) => {
       const fullUrl = `${window.location.origin}${window.location.pathname}#${id}`;
diff --git a/components/articles/mdx/image/index.jsx b/components/articles/mdx/image/index.jsx
index 9e287865..d845f3f3 100644
--- a/components/articles/mdx/image/index.jsx
+++ b/components/articles/mdx/image/index.jsx
@@ -5,7 +5,7 @@ import Link from 'next/link';
 
 export default function MDXImage({ src, width, height, alt, quality, priority, href, target = '_self', ...rest }) {
   const ImageWrapper = (
-    <div className="w-full h-full">
+    <div className="h-full w-full">
       <Image
         src={src}
         width={width}
diff --git a/components/articles/mdx/row/index.jsx b/components/articles/mdx/row/index.jsx
index be194f45..5674f849 100644
--- a/components/articles/mdx/row/index.jsx
+++ b/components/articles/mdx/row/index.jsx
@@ -1,3 +1,3 @@
-const Row = ({ children }) => <div className="flex flex-wrap -mx-4">{children}</div>;
+const Row = ({ children }) => <div className="-mx-4 flex flex-wrap">{children}</div>;
 
 export default Row;
diff --git a/components/articles/preview/index.js b/components/articles/preview/index.js
index 82b9ba3f..a9966aba 100644
--- a/components/articles/preview/index.js
+++ b/components/articles/preview/index.js
@@ -18,8 +18,6 @@ export default function ArticlePreview({
 }) {
   return (
     <div className={s.root}>
-
-
       <Link as={`/blog/${slug}`} rel="canonical" href={`/blog/${slug}`} title={title}>
         <div className={s.body}>
           <div className={s.imagePreview}>
diff --git a/components/common/circular-progress/circular-progress.jsx b/components/common/circular-progress/circular-progress.jsx
index 52efd578..840fcc52 100644
--- a/components/common/circular-progress/circular-progress.jsx
+++ b/components/common/circular-progress/circular-progress.jsx
@@ -6,7 +6,7 @@ const CircularProgress = ({ progress = 50, ...props }) => {
 
   return (
     <div>
-      <svg alt="circular-progress" className="w-8 h-8 rotate-90" {...props}>
+      <svg alt="circular-progress" className="h-8 w-8 rotate-90" {...props}>
         <title>Circular Progress</title>
         {/* Gray  */}
         <circle
diff --git a/components/common/footer/footer.jsx b/components/common/footer/footer.jsx
index 525bacaf..ad25ff83 100644
--- a/components/common/footer/footer.jsx
+++ b/components/common/footer/footer.jsx
@@ -1,6 +1,6 @@
 export default function Footer() {
   return (
-    <footer className="p-4 mt-auto text-right text-white sm:text-center">
+    <footer className="mt-auto p-4 text-right text-white sm:text-center">
       <p className="absolute left-0 ml-2 text-xs">
         Made with{' '}
         <span role="img" aria-label="heart">
diff --git a/components/common/social-links/social-links.jsx b/components/common/social-links/social-links.jsx
index 6e1c40d5..df917099 100644
--- a/components/common/social-links/social-links.jsx
+++ b/components/common/social-links/social-links.jsx
@@ -1,7 +1,7 @@
 import s from './social-links.module.css';
 
 import Link from 'next/link';
-import { Github, LinkedIn, Instagram, Spotify, Twitter } from 'components/icons';
+import { Github, LinkedIn, Spotify, Twitter } from 'components/icons';
 
 export default function SocialLinks() {
   return (
diff --git a/components/github/followers/followers.jsx b/components/github/followers/followers.jsx
index feb7fd3f..1f975470 100644
--- a/components/github/followers/followers.jsx
+++ b/components/github/followers/followers.jsx
@@ -22,11 +22,11 @@ export default function Followers({ followers }) {
                 <Image
                   src={follower.avatar}
                   alt={follower.username}
-                  className="w-32 h-32 rounded-full shadow-lg"
+                  className="h-32 w-32 rounded-full shadow-lg"
                   width={128}
                   height={128}
                 />
-                <span className="mt-2 text-sm text-center text-caption">@{follower.username}</span>
+                <span className="mt-2 text-center text-caption text-sm">@{follower.username}</span>
               </Link>
             </div>
           ))}
@@ -37,10 +37,10 @@ export default function Followers({ followers }) {
             href="https://github.com/mateonunez?tab=followers"
             target="_blank"
             rel="noopener noreferrer"
-            className="text-sm font-black text-center"
+            className="text-center font-black text-sm"
           >
             and {followers.length - followersShown.length} more...{' '}
-            <span className="text-xs text-emoji">(thank you ❤️)</span>
+            <span className="text-emoji text-xs">(thank you ❤️)</span>
           </a>
         </div>
 
diff --git a/components/github/last-activity/last-activity.jsx b/components/github/last-activity/last-activity.jsx
index 7657b387..aa181d42 100644
--- a/components/github/last-activity/last-activity.jsx
+++ b/components/github/last-activity/last-activity.jsx
@@ -2,8 +2,7 @@
 
 import s from './last-activity.module.css';
 
-export default function LastActivity({ contributions }) {
-  console.log({ contributions });
+export default function LastActivity() {
   return (
     <>
       <div className={s.root}>
diff --git a/components/github/repositories/preview/preview.jsx b/components/github/repositories/preview/preview.jsx
index 7ab29ff2..c8ed31ca 100644
--- a/components/github/repositories/preview/preview.jsx
+++ b/components/github/repositories/preview/preview.jsx
@@ -50,7 +50,7 @@ export default function RepositoryPreview({
                 title={`${name} stars`}
                 className="flex"
               >
-                <Star className="w-5 h-5" />
+                <Star className="h-5 w-5" />
                 <span className={s.starsCount}>{stars}</span>
               </Link>
             </div>
@@ -65,7 +65,7 @@ export default function RepositoryPreview({
                 title={`${name} forks`}
                 className="flex"
               >
-                <Fork className="w-5 h-5" />
+                <Fork className="h-5 w-5" />
                 <div className={s.forksCount}>{forks}</div>
               </Link>
             </div>
diff --git a/components/github/sponsors/sponsors.jsx b/components/github/sponsors/sponsors.jsx
index 1c89bead..924438e5 100644
--- a/components/github/sponsors/sponsors.jsx
+++ b/components/github/sponsors/sponsors.jsx
@@ -22,7 +22,7 @@ export default function Sponsors({ sponsors }) {
                 <Image
                   src={sponsor.avatar}
                   alt={sponsor.username}
-                  className="w-64 h-64 rounded-full shadow-lg"
+                  className="h-64 w-64 rounded-full shadow-lg"
                   width={512}
                   height={512}
                 />
@@ -42,23 +42,23 @@ export default function Sponsors({ sponsors }) {
 
         {/* Consider sposoring me section */}
         <div className={s.considerSponsoringContainer}>
-          <h2 className="text-4xl font-bold text-center">You love my work?</h2>
+          <h2 className="text-center font-bold text-4xl">You love my work?</h2>
 
           <article className={s.description}>
             If you like my work and want to support me, consider sponsoring me on GitHub.
           </article>
 
-          <div className="flex flex-col items-center justify-center w-1/2 p-4 m-4" style={{ margin: 'auto' }}>
+          <div className="m-4 flex w-1/2 flex-col items-center justify-center p-4" style={{ margin: 'auto' }}>
             <Link
               href="https://github.com/sponsors/mateonunez"
               target="_blank"
               rel="noopener noreferrer"
-              className="mt-4 text-lg font-bold text-center"
+              className="mt-4 text-center font-bold text-lg"
             >
               <Image
                 src="https://github.githubassets.com/images/modules/site/sponsors/pixel-mona-heart.gif"
                 alt="Sponsor me"
-                className="w-24 h-24 shadow-lg"
+                className="h-24 w-24 shadow-lg"
                 width={128}
                 height={128}
               />
diff --git a/components/header/header.jsx b/components/header/header.jsx
index c1cf4c6d..a4f4ddcf 100644
--- a/components/header/header.jsx
+++ b/components/header/header.jsx
@@ -17,7 +17,7 @@ const ActiveLink = ({ href, children, title }) => {
     <Link
       href={href}
       as={href}
-      className={`${s.link} ${pathname.split('/')[1] === href.split('/')[1] ? s.active : ''}`}
+      className={`${s.link}${pathname.split('/')[1] === href.split('/')[1] ? s.active : ''}`}
       rel="canonical"
       title={title}
     >
@@ -62,7 +62,7 @@ export default function Header() {
 
         <button
           type="button"
-          className={cn(s.toggle, 'transform ease-linear duration-300', mobileNavShown && 'rotate-90')}
+          className={cn(s.toggle, 'transform duration-300 ease-linear', mobileNavShown && 'rotate-90')}
           onClick={toggle}
           aria-label="Toggle Menu"
         >
diff --git a/components/hero/hero.jsx b/components/hero/hero.jsx
index a235a1b0..0556f8c4 100644
--- a/components/hero/hero.jsx
+++ b/components/hero/hero.jsx
@@ -45,7 +45,7 @@ export default function Hero({ article, ...props }) {
           {/* Last Article */}
           <div className={s.lastArticle}>
             <Fade>
-              <h2 className="text-center subtitle">
+              <h2 className="subtitle text-center">
                 <Link href="/blog" title="Blog" aria-label="Blog" rel="canonical">
                   From the Blog
                 </Link>
diff --git a/components/icons/ChevronDown.jsx b/components/icons/ChevronDown.jsx
index 97ebcfab..833d14df 100644
--- a/components/icons/ChevronDown.jsx
+++ b/components/icons/ChevronDown.jsx
@@ -3,7 +3,7 @@ export default function ChevronDown({ ...props }) {
     <>
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        className="w-6 h-6"
+        className="h-6 w-6"
         fill="none"
         viewBox="0 0 24 24"
         stroke="currentColor"
diff --git a/components/icons/ChevronUp.jsx b/components/icons/ChevronUp.jsx
index f38bb08d..7710edcc 100644
--- a/components/icons/ChevronUp.jsx
+++ b/components/icons/ChevronUp.jsx
@@ -4,7 +4,7 @@ export default function ChevronUp({ ...props }) {
       <svg
         alt="up"
         xmlns="http://www.w3.org/2000/svg"
-        className="w-6 h-6"
+        className="h-6 w-6"
         fill="none"
         viewBox="0 0 24 24"
         stroke="currentColor"
diff --git a/components/icons/Clock.jsx b/components/icons/Clock.jsx
index 39263ba8..38d24998 100644
--- a/components/icons/Clock.jsx
+++ b/components/icons/Clock.jsx
@@ -5,7 +5,7 @@ export default function Clock({ ...props }) {
         <svg
           alt="clock"
           xmlns="http://www.w3.org/2000/svg"
-          className="w-6 h-6"
+          className="h-6 w-6"
           fill="none"
           viewBox="0 0 24 24"
           stroke="currentColor"
diff --git a/components/icons/Close.jsx b/components/icons/Close.jsx
index 8c497960..05b9174a 100644
--- a/components/icons/Close.jsx
+++ b/components/icons/Close.jsx
@@ -4,7 +4,7 @@ const Close = ({ ...props }) => {
       <svg
         alt="close"
         xmlns="http://www.w3.org/2000/svg"
-        className="w-6 h-6"
+        className="h-6 w-6"
         fill="none"
         viewBox="0 0 24 24"
         stroke="currentColor"
diff --git a/components/icons/Fork.jsx b/components/icons/Fork.jsx
index b6d40e3d..40e68b87 100644
--- a/components/icons/Fork.jsx
+++ b/components/icons/Fork.jsx
@@ -5,7 +5,7 @@ export default function Fork({ ...props }) {
         <svg
           alt="fork"
           xmlns="http://www.w3.org/2000/svg"
-          className="w-6 h-6"
+          className="h-6 w-6"
           fill="none"
           viewBox="0 0 16 16"
           stroke="currentColor"
diff --git a/components/icons/Github.jsx b/components/icons/Github.jsx
index 2c2e32a7..2882ca5f 100644
--- a/components/icons/Github.jsx
+++ b/components/icons/Github.jsx
@@ -6,7 +6,7 @@ export default function Github({ ...props }) {
         fill="#fff"
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 24 24"
-        className="w-6 h-6"
+        className="h-6 w-6"
         {...props}
       >
         <title>GitHub</title>
diff --git a/components/icons/Instagram.jsx b/components/icons/Instagram.jsx
index 090ee847..1aedf095 100644
--- a/components/icons/Instagram.jsx
+++ b/components/icons/Instagram.jsx
@@ -6,7 +6,7 @@ export default function Instagram({ ...props }) {
         fill="#fff"
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 24 24"
-        className="w-6 h-6"
+        className="h-6 w-6"
         {...props}
       >
         <title>Instagram</title>
diff --git a/components/icons/LinkedIn.jsx b/components/icons/LinkedIn.jsx
index 492f365f..f33402b0 100644
--- a/components/icons/LinkedIn.jsx
+++ b/components/icons/LinkedIn.jsx
@@ -6,7 +6,7 @@ export default function LinkedIn({ ...props }) {
         fill="#fff"
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 30 30"
-        className="w-6 h-6"
+        className="h-6 w-6"
         {...props}
       >
         <title>LinkedIn</title>
diff --git a/components/icons/MN.jsx b/components/icons/MN.jsx
index 3cbdaaa5..4e2f9509 100644
--- a/components/icons/MN.jsx
+++ b/components/icons/MN.jsx
@@ -1,7 +1,7 @@
 export default function MN({ ...props }) {
   return (
     <>
-      <svg alt="mn" className="w-6 h-6" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <svg alt="mn" className="h-6 w-6" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
         <title>MN</title>
         <path d="M0 0H48V48H0V0Z" fill="black" />
         <path
diff --git a/components/icons/Menu.jsx b/components/icons/Menu.jsx
index 908125b5..72cbc907 100644
--- a/components/icons/Menu.jsx
+++ b/components/icons/Menu.jsx
@@ -4,7 +4,7 @@ export const Menu = ({ ...props }) => {
       <svg
         alt="menu"
         xmlns="http://www.w3.org/2000/svg"
-        className="w-6 h-6"
+        className="h-6 w-6"
         fill="none"
         viewBox="0 0 24 24"
         stroke="currentColor"
diff --git a/components/icons/Star.jsx b/components/icons/Star.jsx
index 8b55cfa2..66591e44 100644
--- a/components/icons/Star.jsx
+++ b/components/icons/Star.jsx
@@ -5,7 +5,7 @@ export default function Star({ ...props }) {
         <svg
           alt="star"
           xmlns="http://www.w3.org/2000/svg"
-          className="w-6 h-6"
+          className="h-6 w-6"
           fill="none"
           viewBox="0 0 16 16"
           stroke="currentColor"
diff --git a/components/icons/Tag.jsx b/components/icons/Tag.jsx
index c5d5a9b9..c40014b3 100644
--- a/components/icons/Tag.jsx
+++ b/components/icons/Tag.jsx
@@ -5,7 +5,7 @@ export default function Tag({ ...props }) {
         <svg
           alt="tag"
           xmlns="http://www.w3.org/2000/svg"
-          className="w-6 h-6"
+          className="h-6 w-6"
           fill="none"
           viewBox="0 0 24 24"
           stroke="currentColor"
diff --git a/components/icons/User.jsx b/components/icons/User.jsx
index 0abc1ef9..cad28b96 100644
--- a/components/icons/User.jsx
+++ b/components/icons/User.jsx
@@ -4,7 +4,7 @@ export default function User({ ...props }) {
       <span role="img" aria-label="user">
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          className="w-6 h-6"
+          className="h-6 w-6"
           fill="none"
           viewBox="0 0 24 24"
           stroke="currentColor"
diff --git a/components/layouts/main/main.jsx b/components/layouts/main/main.jsx
index b68d0ad1..8d31c475 100644
--- a/components/layouts/main/main.jsx
+++ b/components/layouts/main/main.jsx
@@ -11,9 +11,9 @@ export default function MainLayout({ children }) {
       <Footer />
 
       {/* TODO: refactor this */}
-      <div className="fixed bottom-0 right-0 z-50 mb-4 mr-4">
-        <a href="#top" className="text-white hover:scale-200 transform transition-all duration-300">
-          <ChevronUp className="w-8 h-8" />
+      <div className="fixed right-0 bottom-0 z-50 mr-4 mb-4">
+        <a href="#top" className="transform text-white transition-all duration-300 hover:scale-200">
+          <ChevronUp className="h-8 w-8" />
         </a>
       </div>
 
diff --git a/components/spotify/player/player.jsx b/components/spotify/player/player.jsx
index f2efac44..c1c82c57 100644
--- a/components/spotify/player/player.jsx
+++ b/components/spotify/player/player.jsx
@@ -36,12 +36,12 @@ const Player = () => {
             href={url}
           >
             {listening?.isPlaying ? (
-              <div className="w-auto h-auto">
+              <div className="h-auto w-auto">
                 {/* eslint-disable-next-line @next/next/no-img-element */}
                 <img width="40" height="40" src={listening?.thumbnail} alt={listening?.album} />
               </div>
             ) : (
-              <Spotify className="w-10 h-10" color={'#1ED760'} />
+              <Spotify className="h-10 w-10" color={'#1ED760'} />
             )}
           </Link>
 
@@ -60,7 +60,7 @@ const Player = () => {
                   rel="noopener noreferer noreferrer"
                   title="Mateo Nunez on Spotify"
                 >
-                  <ChevronUp className="w-4 h-4 rotate-90" />
+                  <ChevronUp className="h-4 w-4 rotate-90" />
                 </Link>
               </div>
             </div>
diff --git a/components/spotify/recently-played/recently-played.jsx b/components/spotify/recently-played/recently-played.jsx
index 449f4555..ede15730 100644
--- a/components/spotify/recently-played/recently-played.jsx
+++ b/components/spotify/recently-played/recently-played.jsx
@@ -68,7 +68,7 @@ export default function RecentlyPlayed({ items }) {
               left: '10px',
             }}
           >
-            <ChevronUp className="w-6 h-6 font-black transition duration-500 transform -rotate-90" />
+            <ChevronUp className="-rotate-90 h-6 w-6 transform font-black transition duration-500" />
           </button>
 
           {/* <div
@@ -96,7 +96,7 @@ export default function RecentlyPlayed({ items }) {
               right: '10px',
             }}
           >
-            <ChevronUp className="w-6 h-6 transition duration-500 transform rotate-90 hover:scale-110" />
+            <ChevronUp className="h-6 w-6 rotate-90 transform transition duration-500 hover:scale-110" />
           </button>
         </div>
       )}
diff --git a/components/terminal/terminal.jsx b/components/terminal/terminal.jsx
index 2098ed6c..4132c9c7 100644
--- a/components/terminal/terminal.jsx
+++ b/components/terminal/terminal.jsx
@@ -102,7 +102,7 @@ const Terminal = () => {
 
   return (
     <div className={s.root}>
-      <div className={`${s.inner}${lineCount >= 8 ? ` ${s.amber}` : ''}`}>
+      <div className={`${s.inner}${lineCount >= 8 ? `${s.amber}` : ''}`}>
         <div className={s.header}>
           <span className={s.icon} />
           <span className={s.icon} />
diff --git a/lib/articles/parser.js b/lib/articles/parser.js
index 301d4b66..d4acb25a 100644
--- a/lib/articles/parser.js
+++ b/lib/articles/parser.js
@@ -1,5 +1,5 @@
-import { promises } from 'fs';
-import path from 'path';
+import { promises } from 'node:fs';
+import path from 'node:path';
 
 import matter from 'gray-matter';
 import removeMarkdown from 'remove-markdown';
@@ -90,7 +90,7 @@ const serializeOptions = {
     remarkPlugins,
     rehypePlugins,
   },
-}
+};
 
 async function compileSource({ content }) {
   const { compiledSource } = await serialize(content, serializeOptions);
diff --git a/lib/config/metadata.js b/lib/config/metadata.js
index 667da463..cbd0b2e8 100644
--- a/lib/config/metadata.js
+++ b/lib/config/metadata.js
@@ -17,7 +17,19 @@ const metadata = {
     default: defaultTitle,
   },
   description: defaultDescription,
-  keywords: ['mateo nunez', 'mateonunez', 'software engineer', 'open source', 'javascript', 'nodejs', 'react', 'nextjs', 'typescript', 'colombia', 'italy'],
+  keywords: [
+    'mateo nunez',
+    'mateonunez',
+    'software engineer',
+    'open source',
+    'javascript',
+    'nodejs',
+    'react',
+    'nextjs',
+    'typescript',
+    'colombia',
+    'italy',
+  ],
   author,
   authors: [author],
   colorSchema: 'dark',
diff --git a/lib/hooks/useAnimation.js b/lib/hooks/useAnimation.js
index 727d0daf..9855f251 100644
--- a/lib/hooks/useAnimation.js
+++ b/lib/hooks/useAnimation.js
@@ -4,9 +4,8 @@ import { useEffect } from 'react';
 
 export const useTimeline = (options) => gsap.timeline(options);
 
-// biome-ignore lint/nursery/noEmptyBlockStatements: <explanation>
 export const useAnimation = (ref, animation = () => {}, timelines = []) => {
-  const timeline = !timelines.length ? gsap.timeline() : timelines[0];
+  const timeline = timelines.length === 0 ? gsap.timeline() : timelines[0];
 
   const { current } = ref;
   const { from, to } = animation();
diff --git a/public/site.webmanifest b/public/site.webmanifest
index dcb392c0..7eb1da0c 100644
--- a/public/site.webmanifest
+++ b/public/site.webmanifest
@@ -1,36 +1,36 @@
 {
-    "theme_color": "#F59E0B",
-    "background_color": "#000",
-    "display": "standalone",
-    "scope": ".",
-    "start_url": "/",
-    "name": "Mateo Nunez | ",
-    "short_name": "Mateo Nunez",
-    "description": "Mateo Nunez | Senior Developer",
-    "icons": [
-        {
-            "src": "/icon-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png",
-            "purpose": "any maskable"
-        },
-        {
-            "src": "/icon-256x256.png",
-            "sizes": "256x256",
-            "type": "image/png",
-            "purpose": "any maskable"
-        },
-        {
-            "src": "/icon-384x384.png",
-            "sizes": "384x384",
-            "type": "image/png",
-            "purpose": "any maskable"
-        },
-        {
-            "src": "/icon-512x512.png",
-            "sizes": "512x512",
-            "type": "image/png",
-            "purpose": "any maskable"
-        }
-    ]
+  "theme_color": "#F59E0B",
+  "background_color": "#000",
+  "display": "standalone",
+  "scope": ".",
+  "start_url": "/",
+  "name": "Mateo Nunez | ",
+  "short_name": "Mateo Nunez",
+  "description": "Mateo Nunez | Senior Developer",
+  "icons": [
+    {
+      "src": "/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/icon-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ]
 }