feat: add Toast Notification Component (#1184)

[Pcmhacker-piro]

Closes #1184

Pull Request Description

Adds a toast notification component in submissions/examples/toast/ with a fixed-position stacking container, 4 color variants (success/danger/warning/info), slide-in entrance animation, fade-out exit animation, close button, and 4 position modifiers (top-right/top-left/bottom-right/bottom-left).

---

Type of Change

• 🧩 New component

---

Submission Checklist

• All changes are inside submissions/examples/toast/
• 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?

A fixed-position toast notification system with stacking container, 4 color variants (success/danger/warning/info), entrance/exit animations, close button, and 4 corner positioning options.

How does a developer use it?

<div class="ease-toast-container">
  <div class="ease-toast ease-toast--success" role="alert">
    <span class="ease-toast-icon">✓</span>
    <span class="ease-toast-msg">File uploaded successfully</span>
    <button class="ease-toast-close" aria-label="Dismiss">×</button>
  </div>
</div>
Position modifiers: ease-toast-container--top-left, --bottom-right, --bottom-left.
Why does it fit EaseMotion CSS?
Slide-in entrance (ease-kf-toast-in) and fade-out exit, 4 color variants with accent borders, animated icon backgrounds, stacking container with role="alert", and all 4 corner positions. 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
Inline JS handles dynamic toast creation, close button dismissal (adds .ease-toast--exit then removes after 300ms), and auto-dismiss after 4 seconds. The exit direction mirrors the entrance direction for left-positioned containers.

Closes #1184

[github-actions]

✅ Submission Validation Passed!

Great job! All required files are present.

📁 Folder: submissions/examples/toast

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 thsi