Add birth dates, improve UX for admin page + API

[ProchaLu]

Follow up PR to

• 5

Dates handling has been added to the animals-admin page, allowing for the creation, updating, and deletion of animals. These changes must be done in the Next.js API lecture, where we create the API routes and the animals-admin page. To simplify date handling in input fields, we introduce the dayjs library.

value={dayjs(birthDateInput).format('YYYY-MM-DD')}

With these updates, we also have been updating the UI/UX of the animals-admin page. The page now has a table with all the information on the left side and a form for adding new animals on the right side. Without selecting any animal, you can add new animals to the list.

For editing or deleting an animal, you can click on the specific row and select the animal you want to edit or delete. The selected animal remains highlighted, and the animal information is in the form and you can update or delete the animal by clicking Save changes or Delete. After clicking on any button, the selected row gets deselected, and the form changes to Add Animal.

Also added a media query for a responsive design for the Animal Dashboard page

Additionally, the animal-management-naive-dont-copy pages have been updated to use date parameters:

• Creating a new animal:

  http://localhost:3000/animal-management-naive-dont-copy/create?id=6&firstName=Lilo&type=cat&birthDate=01-01-2020

• Updating an existing animal:

  http://localhost:3000/animal-management-naive-dont-copy/update/5?firstName=Peter&type=cat&birthDate=01-01-2020

[karlhorky]

@ProchaLu you'll need to resolve this error before continuing with your PR here:

• https://github.com/upleveled/next-js-example-fall-2023-atvie/issues/15