message: Moved search beneath hero and tabs are now sticky
diff: <template>
  <div>
  - <div class='sticky-top sticky-top--search border-at-bottom'>
  + <Hero title='Settings'
  + :subtitle='`Advanced options for ${appName}: ` + managerVersionNumber.toString()'
  + heroType='is-info'/>
  + <div class="margin-right">
  + <div class="sticky-top sticky-top--opaque sticky-top--no-shadow sticky-top--no-padding">
  + <div class='border-at-bottom'>
  <div class='card is-shadowless is-square'>
  <div class='card-header-title'>
  <span class="non-selectable">Search:&nbsp;&nbsp;</span>
  </div>
  </div>
  </div>
  - <Hero title='Settings'
  - :subtitle='`Advanced options for ${appName}: ` + managerVersionNumber.toString()'
  - heroType='is-info'/>
  - <div class="margin-right">
  <div class="tabs">
  <ul>
  <li v-for="(key, index) in tabs" :key="`tab-${key}`"
  </li>
  </ul>
  </div>
  + </div>
  <template v-if="activeTab === 'All'">
  <SettingsItem v-for="(key, _) in searchableSettings" :key="`setting-${key.action}`"
  :action="key.action"
  