feat: add full screen mode for web content

[tnrdd]

Description

Add a full screen mode for the web content linked to the parcel and update the app layout.

• Put the parcel info accordion in the header.
• Move the toggle between web content and media gallery on the bottom.
• In web content view the user can press a button to enter full screen mode, where both the browser UI and our UI elements except the iframe and the button to exit full screen mode are hidden. The browser API to enter full screen is not supported on iOS Safari for iPhone (works for iPad), in this case only the the app UI elements are hidden.
• Add social links to the off canvas menu.

Issue

fixes #75

Checklist:

• [x] My commit message follows the Conventional Commits specification
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have tested my code
• [x] My changes generate no new warnings
• [x] My PR is rebased off the most recent main or appropriate feature branch
• [x] My PR is opened against the main or appropriate feature branch

Additional comments

Fixed an infinite loading issue that happened when there is an error in navigator.geolocation.getCurrentPosition, like when the user doesn't allow the browser to access the device position.

• If the position request is successful run the first callback like before.
• If there is an error or a timeout execute the second callback to print the error and stop showing the loading spinner.
• Always try to return the most accurate position by using the device's GPS chip when possible.
• Always attempt to retrieve the real current position even if there is a cached one.

Alert Reviewers

@codynhat @gravenp

[codynhat]

This looks great!

The browser API to enter full screen is not supported on iOS Safari for iPhone (works for iPad), in this case only the the app UI elements are hidden.

I can confirm this is what I am experiencing on Safari for iOS, but it is still a much better experience.