fix: remove shadow class from examples to prevent ad blocker false positives

[yazid120]

Description

Fixes #6201

The Tailwind CSS class shadow contains the substring ad which was causing Edge's built-in ad blocker to incorrectly flag table examples as advertisements. This was preventing users from viewing the samples in Microsoft Edge browser.

Solution

Removed the shadow class from all example files across all frameworks (React, Vue, Angular, Solid, Svelte, Qwik, Lit, and Vanilla). The shadow class was purely decorative and not essential for functionality. The borders remain for visual consistency.

Changes

• Removed shadow Tailwind CSS class from 33 example files
• Affected frameworks: React, Vue, Angular, Solid, Svelte, Qwik, and component templates
• No functional changes to the table behavior

Testing

All examples should now display without being blocked by Edge's ad blocker, while maintaining their visual appearance through border styling.

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 1f11defa-3391-48fa-9981-dbee4191a1b9

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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.}

[yazid120]

Fixes #6449