Implement automatic screen refresh for active tab to improve user experience without excessive resource usage

[ccahsh]

Right now, users have to press the red circly arrow button to refresh their screen, and thus see the updated reports. But this may undermine UX, so we may need a solution for this w/o exhausting resources.

For example, the app can refresh itself once per minute ONLY when it is in the active tab. That way, it doesn't need to call Firebase when it's in the background tab.

Or snapshotlistener can be implemented instead as discussed in Discord.

[Mcrich23]

I think a snapshot listener should be implemented. But we need to keep the refresh (in case a user wants to manually refresh) that make a standard get request to firebase