Introduce group basic federation, event new page and notifications

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

js/src/components/Logo.vue

@@ -1,23 +1,30 @@
 <template>
-    <img svg-inline src="../assets/mobilizon_logo.svg" alt="Mobilizon" :class="{invert: invert}" height="40px">
+  <!-- <img src="../assets/mobilizon_logo.svg" alt="Mobilizon" :class="{ invert: invert }" height="40" /> -->
+  <MobilizonLogo />
 </template>
 
 <script lang="ts">
-import { Component, Prop, Vue } from 'vue-property-decorator';
-
-@Component
+import { Component, Prop, Vue } from "vue-property-decorator";
+// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+// @ts-ignore
+import MobilizonLogo from "../assets/mobilizon_logo.svg";
+@Component({
+  components: {
+    MobilizonLogo,
+  },
+})
 export default class Logo extends Vue {
   @Prop({ type: Boolean, required: false, default: false }) invert!: boolean;
 }
 </script>
 <style lang="scss" scoped>
-    @import "../variables.scss";
+@import "../variables.scss";
 
-    svg {
-        fill: $primary;
+svg {
+  fill: $primary;
 
-        &.invert {
-            fill: $secondary;
-        }
-    }
+  &.invert {
+    fill: $secondary;
+  }
+}
 </style>