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/QuizProgress.vue

@@ -1,38 +1,24 @@
-<template>
-    <div :style="cssVars" class="progress">
-      <span v-for="step in numberSteps" :key="step" class="step" :class="{ active: step <= currentStep }"></span>
-    </div>
-</template>
-<script lang="ts">
-import { Component, Prop, Vue}  from "nuxt-property-decorator";
+<script lang="ts" setup>
 
-@Component
-export default class QuizProgress extends Vue {
+const props = defineProps({
+  numberSteps: Number,
+  currentStep: Number,
+  color: String
+});
 
-  @Prop({
-    type: Number
-  })
-  private numberSteps!: number;
-
-  @Prop({
-    required: true,
-    type: Number
-  })
-  private currentStep!: number;
-
-  @Prop({
-    required: true,
-    type: String
-  })
-  private color!: string;
-
-  get cssVars() {
-    return {
-      '--color': this.color
-    }
+const cssVars = computed(() => {
+  return {
+    '--color': props.color
   }
-}
+});
 </script>
+
+<template>
+  <div :style="cssVars" class="progress">
+    <span v-for="step in numberSteps" :key="step" class="step" :class="{ active: step <= currentStep }"></span>
+  </div>
+</template>
+
 <style lang="scss" scoped>
 
 @import "assets/css/color";
@@ -42,10 +28,11 @@ export default class QuizProgress extends Vue {
   display: flex;
   justify-content: center;
 }
+
 .step {
   border-radius: 2px;
   border: 6px solid $gray_2;
-  margin: $x_small $xxx_small;
+  margin: $small $xxx_small;
   width: 30px;
 }