Add pointer cursor when hover over breadcrumbs

[Sumabhat11]

Description

This PR adds an improved mouse-over interaction for breadcrumb items. When hovering over a breadcrumb, it now provides a clearer visual indication

---

Scope of Change

Select all applicable areas impacted by this PR:

• View (UI/UX)
• API
• CLI
• Infra / Deployment
• Docs
• Other (specify): ________

---

Developer Checklist

To be completed by the developer who raised the PR.

• Add valid/relevant title for the PR
• Self-review done
• Manual dev testing done
• No secrets exposed
• No merge conflicts
• Docs added/updated (if applicable)
• Removed debug prints / secrets / sensitive data
• Unit / Integration tests passing
• Follows all standards defined in Nixopus Docs

---

Reviewer Checklist

To be completed by the reviewer before merge.

• Peer review done
• No console.logs / fmt.prints left
• No secrets exposed
• If any DB migrations, migration changes are verified
• Verified release changes are production-ready

Summary by CodeRabbit

Release Notes

• Style
  • Enhanced breadcrumb navigation with improved visual feedback by adding pointer cursor indication, making interactive elements more discoverable and improving overall user experience.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

Added cursor-pointer CSS class to BreadcrumbLink components in both the dashboard layout and breadcrumb UI modules to provide visual feedback that breadcrumb links are clickable.

Changes

Cohort / File(s)	Summary
Breadcrumb Styling Updates view/components/layout/dashboard-layout.tsx, view/components/ui/breadcrumb.tsx	Added cursor-pointer utility class to BreadcrumbLink components for improved visual interactivity feedback

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰 A cursor that points with a gentle embrace,
Breadcrumbs now shine with improved UI grace,
Pointer so clear on each clickable trail,
From layout to breadcrumbs, no detail's too pale,
Small touches that matter, the polish we share! ✨

Pre-merge checks and finishing touches

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	You can run @coderabbitai generate docstrings to improve docstring coverage.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: adding cursor-pointer styling to breadcrumbs on hover for improved UX, which matches the file-level summaries showing BreadcrumbLink and BreadcrumbLink components now include the cursor-pointer class.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 0

🧹 Nitpick comments (2)

view/components/layout/dashboard-layout.tsx (2)

86-91: Remove redundant cursor-pointer class.

The BreadcrumbLink component already applies cursor-pointer in its base implementation (see view/components/ui/breadcrumb.tsx line 46), making this explicit class redundant.

Apply this diff to remove the duplication:

 <BreadcrumbLink
   onClick={() => router.push(breadcrumb.href)}
-  className="cursor-pointer"
 >
   {breadcrumb.label}
 </BreadcrumbLink>

---

86-91: Consider adding href attribute for better accessibility.

The breadcrumb links use onClick for navigation but lack an href attribute. Adding href would improve accessibility (keyboard navigation, screen readers), enable right-click context menu options, and provide better SEO crawlability.

You could apply this diff if using native anchor behavior is acceptable:

 <BreadcrumbLink
+  href={breadcrumb.href}
   onClick={() => router.push(breadcrumb.href)}
 >
   {breadcrumb.label}
 </BreadcrumbLink>

Alternatively, consider using Next.js Link component with the asChild prop for better SPA integration:

import Link from 'next/link';

<BreadcrumbLink asChild>
  <Link href={breadcrumb.href}>
    {breadcrumb.label}
  </Link>
</BreadcrumbLink>

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 355d20a and cd42f77.

📒 Files selected for processing (2)

• view/components/layout/dashboard-layout.tsx (1 hunks)
• view/components/ui/breadcrumb.tsx (1 hunks)

🧰 Additional context used

🧬 Code graph analysis (2)

view/components/layout/dashboard-layout.tsx (1)

view/components/ui/breadcrumb.tsx (1)

• BreadcrumbLink (98-98)

view/components/ui/breadcrumb.tsx (1)

view/lib/utils.ts (1)

• cn (4-6)

🔇 Additional comments (1)

view/components/ui/breadcrumb.tsx (1)

46-46: LGTM! Good UX improvement.

Adding cursor-pointer provides consistent visual feedback across different use cases, especially when using the asChild prop with components that aren't native anchor tags.