Create volunteer shifts page component

[7tint]

Ticket link

Closes #128

Implementation description

• Create a page in frontend\src\components\pages\volunteer\shifts called VolunteerShiftsPage.tsx with the route /volunteer/shifts.

Steps to test

1. Go to http://localhost:3000/volunteer/shifts and verify that the volunteer shifts page loads properly.

What should reviewers focus on?

• No silly mistakes 😄

Checklist

• My PR name is descriptive and in imperative tense
• My commit messages are descriptive and in imperative tense. My commits are atomic and trivial commits are squashed or fixup'd into non-trivial commits
• I have run the appropriate linter(s)
• I have requested a review from the PL, as well as other devs who have background knowledge on this PR or who will be building on top of this PR

[github-actions]

Visit the preview URL for this PR (updated for commit 702054f):

https://sistering-dev--pr151-lambert-create-volun-098qg127.web.app

_{(expires Fri, 25 Feb 2022 01:42:13 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

[LenaNguyen]