move to react router

[beasteers]

Updated:

it uses react router to manage which recording or recipe you're looking at (e.g. /recordings/coffee-test-1).

The recording menu will automatically open to coffee-test-1, and the dropdown was replaced with a drawer that contains more information about the recordings

and any view of the recording will have a URL like this

(the recording view looks the same)

Recipe List page

The recipe list will automatically open to pinwheels.

Main changes:

• added react-router-dom as dependency
• added a couple rest API variants useGetRecipe, useGetAllRecordingInfo
• replaced tabs with buttons in the MUI app bar (I was having trouble getting tabs to work with react-router)
• added recording selection drawer
• use the URL to determine which recording/recipe to look at
• moved the login page to its own file and call it in the main router instead of in individual views