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 refactor: replace Col component freeCodeCamp#51322
• using shadow-box instead of border for Panel component Removal of the Panel component of our codebase 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.

[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.