Fix warnings

alexaka1 · alexaka1 · commit b39c38620096 · 2025-08-16T11:11:13.000+02:00
diff --git a/src/app/components/footer.tsx b/src/app/components/footer.tsx
@@ -1,5 +1,6 @@
 import GitHub from '@/app/components/icons/github';
 import X from '@/app/components/icons/x';
+import Link from 'next/link';
 // import NavLink from '@/app/components/NavLink';
 //
 // const navLinks: Record<string, string>[] = [
@@ -55,14 +56,14 @@ export default function Footer() {
             {socialLinks.map((link) => {
               const Icon = link.icon;
               return (
-                <a
+                <Link
                   key={link.label}
                   href={link.href}
                   className="transition-colors hover:fill-main"
                   aria-label={link.label}
                 >
                   <Icon className={`size-4 dark:fill-white`} />
-                </a>
+                </Link>
               );
             })}
           </div>
diff --git a/src/app/global-error.tsx b/src/app/global-error.tsx
@@ -14,7 +14,7 @@ export default function GlobalError({
   }, [error]);
 
   return (
-    <html>
+    <html lang="en">
       <body>
         {/* `NextError` is the default Next.js error page component. Its type
         definition requires a `statusCode` prop. However, since the App Router
diff --git a/src/components/ui/pagination.tsx b/src/components/ui/pagination.tsx
@@ -11,7 +11,6 @@ function Pagination({ className, ...props }: React.ComponentProps<'nav'>) {
   return (
     <nav
       data-slot="pagination"
-      role="navigation"
       aria-label="pagination"
       className={cn('mx-auto flex w-full justify-center', className)}
       {...props}
diff --git a/src/instrumentation-client.ts b/src/instrumentation-client.ts
@@ -2,14 +2,18 @@
 // The added config here will be used whenever a users loads a page in their browser.
 // https://docs.sentry.io/platforms/javascript/guides/nextjs/
 
-import * as Sentry from '@sentry/nextjs';
+import {
+  captureRouterTransitionStart,
+  init,
+  replayIntegration,
+} from '@sentry/nextjs';
 import { env } from '@/lib/env';
 
-Sentry.init({
+init({
   dsn: env.NEXT_PUBLIC_SENTRY_DSN,
 
   // Add optional integrations for additional features
-  integrations: [Sentry.replayIntegration()],
+  integrations: [replayIntegration()],
 
   // Define how likely traces are sampled. Adjust this value in production, or use tracesSampler for greater control.
   tracesSampleRate: 0.1,
@@ -27,4 +31,4 @@ Sentry.init({
 });
 
 // noinspection JSUnusedGlobalSymbols
-export const onRouterTransitionStart = Sentry.captureRouterTransitionStart;
+export const onRouterTransitionStart = captureRouterTransitionStart;
diff --git a/src/mdx-components.tsx b/src/mdx-components.tsx
@@ -24,9 +24,9 @@ function HeadingLink({
         className={`invisible absolute top-1/2 -left-4 size-6 -translate-1/2 group-hover/title:visible`}
         aria-hidden={true}
       />
-      <a href={`#${slug}`} key={`link-${slug}`}>
+      <Link href={`#${slug}`} key={`link-${slug}`}>
         {children}
-      </a>
+      </Link>
     </>
   );
 }
@@ -180,15 +180,17 @@ function CustomLink(props: AnchorHTMLAttributes<HTMLAnchorElement>) {
 
   if (href.startsWith('#')) {
     return (
-      <a
+      <Link
+        href={href}
         className={`font-mono text-main underline transition-colors hover:text-main/80`}
         {...props}
       />
     );
   }
 
   return (
-    <a
+    <Link
+      href={href}
       className={`font-mono text-main underline transition-colors hover:text-main/80`}
       target="_blank"
       rel="noopener noreferrer"
