[Record Page] Update position and display of button 'Where to find it'

[christinach]

Current display

Where to find it has white background color and is positioned below the Library location

Desired display

Where to find follows the same color scheme as the Request button (background-color: #3072AB; border-color: #3072AB; color: #ffffff;).
Where to find it is positioned in the same line and on the right side of the request button.

Acceptance criteria

• Rename the button caption 'Where to find it' to 'Find on shelf'.
• 'Find on shelf' follows the same color scheme as the 'Request' button (background-color: #3072AB; border-color: #3072AB; color: #ffffff;).
• 'Find on shelf' is positioned in the same line and on the right side of the 'Request' button.
• I can successfully use this feature with Voice Over in Safari.
• I have checked this feature using one of the following browser extensions and confirmed that it does not add any level A or level AA issues:
  • axe dev tools
  • Lighthouse
  • Wave
• ...

Notes

The figma diagrams were collectively reviewed during the Orangelight meeting 10/17/2024.

[kevinreiss]

The stackmap integration looks for html like this to decide where to inject the "Where to find it" button

<span data-map-location="firestone$stacks" data-location-library="Firestone Library" data-location-name="Stacks"></span>```

I believe it also scrapes the call number value looking for this selector class "holding-call-number" on the record page and "call-number" on the search results page.