Add an infotip tooltip to the approval path screens, which opens help for the current page

Description

When user hovers over the faded info icon (somewhere on the right side of AP UI), it will highlight and display a tooltip that says, "Click to show help." Like the screen below

Upon clicking, a layer will appear containing links to the current screen's documentation, a how-to guide, a video tutorial, a support ticket submission link, and a Calendly link to book a meeting (with Parsa).

Scope

There is a single info icon present on each AP screen, in a fixed position. The icon itself does not change between screens; what changes is the content of the help layer it opens. The layer's contents are refreshed to match whatever is currently presented on the screen, so the documentation, how-to, video, support, and Calendly links always point to the resources relevant to the active screen. When the user navigates to a different screen, the same icon now opens help for that new screen.

Acceptance criteria

  • A single info icon is shown on each AP screen, in a consistent fixed position.

  • The icon appears faded by default and highlights on hover, showing the "Click to show help" tooltip.

  • Clicking the icon opens a help layer with links to documentation, how-to guide, video tutorial, support ticket submission, and a Calendly booking link.

  • The links in the layer always reflect the screen the user is currently on. Navigating to another screen and opening the layer shows the help resources for that screen.

  • Links open without losing the user's current context in the app.

  • The layer can be dismissed without leaving the current screen.