Fix: fixes typescript-errors in components

src/components/Configuration/ConfigurationSteps/Experience.vue

@@ -12,10 +12,10 @@ emit('changeRouterEvent', '/experience')
 
 // Declaration of reactive variables for the form and radio buttons
 const formRef = ref()
-const beginnerRef = ref('')
-const someExperienceRef = ref('')
-const expertRef = ref('')
-let errorMsg = ref('');
+const beginnerRef = ref()
+const someExperienceRef = ref()
+const expertRef = ref()
+let errorMsg = ref();
 
 /**
  * Validates the experience form radio buttons and updates the commitment choice in the store.

src/components/Exceptions/ErrorBox.vue

@@ -44,7 +44,7 @@ export default defineComponent({
   left: 50%;
   transform: translate(-50%, 0);
   width: min(100%, 700px);
-  background-color: var(--red-color);
+  background-color: red ;   /*var(--red-color);*/
   padding: 7px;
   border-radius: 5px;
   z-index: 1000;

src/components/LeaderboardComponents/__tests__/Leaderboard.spec.ts

@@ -7,7 +7,9 @@ import { useUserInfoStore } from '@/stores/UserStore';
 import router from '@/router/index';
 
 describe('Leaderboard', () => {
-  let wrapper, store, mockRouter;
+  let wrapper : any
+  let store : any
+  let mockRouter : any
 
   const leaderboard = [
     { user: { id: 1, firstName: 'Alice', email: 'alice@example.com' }, rank: 1, score: 50 },