Move profile link to parent elements

client/src/components/HeaderBar.vue

@@ -3,7 +3,9 @@
     <top-navigation></top-navigation>
     <router-link to="/" class="header-bar__logo" data-cy="home-link"><logo></logo></router-link>
     <div class="user-header">
+      <router-link to="/me/activity">
         <user-widget v-bind="me"></user-widget>
+      </router-link>
       <logout-widget></logout-widget>
     </div>
     <book-navigation v-if="showSubnavigation">

client/src/components/MobileNavigation.vue

@@ -6,7 +6,9 @@
     </div>
     <div class="mobile-navigation__subnavigation"></div>
     <div class="mobile-navigation__secondary">
+      <router-link to="/me/activity">
         <user-widget class="mobile-navigation__user-widget" v-bind="me"></user-widget>
+      </router-link>
       <logout-widget class="mobile-navigation__logout-widget"></logout-widget>
     </div>
   </div>

client/src/components/UserWidget.vue

@@ -1,11 +1,9 @@
 <template>
-  <router-link to="/me/activity">
     <div class="user-widget" :class="{'user-widget--is-profile': isProfile}">
       <user-icon class="user-widget__avatar" :src="avatar"></user-icon>
       <span class="user-widget__name">{{firstName}} {{lastName}}</span>
       <span class="user-widget__date" v-if="date">{{date}}</span>
     </div>
-  </router-link>
 </template>
 
 <script>