Currently selected route gets highlighted based on inexact match

[matthewpereira]

Expected behavior

The navigation route for the current view is highlighted with a 'dot' () element in the settings sidebar navigation.

Actual behavior

If you have a second route that simply extends another href (ie /my-page and /my-page-2, the “current selected dot” will show on both menu items in the sidebarnav, because the check is an “includes” check.

  {pathname.includes(item.href) && <Dot className="h-6 w-6" />}