[Style] Enhance 5 Band Resistance Calculator UI

[AnandK-pm]

What's the style idea?

I intend to fix the :

• Primitive UI styling - As the UI doesn't look appealing since it uses primitive HTML Styling.
• Need for scrolling and fitting the whole into the viewport - Currently the users will have to Scroll down in order to view the full features / options. I intend to remove this by fixing the alignment and thereby ensuring a user friendly experience

Checklist

• [X] I have checked the existing issues.
• [X] I follow Contributing Guidelines of this project.
• [X] I am a GSSOC'24 contributor.
• [ ] I am a IWOC'24 contributor.
• [ ] I am a JWOC'24 contributor.
• [ ] I am a SWOC'24 contributor.

Code of Conduct

• [X] I agree to follow this project's "Code of Conduct".

[github-actions[bot]]

Hey @AnandK-pm, Welcome to the project CalcDiverse! 🎊 Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

[jessicachawla]

@Rakesh9100 please have a look at this

[AnandK-pm]

@Rakesh9100 Any updates

[Rakesh9100]

UI is already looking cool, what enhancements do you want to do @AnandK-pm

[AnandK-pm]

As i stated in the second point of the issue : "Need for scrolling and fitting the whole into the viewport - Currently the users will have to Scroll down in order to view the full features / options". I intend to remove this by fixing the alignment and thereby ensuring a user friendly experience And also enhance the design of "calculate" button.

[Rakesh9100]

Okay proceed @AnandK-pm