UXD - Mobile Navigation

### Overview
We need to create navigation specific to mobile devices so users can navigate our site on a variety of devices.

### Action Items

- [x] Adapt the existing elements for mobile
- [x] Mobile Header
- [x] Hamburger menu
- [x] Mobile Footer
- [x] remove social media icons
- [x] remove content, "Data last updated MM/DD/YY"
- [x] other considerations
- [x] on mobile, important links should appear in the navigation menu. Perhaps simply relocate to save time on researching the "correct location"
- [x] "Powered by volunteers from Hack for LA" must appear on the screen (per Bonnie's previous instruction)
- [ ] Update component(s) in design system library
- [x] Document user interaction in Figma
- [x] Update the Hand Off section of this ticket with the final iteration of this design

---

### Design Iterations

**Please move ticket between `In Progress` and `In Review` to assist PM team**

- **[Iteration 1](https://github.com/hackforla/311-data/issues/2052#issuecomment-3584525233):** Research and brainstorm ideas for mobile navigation
- **[Iteration 2](https://github.com/hackforla/311-data/issues/2052#issuecomment-3746592208):** Brainstorm interaction patterns for the accessibility dropdown.
- **[Iteration 3](https://github.com/hackforla/311-data/issues/2052#issuecomment-3829800912):** Finalizing UI for header, footer, and hamburger menu.

---

### Hand Off Materials

Figma Section Name: [#2052 - Mobile Navigation](https://www.figma.com/design/eF63O8yIGz2soQ4JJFfyoK/311_Data_UXUI?node-id=25327-2461&t=wdTfa6IlWtHv0vxs-4)

Before Screenshot

After Screenshot (Finalized)

Header

Hamburger Menu

Footer

### Designer Resources

- Article with opinion to consider: [Mobile Footers: Let’s Take a Step Back
](https://medium.com/mobify-design-team/mobile-footers-lets-take-a-step-back-f68ba4fc058e)
Iteration Dropdown Copy/Paste

```

Iteration X

Link to notes: `REPLACE WITH COMMENT URL`

`REPLACE WITH SCREENSHOT UPLOAD`

```

Instructions for Engineering Hand Off

To Start Engineering Hand Off...
1. Ensure all Hand Off Materials are filled in
3. Add the "ready for dev lead" label
4. Leave a comment saying "This ticket is ready for engineering hand off."