fix: migrate SidebarItem component styles from SCSS to Tailwind CSS

[ItsAbir005]

Summary

Solved Issue: #8047
Migrated component styling from SidebarItem.scss to Tailwind CSS

What kind of change does this PR introduce?
Move SCSS to Tailwind CSS for the Configuration component

Did you add tests for your changes?
No

Does this PR introduce a breaking change?
No

If relevant, what needs to be documented once your changes are merged or what have you already documented?
N/A

Use of AI
Gemini to increase productivity.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
webpack-js-org	Ready	Preview, Comment	Mar 22, 2026 3:56am

[rahul-kr-rai]

Please fix vertical BarIcon which are appearing on above the print section.

Note: The changes you made are currently causing Cypress tests to fail.

[ItsAbir005]

Please fix vertical BarIcon which are appearing on above the print section.

Note: The changes you made are currently causing Cypress tests to fail.

If you still see the bar above only in one viewport (desktop/mobile), tell me which viewport and I’ll fine-tune that breakpoint specifically.

[rahul-kr-rai]

Please fix vertical BarIcon which are appearing on above the print section.
Note: The changes you made are currently causing Cypress tests to fail.

If you still see the bar above only in one viewport (desktop/mobile), tell me which viewport and I’ll fine-tune that breakpoint specifically.

Please visit and see here: https://webpack-js-org-git-fork-itsabir005-sidebaritem-openjs.vercel.app/concepts/
Note: Please test locally before committing because your cypress test are failing.