Introduce group basic federation, event new page and notifications

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

js/src/components/Account/PopoverActorCard.vue

@@ -0,0 +1,33 @@
+<template>
+  <v-popover offset="16" trigger="hover" :class="{ inline }" class="clickable">
+    <slot></slot>
+    <template slot="popover" class="popover">
+      <actor-card :full="true" :actor="actor" :popover="false" />
+    </template>
+  </v-popover>
+</template>
+<script lang="ts">
+import { Component, Vue, Prop } from "vue-property-decorator";
+import { IActor } from "../../types/actor";
+import ActorCard from "./ActorCard.vue";
+
+@Component({
+  components: {
+    ActorCard,
+  },
+})
+export default class PopoverActorCard extends Vue {
+  @Prop({ required: true, type: Object }) actor!: IActor;
+
+  @Prop({ required: false, type: Boolean, default: false }) inline!: boolean;
+}
+</script>
+
+<style lang="scss" scoped>
+.inline {
+  display: inline;
+}
+.clickable {
+  cursor: pointer;
+}
+</style>