feat: migrate CI to pnpm and add Breadcrumb component

[ExcelDsigN-tech]

[FE] Add Breadcrumb Component and Migrate CI to pnpm (Closes #151 , Closes #156)

Overview

This PR introduces a reusable, accessible Breadcrumb navigation component for the frontend and updates our GitHub Actions CI workflow to standardize on pnpm. These changes improve both the user experience through better navigation and the developer experience through faster, more reliable CI builds.

Feature Summary

• Reusable Breadcrumb Component: A highly configurable navigation element supporting dynamic hierarchies, custom separators, and responsive design.
• CI Workflow Migration: Fully transitioned .github/workflows/ci.yml from npm to pnpm to leverage faster dependency installation and efficient caching.
• Accessibility (A11y): Breadcrumbs include aria-label="Breadcrumb" and aria-current="page" for screen reader compatibility.
• Responsive Navigation: Implemented mobile-first styling to ensure the breadcrumb trail remains usable on smaller viewports.

Technical Implementation

• Component Architecture: Created at frontend/src/components/common/Breadcrumb/, utilizing a clean separation between logic (Breadcrumb.tsx) and definitions (types.ts).
• CI Optimization:
  • Integrated pnpm/action-setup@v2 into the workflow.
  • Configured the actions/setup-node action to use cache: 'pnpm'.
  • Switched to pnpm install --frozen-lockfile to ensure deterministic builds in the cloud environment.
• Barrel Exports: Updated frontend/src/components/index.ts to include the Breadcrumb, maintaining our flat-import structure.

Test Coverage

• Unit Tests: Verified that the items array renders correctly and that the "current" page is non-clickable.
• Component Testing: Confirmed separator characters (e.g., / or >) display correctly between segments.
• Integration: Successfully ran pnpm run build and pnpm run lint in the updated CI environment.

Checklists

• Create Breadcrumb component and types at specified paths
• Implement responsive behavior and ARIA attributes
• Export component from the main components barrel file
• Update .github/workflows/ci.yml to use pnpm/action-setup@v2
• Update CI cache keys to reference pnpm-lock.yaml
• Replace all npm commands with pnpm in the CI pipeline
• Verify pnpm run lint, test, and build pass locally and in CI

---

[dinahmaccodes]

Checking CI

[dinahmaccodes]

LGTM!!! Solid work here actually