Enhancement/385 make resources dropdown keyboard accessible

[cindywongdev]

• Made resources dropdown keyboard accessible (using tab & shift + tab to navigate) using the :focus-within pseudo class -- but in order for this to work, I had to convert the entire nav menu to a ul element and its children to li elements.
• Made some styling changes to adjust new changes above to current style
• Added an offset (padding) to the focus outline for the resources element so that it matches the focus outline of the other nav links

Resources:

• https://www.a11ywithlindsey.com/blog/create-accessible-dropdown-navigation
• https://www.a11ywithlindsey.com/blog/create-accessible-dropdown-navigation-without-js

[netlify[bot]]

✅ Deploy Preview for spacelab-main ready!

Name	Link
🔨 Latest commit	66b61b527d1c4dd93eb9c9110c665f4e9a62058e
🔍 Latest deploy log	https://app.netlify.com/sites/spacelab-main/deploys/653ade9e805e2b000870d337
😎 Deploy Preview	https://deploy-preview-436--spacelab-main.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.