Routing & Food Form Setup

[johnmck95]

This PR does 2 things: 1) Sets up in-app routing with Expo Router. You will see a new app/app folder. Inside this folder, your directory structure will also dictate the URL/page structure. You can jump to other pages using router.push("your/path")

• You will see updates to multiple app config files, plus a package download to get the config totally set up.
• I have tested that this works on android and web, but I've been having a really hard time getting any ios simulator to work on my windows PC :/ 2) Creates a DataSubmission.tsx page, which is for the admins. It calls a new EnterFoodForm.tsx component that we can later use for companies to enter their food data.
• Once data modelling and auth is complete, we will need to check the logged in user .isAdmin property to decide if the user can see the DataSubmission page, but for now it is just a button you can click to redirect.
• I am using React Hook Form to speed up the process. A great example of how to use it can be seen here
• Once data modelling is complete I will finish the form.

Since I am emulating on my physical android device and screenshots are a pain,, here is a quick screen grab from the web application.

Dark Mode:

Light Mode:

Layout Tabs

[mehradadimi]

Thanks for the great job @johnmck95 . It looks really good. The only thing i noticed is that the text input changes size when the users starts to type in. it would be great to have a fixed size.

https://github.com/SENG480a-NutriDine/mobile/assets/83256092/8195d5dd-2dd6-4284-9ead-e4b1d0f3f1c8