style: reorder class names for consistency in Header and MobileNav components

Author: danieldanielecki

components/Header.tsx

@@ -59,7 +59,7 @@ const Header = () => {
               <Link
                 key={link.title}
                 href={link.href}
-                className="hover:text-primary-500 dark:hover:text-primary-400 m-1 font-medium text-gray-900 dark:text-gray-100 flex items-center gap-1"
+                className="flex items-center gap-1 m-1 font-medium text-gray-900 dark:text-gray-100 hover:text-primary-500 dark:hover:text-primary-400"
               >
                 {link.title}
                 {link.external && (

components/Link.tsx

@@ -3,7 +3,11 @@ import Link from 'next/link'
 import type { LinkProps } from 'next/link'
 import { AnchorHTMLAttributes } from 'react'
 
-const CustomLink = ({ href, external, ...rest }: LinkProps & AnchorHTMLAttributes<HTMLAnchorElement> & { external?: boolean }) => {
+const CustomLink = ({
+  href,
+  external,
+  ...rest
+}: LinkProps & AnchorHTMLAttributes<HTMLAnchorElement> & { external?: boolean }) => {
   const isInternalLink = href && href.startsWith('/')
   const isAnchorLink = href && href.startsWith('#')
   const isExternalLink = external || (href && (href.startsWith('http://') || href.startsWith('https://')))

components/MobileNav.tsx

@@ -77,7 +77,7 @@ const MobileNav = () => {
                   <Link
                     key={link.title}
                     href={link.href}
-                    className="hover:text-primary-500 dark:hover:text-primary-400 mb-4 py-2 pr-4 text-2xl font-bold tracking-widest text-gray-900 outline outline-0 dark:text-gray-100 flex items-center gap-2"
+                    className="flex items-center gap-2 mb-4 py-2 pr-4 text-2xl font-bold tracking-widest text-gray-900 outline outline-0 dark:text-gray-100 hover:text-primary-500 dark:hover:text-primary-400"
                     onClick={onToggleNav}
                   >
                     {link.title}