[FRONTEND] Set up modular routes component

[choden-dev]

Is your feature request related to a problem? Please describe.
We should not have to always edit the App.tsx file every time we add a new route. Therefore we should create a separate module that we can have all of our routes in.

Describe the solution you'd like
This would be a good way to learn about react and ES6 javascript syntax

BEFORE MERGING

• Storybooks created where possible
• Tested with nock if data fetching
• Tests written for critical interactions
• PR Reviewed (For non-trivial changes)
• Changes tested after rebasing on master or merging in master (hint: git fetch origin master:master, then git rebase master or git merge master)
• All required PR checks passing