Enables tab navigation

[victor-duarte]

Closes #170

Updates

• Enables tab navigation
  • Tweaks bookmarks icons interaction to allow smooth tab navigation
  • Updates html tag for better semantics and a11y purposes allowing tab navigation
  • Uses default browser outline behavior
• Display bookmarks cta on small devices to allow user to save bookmark (on large viewports it displays on card hover or focus of the cta)
• Update aria-labels on some elements for a11y purposes
• Removed unneeded tags an inline styles
• Minor alignment updates on small viewports (specifically for devices layout layout in AppContentLayout.tsx) complementing work on Update header layout and theme transition #169

[medyo]

Hi @victor-duarte,

Great contribution. I have a couple of comments:

The moon icon appears too bright against a light background

Card Header: Could you remove the excess horizontal margins between the title and dropdown?

[victor-duarte]

@medyo an update has been pushed:

• Moon icon brightness adjustment, also change to use the filled icon which seems to work better with the siblings
  (after / before)

• Reduced block header vertical space by 10px from 54px to 44px.
  (after / before)

[medyo]

• Reduced block header vertical space by 10px from 54px to 44px.

I was talking about the horizontal space, between the title the dropdown (in red)

[victor-duarte]

• Updated the space between the items and alignment
• height reverted to 54px