feat(ui): pointer cursor when hover over breadcrumbs (#608)

Author: Sumabhat11

view/components/layout/dashboard-layout.tsx

@@ -83,7 +83,10 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
                     {breadcrumbs.map((breadcrumb, idx) => (
                       <React.Fragment key={idx}>
                         <BreadcrumbItem className="hidden md:block">
-                          <BreadcrumbLink onClick={() => router.push(breadcrumb.href)}>
+                          <BreadcrumbLink
+                            onClick={() => router.push(breadcrumb.href)}
+                            className="cursor-pointer"
+                          >
                             {breadcrumb.label}
                           </BreadcrumbLink>
                         </BreadcrumbItem>

view/components/ui/breadcrumb.tsx

@@ -43,7 +43,7 @@ function BreadcrumbLink({
   return (
     <Comp
       data-slot="breadcrumb-link"
-      className={cn('hover:text-foreground transition-colors', className)}
+      className={cn('hover:text-foreground transition-colors cursor-pointer', className)}
       {...props}
     />
   );