Food Entry Form

[johnmck95]

This PR makes a food entry form that is fully integrated with the backend, with error checking (client side).

High level design

• New types.ts file has been made after chatting with @abraham-rostampoor , it is used extensively in this PR
• Made a new EnterFoodForm component that renders the UI
• The restaurants dropdown fetches all restaurants that the new food item will be linked to
• The menus are fetched once you have chosen the specific restaurant
• New useRestaurant and useMenus hooks created to fetch data and showing loading state
• Ugly modal to confirm when the DB write is successful (good styling on this was weirdly hard and i threw in the towel)
• global.ts styles have been extended to cover more scenarios
• New custom FormDropdown and FormSwitch components made specifically for this form.
• New db.ts file to place DB specific functions. I made a new generateUid() method, which will come in handy in the future. It guarantees uniqueness

Demo

Please see slack here, file too large for github.

Future Work / Problems

• The dropdown carrot icon is black on android, couldn't figure out how to fix this quickly
• Make a rerender happen after form submission fails (the red warning text above the submit button is the response to form validation right before sending to DB. Not apart of the normal form control atm, but this can be fixed)

Testing

• Basics have been covered on web and android, can't do ios on my devices