Functional components

## Following are the reasons to switch to functional components

### Simplicity
They are easy to understand and implement, as they are just simple JavaScript functions.
Performance: Functional components are optimized for performance, as they are treated as pure functions without any internal state or lifecycle methods.

### Reusability:
They can be easily reused and composed with other components, making it easier to build complex UI.

### Easy testing:
Testing functional components is straightforward as they are just pure functions without any internal state or side effects.

### Better performance:
Re-rendering functional components is faster than class components, as they do not have to manage the internal state or lifecycle methods.

### Improved code clarity:
Functional components promote writing concise and readable code, making it easier to maintain and debug.

> I would like to work on converting the components to class components