feat: add Breadcrumb Navigation Component (#1183)

[Pcmhacker-piro]

Closes #1183

Pull Request Description

Adds a breadcrumb navigation component in submissions/examples/breadcrumb/ with 4 separator styles (slash/arrow/bullet/chevron), hover transitions, active page styling, and responsive truncation on mobile.

---

Type of Change

• 🧩 New component

---

Submission Checklist

• All changes are inside submissions/examples/breadcrumb/
• Includes demo.html — self-contained, opens in browser with no server
• Includes style.css — raw CSS for the proposed feature
• Includes README.md — what it does, how to use it, why it fits EaseMotion CSS
• No changes to core/
• No changes to components/
• One feature per PR (no bundled unrelated changes)

---

Feature Description

What does this add?

An accessible breadcrumb trail using <ol> with aria-label="breadcrumb", 4 separator styles, hover transitions on links, and mobile truncation to the last 2 items with an ellipsis.

How does a developer use it?

<nav aria-label="breadcrumb">
  <ol class="ease-breadcrumb">
    <li><a href="#">Home</a></li>
    <li><a href="#">Documentation</a></li>
    <li><a href="#">Components</a></li>
    <li aria-current="page">Breadcrumb</li>
  </ol>
</nav>
Switch separators with modifier classes: ease-breadcrumb-arrow, ease-breadcrumb-bullet, ease-breadcrumb-chevron.
Why does it fit EaseMotion CSS?
Pure CSS component with smooth hover color/background transitions, pseudo-element separators, aria-current="page" active styling, and responsive … truncation at 640px. Respects prefers-reduced-motion.
Demo
- Demo added (demo.html works by opening directly in a browser)
Browser Testing
- Chrome
- Firefox
- Edge
- Safari (optional but appreciated)
Notes for Maintainer
No JavaScript required. All 4 separator variants are demonstrated in demo.html. On mobile (<640px), the first 2 items are hidden and replaced with … before the last 2 items.

Closes #1183

[github-actions]

✅ Submission Validation Passed!

Great job! All required files are present.

📁 Folder: submissions/examples/breadcrumb

Files found:

• ✅ demo.html
• ✅ style.css
• ✅ README.md

🚀 Next Steps:

• The maintainer will review your PR
• Respond to any feedback if requested
• Once approved, your contribution will be merged!

Thank you for contributing to EaseMotion CSS! 🎉

[Pcmhacker-piro]

heyy @SAPTARSHI-coder
i fixed the assign issue so pls check this