Migrated NeoIcon to tailwindcss

[shashkovdanil]

Thank you for your contribution to the KodaDot - One Stop Shop for Polkadot NFTs.

👇 __ Let's make a quick check before the contribution.

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Migration NeoIcon to tailwindcss #8349
• Requires deployment <snek/rubick/worker>

Before submitting pull request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality

Optional

• I've tested it at </ksm/collection>
• I've tested PR on mobile
• I've written unit tests 🧪
• I've found edge cases

Did your issue had any of the "$" label on it?

• Fill up your DOT address: Payout

Community participation

• Are you at KodaDot Ecosystem Telegram?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.

Copilot Summary

🤖[deprecated] Generated by Copilot at 3245680

Refactored NeoIcon component with Tailwind CSS and added animation utility for spinning icons. This enhances the UI library with more consistent and reusable styles.

🤖[deprecated] Generated by Copilot at 3245680

We spin the icons of doom
With Tailwind we control their speed
We cast away the dark theme
And refactor with CSS creed

[kodabot]

WARNING @shashkovdanil PR for issue #8349 which isn't assigned to you. Please be warned that this PR may get rejected if there's another assignee for issue #8349

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	ece5fb9
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/657023e1d94d390008cf8bb6
😎 Deploy Preview	https://deploy-preview-8351--koda-canary.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[reviewpad]

AI-Generated Summary: This pull request carries out the migration of the NeoIcon component from previous SCSS styling to the tailwindcss framework. This is reflected in changes in two files: NeoIcon.scss and tailwind.config.js. In NeoIcon.scss, theme imports are removed, replaced by the application of relevant tailwindcss classes. The old Stylus-based style definitions (color and animation definitions) are replaced by equivalent tailwindcss utility classes. On the other hand, in tailwind.config.js, a new animation utility is added that replicates the spin animation previously defined in pure CSS. Overall, this supports the project's transition towards a more unified, tailwind-driven styling approach.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[codeclimate]

Code Climate has analyzed commit ece5fb9 and detected 0 issues on this pull request.

View more on Code Climate.