feat: review backend and frontend

- update to the latest version of Java/SpringBoot
- update to the latest version NuxtJS
- add account/password update
- add account creation
- add account password reset
- add bundle to regroup questions and add default questions on user creation
- add bundle creation

frontend/components/QuizAxeDetails.vue

@@ -1,10 +1,34 @@
+<script lang="ts" setup>
+import type {PropType} from "vue";
+import type {QuizResponse} from "~/store/quiz";
+import type {Axe} from "~/store/axe";
+
+const props = defineProps({
+  axe: {
+    type: Object as PropType<Axe>,
+    required: true
+  },
+  average: Number,
+  responses: {
+    type: Object as PropType<QuizResponse[]>,
+    required: true
+  }
+});
+
+const cssVars = computed(() => {
+  return {
+    '--color': props.axe ? props.axe.color : "#ffffff"
+  }
+});
+</script>
+
 <template>
   <section :style="cssVars" class="axe-details">
     <h2 class="title">
       <span><span class="upper">{{ axe.identifier }}</span><span>{{ axe.shortTitle }}</span></span>
-      <span class="upper">{{ score.scoreAvg | formatRate }} / 10</span>
+      <span class="upper">{{ Number((average).toFixed(1)) }} / 10</span>
     </h2>
-    <div v-for="response in responses" :key="response._links.self.href">
+    <div v-for="response in responses">
       <p class="question">
         <span>
           {{ response.question }}
@@ -16,38 +40,6 @@
   </section>
 </template>
 
-<script lang="ts">
-import {Component, Prop, Vue} from "nuxt-property-decorator";
-import {Axe} from "~/repositories/models/axe.model";
-import {ResponseWithQuestion, Score} from "~/repositories/models/quiz.model";
-
-@Component
-export default class QuizAxeDetails extends Vue {
-
-  @Prop({
-    type: Object,
-    required: true
-  })
-  public axe!: Axe;
-
-  @Prop({
-    type: Object,
-    required: true
-  })
-  public score!: Score;
-
-  @Prop({
-    type: Array
-  })
-  public responses!: ResponseWithQuestion[];
-
-  get cssVars() {
-    return {
-      '--color': this.axe ? this.axe.color : "#ffffff"
-    }
-  }
-}
-</script>
 
 <style lang="scss" scoped>
 @import "assets/css/font";
@@ -55,7 +47,7 @@ export default class QuizAxeDetails extends Vue {
 @import "assets/css/spacing";
 
 .axe-details {
-  margin-top: $x_small;
+  margin-top: $small;
 }
 
 .title {