Review and update code base to utilize function component and hooks

[zhna123]

Consider using function components and hooks when needed to increase code readability and reduce code verbose.
This can be worked on after upgrading react.