use next link for internal navigation

Author: pettinarip

src/components/ui/breadcrumb.tsx

@@ -1,4 +1,5 @@
 import * as React from "react"
+import Link, { LinkProps } from "next/link"
 import { LuChevronRight, LuMoreHorizontal } from "react-icons/lu"
 import { Slot } from "@radix-ui/react-slot"
 
@@ -44,11 +45,12 @@ BreadcrumbItem.displayName = "BreadcrumbItem"
 
 const BreadcrumbLink = React.forwardRef<
   HTMLAnchorElement,
-  React.ComponentPropsWithoutRef<"a"> & {
-    asChild?: boolean
-  }
+  React.ComponentPropsWithoutRef<"a"> &
+    LinkProps & {
+      asChild?: boolean
+    }
 >(({ asChild, className, ...props }, ref) => {
-  const Comp = asChild ? Slot : "a"
+  const Comp = asChild ? Slot : Link
 
   return (
     <Comp