add some optiomizations with react-hooks and es6 Map

[awwit]

I made some component optimizations using react hooks like useMemo and useCallback.

I also wrapped some components in memo so they only render when their props are updated.

Since the project already uses es6 Set, we can use es6 Map. I added Map usage in a couple of places where it is appropriate.