Update location bar buttons

[SuaYoo]

Changes

• Migrate to shoelace
• Add home icon
• Add info icon
• Update icon library

Icons (bootstrap)

Listed in order of use, left to right

• Show/Hide Sidebar: layout-sidebar
  • Toggles blue when sidebar is visible
• Home: house
• Back: arrow-left
• Forward: arrow-right

• Refresh: arrow-clockwise

• Page Info: info-circle
• Enter Fullscreen: arrows-fullscreen
  • Exit Fullscreen: fullscreen exit
• Additional Actions: three-dots-vertical
  • Purge Cache & Full Reload: arrow-repeat (alternatively recycle?? Could be neat!🤔 )
  • View Archive Info: info-square

Mockups

ReplayWebpage GUI component in Figma

[Shrinks99]

Looks like I've found out the hard way (see closed linked PR) that Shoelace's icon referencing scheme poses some challenges for ReplayWebpage where everything is referenced in-line as SVGs so it can be efficiently bundled. 😅

Noting here for future when it's eventually time to unify the icon sets that Browsertrix and our other apps use :)