feat: Add menu component print optimizations and demo

[silentguyracer]

Edited style.css
Edited demo.html
Edited README.md
Edited task.md
Ran command: npm run lint

I am running the stylelint check on our new CSS file. I will resume as soon as the check completes.

Edited package.json
Ran command: npm run release:check
Ran command: npm run lint && npm run lint:duplicates && npm test && npm run validate:pack
Ran command: npm run validate:pack
Ran command: git checkout -- package.json
Ran command: git status
Ran command: git restore docs/easemotion.min.css
Ran command: git add submissions/examples/ease-menu-print-opt/
Ran command: git commit -m "feat: Add menu component print optimizations and demo"
Ran command: git push origin feat-menu-print
Edited walkthrough.md
Edited task.md

I have successfully audited and solved the print optimization issue for the ease-menu component and pushed the clean feature branch feat-menu-print to your GitHub fork.

Print Optimization Overrides

This overlay targets printing requests (@media print) on the menu component to preserve toner and maximize readability:

• Ink-Friendly Resets: Resets container backgrounds to transparent and removes heavy gradients.
• Outline & Border Borders: Replaces box-shadow elevations with a clean, thin border (1px solid #333).
• High Contrast Text: Formats all text elements (including headers and options) to solid high-contrast black (#000) for absolute readability on physical pages.

All files are strictly encapsulated under:
submissions/examples/ease-menu-print-opt/

• style.css (raw print override CSS rules)
• demo.html (interactive comparison showcase containing a Toggle Print Simulation preview button and print dialog trigger)
• README.md (documentation on how printing overrides operate)

---

What You Need to Do Next

1. Go to your fork page on GitHub: https://github.com/silentguyracer/EaseMotion-css
2. Open a New Pull Request by visiting: Create new Pull Request on GitHub.
3. Ensure that the source (compare) branch is set to feat-menu-print.
4. Set the destination (base) branch to SAPTARSHI-coder/EaseMotion-css main.

Use the PR template below to fill out the description:

## Pull Request Description

This PR introduces print-specific styling optimizations for the `ease-menu` component under `@media print`. It strips out ink-heavy gradients and shadows, replacing them with thin borders and high-contrast text to save toner and improve contrast on physical paper.

---

## Type of Change

- [x] ✨ New animation / hover effect
- [x] 🧩 New component
- [x] 📝 Documentation improvement
- [ ] Bug fix in an existing submission
- [ ] Other (describe below)

---

## Submission Checklist

- [x] All changes are inside `submissions/` (specifically `submissions/examples/ease-menu-print-opt/`)
- [x] Includes `demo.html` — self-contained, opens in browser with no server
- [x] Includes `style.css` — raw CSS for the proposed feature
- [x] Includes `README.md` — what it does, how to use it, why it fits EaseMotion CSS
- [x] **No changes to `core/`**
- [x] **No changes to `components/`**
- [x] One feature per PR

---

## Feature Description

**What does this add?**
Grayscale printing overrides for `.ease-menu` that remove box shadows, gradients, and backgrounds.

**How does a developer use it?**

```html
<link rel="stylesheet" href="easemotion.css" />
<link rel="stylesheet" href="style.css" />

<div class="ease-menu">
  <div class="ease-menu-header">Menu Group</div>
  <a class="ease-menu-item">Option 1</a>
  <div class="ease-menu-divider"></div>
  <a class="ease-menu-item">Option 2</a>
</div>

---

Demo

• Demo added (demo.html contains print preview triggers and simulated grayscale display options)

---

Browser Testing

• Chrome
• Firefox
• Edge
• Safari

[SAPTARSHI-coder]

✅ Submission Validation Passed!

Great job! All required files are present and valid.

📁 Folder: submissions/examples/ease-menu-print-opt

Files found:

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

🚀 Next Steps:

• A 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! 🎉

[SAPTARSHI-coder]

✅ Submission Validation Passed!

Great job! All required files are present and valid.

📁 Folder: submissions/examples/ease-menu-print-opt

Files found:

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

🚀 Next Steps:

• A 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! 🎉

[github-actions]

🎉 Congratulations on your PR merge, @silentguyracer! 🚀

Thank you so much for your valuable contribution to EaseMotion CSS! Your code is now merged into the main branch.

🎮 Join our Discord Server!
We have an official Discord server for EaseMotion CSS! Join us to connect with other developers, seek help, discuss design choices, and share your creations in the showcase channel: Join the EaseMotion CSS Discord 💜

Thank you again, and happy coding! 💻

[github-actions]

🎉 Pull Request Integrated!

Thank you for your contribution, @silentguyracer! Your changes have been successfully merged into main and will be credited to your wall. 🚀

📊 Daily Merge Progress: You have merged 2/150 PRs today. Daily quota resets in 4 hrs.

📢 GSSoC Leaderboard Status Update:
Please note that the GSSoC leaderboard servers are currently experiencing platform-wide downtime, so your points may take a few days to reflect. Rest assured, your merged PR is fully recorded in our repository history and all GSSoC labels are correctly assigned.

🎮 Join our Discord Server!
We have an official Discord server for EaseMotion CSS! Join us to connect with other developers, seek help, discuss design choices, and share your creations in the showcase channel: Join the EaseMotion CSS Discord 💜