[Task] - *Refactor class components to functional components*

[marcel-haag]

Right now a lot of components are class components which makes it impossible to use the wide variety of react-hooks that would be available if these components were functional.

Helpful resources:

• https://leandroercoli.medium.com/react-refactoring-from-class-to-function-components-and-hooks-74f176ea77d6
• https://medium.com/@benjaminmorali4/refactoring-react-class-components-to-typescript-functional-components-with-hooks-a4f42b2bd7b5