Updates to Sidenav component

[GomezIvann]

Checklist

• [x] Build process is done without errors and all tests pass in the /lib directory.
• [x] Self-reviewed the code before submitting.
• [x] Meets accessibility standards.
• [x] Added/updated documentation to /website as needed.
• [x] Added/updated tests as needed.

Description Summary of changes in the Sidenav component:

• sidenav.Link prop children has changed its type from string to React.ReactNode.
• Specs updated:
  • Removed line heights to be able to properly align text inside a Sidenav link.
  • Removed unnecessary margin-right for svgs inside the compound component Title.
  • Removed React.Children from the implementation and using instead React Context API. In the new React site of documentation they set Children as a legacy API and recommend not to use it whenever possible (https://react.dev/reference/react/Children).
• Documentation updated:
  • More logical hierarchy and improved descriptions.
  • Updated children's prop type.
  • Updated description for some props.

Closes #1587

[Jialecl]

The hover collapsed group title does not look correct in collapsed snapshots from chromatic.

[Jialecl]

Also I noticed that we don't have a visual test that covers the active state.

[GomezIvann]

We are closing this pull request and continuing the work in a new one since we have made too many changes to fix a Chromatic issue. You can keep track of the work there: #1596.