Time Tracking app using React, Styled-Components, Mobile-First

Hi everyone,

Would appreciate any general feedback, but a few specific questions I have:

1. After fetching the data, I filter the data it based on the timeframe that has been selected by mapping over the array and creating a new object, and then adding the relevant timeframe. Is there a better way I could be doing this?

2. I know that this app could be optimized (maybe using useMemo / useCallback), for e.g. fetching the data which only needs to be done once rather than every time a component is updated. Could anyone help me figure out how this should be done, and where else it could be done?

Any other improvements and suggestions would also be appreciated.

Thanks!