Rework the ui components

[Sboonny]

There are abstractions used in the current codebase, which are duplicated in the ui-components library, or old design desicions that can be easily altered for better styles:

• [ ] Button can be a link and a button at the same time.
• [ ] FormControl can be textarea and input at the same time.
• [ ] The needs to add specific properties to have presentable layout, more discussion can be found here freeCodeCamp/freeCodeCamp#51322
• [ ] using shadow-box instead of border for Panel component freeCodeCamp/freeCodeCamp#48790
• [ ] Change the color of the Button Component
• [ ] maybe delete image component for an eslint rule that can do what it currently do, or add styles that make the images stay consistent between browser sizing block w-full h-full

---

These topics should be discussed after the ui-components are imported and bootstrap is removed.

[ianujvarshney]

Dear ,

I'm Anuj Varshney, experienced in resolving such issues efficiently. Kindly assign it to me. I'll work diligently and keep you updated. Excited to contribute.

[subhro1530]

Hello I am Shaswata Saha , a full stack developer and am skilled with your problem and I am sure I can fix it. I will create the pull request so please merge it and assign me the issue for now. I am working on your issue... Thank you.

[rahulrana701]

hi @Sboonny would like to work on this

[stgeer]

Keen to contribute, and learn! Feel free to assign this to me.

[Sboonny]

Thank you @ianujvarshney, @stgeer, @subhro1530, and @rahulrana701 for you eagerness to help. but as mentioned in the issue, the implementation will be discussed after bootstrap is removed, I encourge you to look at help wanted issues.