feat(NavigationFooter): implement NavigationFooter component

[codemonkey800]

Summary

Github issue: #817

Implements NavigationFooter component for desktop and mobile

Checklist

• Default Story in Storybook
• LivePreview Story in Storybook
• Test Story in Storybook
• Tests written
• Variables from defaultTheme.ts used wherever possible
• If updating an existing component, depreciate flag has been used where necessary
• Chromatic build verified by @chanzuckerberg/sds-design

[kev-zunshiwang]

Thanks Jeremy! Most feedback are similar to the header feedback, except the image slot one is new.

Desktop Feedback
Logo Slot

• Update color to Base/border for the dash border line around "logo slot"
• Unbold the text "logo slot"
• The entire area of "logo slot / logo name / beta tag" should be linked to the home page of the product. Not sure if this affects the code

Tag

• Update text inside the tags to title case
• Remove the hover effect for the tags

Image slot

• each image should have a link to the designated home page of that logo
• Update the "person" minimal button to a icon button (see design for the specific spec)

[kev-zunshiwang]

Mobile Feedback
Logo

• whole area should be a link
  Nav item
• On hover, bold the text with Narrow/fontBodyS/600

[tihuan]

LGTM! Thanks so much for adding this, @codemonkey800 🎉 !! Right in time for VCP to use 🙏 🙏 🙏

Not a blocker, but IIRC many SDS components are wrapped in forwardRef() not sure if it makes sense to do it here too as a followup PR 😄

Thanks again!!

[clarsen-czi]

Looking good @codemonkey800!! Added a few comments of things to adjust, but they're mostly small tweaks so hopefully should be straight forward. Feel free to reach out with any questions though!