Fix reactivity in mobile shares nav

Implicit generated key wasn't incorporating the `active` state and thus
didn't force a re-render when the active state changed.

packages/web-app-files/src/components/AppBar/SharesNavigation.vue

@@ -19,6 +19,7 @@
  <oc-list>
  <li v-for="navItem in navItems" :key="`shares-navigation-mobile-${navItem.to}`">
  <oc-button
+ :key="`shares-nav-${navItem.to.name}-${navItem.active ? 'active' : 'inactive'}`"
  type="router-link"
  class="oc-my-xs shares-nav-mobile"
  appearance="raw"
@@ -45,8 +46,7 @@ import {
  locationSharesWithMe,
  locationSharesWithOthers
 } from '../../router/shares'
-import { useActiveLocation } from '../../composables'
-import { computed, getCurrentInstance, unref } from '@vue/composition-api'
+import { computed, getCurrentInstance } from '@vue/composition-api'
 import { useRouter } from 'web-pkg/src/composables'
 
 export default {
@@ -66,19 +66,19 @@ export default {
  icon: 'share-forward',
  to: sharesRoutes[locationSharesWithMe.name].path,
  text: $gettext('Shared with me'),
- active: unref(useActiveLocation(isLocationSharesActive, locationSharesWithMe.name))
+ active: isLocationSharesActive(router, 'files-shares-with-me')
  },
  {
  icon: 'reply',
  to: sharesRoutes[locationSharesWithOthers.name].path,
  text: $gettext('Shared with others'),
- active: unref(useActiveLocation(isLocationSharesActive, locationSharesWithOthers.name))
+ active: isLocationSharesActive(router, 'files-shares-with-others')
  },
  {
  icon: 'link',
  to: sharesRoutes[locationSharesViaLink.name].path,
  text: $gettext('Shared via link'),
- active: unref(useActiveLocation(isLocationSharesActive, locationSharesViaLink.name))
+ active: isLocationSharesActive(router, 'files-shares-via-link')
  }
  ])
  return {