Navbar's links causes hydration issues.

[rne1223]

In case this error and warning appears:

"Error: Hydration failed because the initial UI does not match what was rendered on the server. Warning: Expected server HTML to contain a matching \

in \"

Cause:

 <Link href="/">
          <Image
          src="/logo.svg"
          width={115}
          height={43}
          alt='Flexible'
          />

          <ul className='xl:flex hidden text-small gap-7'>
            {NavLinks.map(link => (
                <Link href={link.href} key={link.key}>
                  {link.text}
                </Link>
            ))}
          </ul>
       </Link>

Solution: Move the to enclose the Image

 <Link href="/">
          <Image
          src="/logo.svg"
          width={115}
          height={43}
          alt='Flexible'
          />
 </Link>
          <ul className='xl:flex hidden text-small gap-7'>
            {NavLinks.map(link => (
                <Link href={link.href} key={link.key}>
                  {link.text}
                </Link>
            ))}
          </ul>