Create Workout - Githubissues

Value proposition

As a user I want to create and store new workouts, so that I can have a personalised workout plan that suits my fitness goals.

[x] A form for adding workouts is displayed at the top of the workouts list page.
[x] The form is headlined with its purpose.
[x] The form comprises labeled fields for: Workout name, Exercise name (dynamic form fields), Exercise sets (dynamic form fields), Exercise reps (dynamic form fields)
[x] The following fields are mandatory: Workout name, Exercise name (at least one exercise must be added), Exercise sets (minimum 1), Exercise reps (minimum 1)
[x] The exercise is selected from the existing exercises list via a dropdown menu.
[x] The exercise dropdown must include a default option, "Please select an exercise", and necessitates a selection.
[x] Form submission with any empty mandatory fields is blocked, and clear validation messages indicate the fields that need completion.
[x] Upon form submission, the new workout is added to the top of the workouts list.

[x] Create feature branch feature/create-workout
[x] -----
[x] Install use-local-storage-state
[x] In pages/workouts/index.js import useLocalStorageState from "use-local-storage-state" and create a local storage state for "workouts"
[x] Create a WorkoutForm component to render a form
[x] The WorkoutForm is rendered in the WorkoutsList component
[x] Form props: onAddWorkout
[x] In pages/workouts/index.js, write a function handleAddWorkout which accepts a new workout object as parameter and adds this object to the workouts state
[x] Please add a unique id to every new activity object, use uid to do so