Handle groups/profiles/users not found in admin

Closes #966

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/views/Admin/AdminGroupProfile.vue

@@ -286,6 +286,17 @@
       </b-table>
     </section>
   </div>
+  <empty-content v-else-if="!$apollo.loading" icon="account-multiple">
+    {{ $t("This group was not found") }}
+    <template #desc>
+      <b-button
+        type="is-text"
+        tag="router-link"
+        :to="{ name: RouteName.ADMIN_GROUPS }"
+        >{{ $t("Back to group list") }}</b-button
+      >
+    </template>
+  </empty-content>
 </template>
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-property-decorator";

js/src/views/Admin/AdminProfile.vue

@@ -258,6 +258,17 @@
       </b-table>
     </section>
   </div>
+  <empty-content v-else-if="!$apollo.loading" icon="account">
+    {{ $t("This profile was not found") }}
+    <template #desc>
+      <b-button
+        type="is-text"
+        tag="router-link"
+        :to="{ name: RouteName.PROFILES }"
+        >{{ $t("Back to profile list") }}</b-button
+      >
+    </template>
+  </empty-content>
 </template>
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-property-decorator";

js/src/views/Admin/AdminUserProfile.vue

@@ -69,6 +69,17 @@
       >
     </div>
   </div>
+  <empty-content v-else-if="!$apollo.loading" icon="account">
+    {{ $t("This user was not found") }}
+    <template #desc>
+      <b-button
+        type="is-text"
+        tag="router-link"
+        :to="{ name: RouteName.USERS }"
+        >{{ $t("Back to user list") }}</b-button
+      >
+    </template>
+  </empty-content>
 </template>
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-property-decorator";
@@ -80,6 +91,7 @@ import { usernameWithDomain } from "../../types/actor/actor.model";
 import RouteName from "../../router/name";
 import { IUser } from "../../types/current-user.model";
 import { IPerson } from "../../types/actor";
+import EmptyContent from "../../components/Utils/EmptyContent.vue";
 
 @Component({
   apollo: {
@@ -104,6 +116,9 @@ import { IPerson } from "../../types/actor";
       title: user?.email,
     };
   },
+  components: {
+    EmptyContent,
+  },
 })
 export default class AdminUserProfile extends Vue {
   @Prop({ required: true }) id!: string;