fix Link components with anchor

components/bookingTable.tsx

@@ -27,8 +27,8 @@ export default function BookingTable({
     {
       name: 'Email',
       value: (
-        <Link href={`mailto:${booking.email}`}>
-          <a className="link">{booking.email}</a>
+        <Link href={`mailto:${booking.email}`} className="link">
+          {booking.email}
         </Link>
       ),
     },
@@ -42,8 +42,8 @@ export default function BookingTable({
     >
       <div className="px-4 py-5 sm:px-6">
         <h3 className="text-lg leading-6 font-medium text-gray-900">
-          <Link href={`/admin/bookings/${booking.uuid}`}>
-            <a className="link">Booking {booking.uuid}</a>
+          <Link href={`/admin/bookings/${booking.uuid}`} className="link">
+            Booking {booking.uuid}
           </Link>
         </h3>
         <p className="mt-1 max-w-2xl text-sm text-gray-500">

components/footer.tsx

@@ -7,21 +7,19 @@ export default function Footer() {
     <footer>
       <div className="flex flex-col sm:flex-row max-w-7xl mx-auto px-4 sm:px-6 my-5">
         <div className="flex-grow">
-          <Link href="/">
-            <a className="underline">
+          <Link href="/" className="underline">
               <Logo className="h-12 w-auto sm:h-14" />
-            </a>
           </Link>
         </div>
         <ul className="flex flex-col gap-2 sm:flex-row sm:items-end ">
           <li>
-            <Link href="/privacy">
-              <a className="underline">Datenschutzerklärung</a>
+            <Link href="/privacy" className="underline">
+              Datenschutzerklärung
             </Link>
           </li>
           <li>
-            <Link href="/impressum">
-              <a className="underline">Impressum</a>
+            <Link href="/impressum" className="underline">
+              Impressum
             </Link>
           </li>
         </ul>

components/header.tsx

@@ -43,10 +43,8 @@ export default function Header() {
         <div className="max-w-7xl mx-auto px-4 sm:px-6">
           <div className="relative flex justify-between items-center border-b-2 border-gray-100 py-6 md:justify-start md:space-x-10">
             <div className="flex justify-start lg:w-0 flex-1">
-              <Link href="/">
-                <a className="text-lg tracking-tight font-extrabold text-blue-800 sm:text-xl md:text-2xl">
+              <Link href="/" className="text-lg tracking-tight font-extrabold text-blue-800 sm:text-xl md:text-2xl">
                   Pfadi-Bussle
-                </a>
               </Link>
             </div>
             <nav className="hidden space-x-10 sm:flex">

components/navigation.tsx

@@ -37,10 +37,8 @@ export default function Navigation() {
           <span className="font-extrabold">{pathLabel}</span>
         </h2>
         {status === 'authenticated' && data.user.email && (
-          <Link href="/admin">
-            <a className="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">
+          <Link href="/admin" className="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">
               Buchungen
-            </a>
           </Link>
         )}
         <div className="flex-grow" />