message: feat(app): nav Help Button link out to Salesforce
  fix
diff: @@ -6,6 +6,7 @@ import {
  Flex,
  COLORS,
  Icon,
  + Link,
  DIRECTION_COLUMN,
  FLEX_NONE,
  SPACING,
  @@ -24,6 +25,8 @@ import { NAV_BAR_WIDTH } from './constants'
  import type { RouteProps } from './types'
  import { StyledText } from '../atoms/text'
  +const SALESFORCE_HELP_LINK = 'https://support.opentrons.com/s/'
  +
  const NavbarLink = styled(NavLink)`
  color: ${COLORS.white};
  align-self: ${ALIGN_STRETCH};
  @@ -51,6 +54,12 @@ const NavIconLink = styled(NavLink)`
  background-color: ${COLORS.darkBlackSelected};
  }
  `
  +const IconLink = styled(Link)`
  + &.active > svg {
  + color: ${COLORS.white};
  + background-color: ${COLORS.darkBlackSelected};
  + }
  +`
  const NavbarIcon = styled(Icon)`
  width: ${SIZE_2};
  @@ -125,7 +134,12 @@ export function Navbar({ routes }: { routes: RouteProps[] }): JSX.Element {
  >
  <NavbarIcon name="gear" />
  </NavIconLink>
  - <NavbarIcon data-testid="Navbar_helpLink" name="question-mark-circle" />
  + <IconLink href={SALESFORCE_HELP_LINK} external>
  + <NavbarIcon
  + data-testid="Navbar_helpLink"
  + name="question-mark-circle"
  + />
  + </IconLink>
  </Flex>
  </Flex>
  )
  