fix: use Shadow DOM to avoid CSS conflicts

[motea927]

🔗 Linked issue

#12

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

To avoid global Tailwind CSS preflight and class name conflicts, this PR isolates the plugin's styles by utilizing Shadow DOM, ensuring that plugin styles do not interfere with the project's global styles.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly (for new feature).