Rework the main/header html positions for screen readers

[c-m-duncan]

Ticket Link #981

Description

No visual changes happened, just switched around the elements and added aria-labels. Was careful to make sure that the footer popping-up didn't return

Reminders:

• Be mindful of impacts of changing Major/Minor/Patch versions of each elixir app
• • If updating patch version, are you sure there are no chart changes required to maintain functionality? If so, you should bump minor version instead.
  • If updating Major or Minor versions , did you update the sauron chart configuration?
• If changing elixir code in an "app", did you update the relevant version
  in mix.exs?
• If altering an API endpoint, was the relevant postman collection updated?
  • If a new version of smart_city is being used (new fields on a struct), were the relevant postman collections updated?