fix: Fixing more components ts decleration

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

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

src/components/Login/LoginForm.vue

@@ -3,7 +3,7 @@ import BaseInput from '@/components/InputFields/BaseInput.vue'
 import Button1 from '@/components/Buttons/Button1.vue'
 import { ref } from 'vue'
 import { useUserInfoStore } from '@/stores/UserStore';
-import { AuthenticationService, OpenAPI, LoginRequest } from '@/api';
+import { AuthenticationService, OpenAPI, type LoginRequest } from '@/api';
 import { useRouter, useRoute } from 'vue-router';
 import handleUnknownError from '@/components/Exceptions/unkownErrorHandler';
 import { useErrorStore } from '@/stores/ErrorStore';

src/components/NewsComponents/__tests__/NewsComponent.spec.ts

@@ -2,7 +2,6 @@ import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
 import { mount } from '@vue/test-utils';
 import MyComponent from '@/components/NewsComponents/NewsComponent.vue'; // Adjust the import path according to your setup
 
-// Mocking the global fetch API
 global.fetch = vi.fn(() =>
   Promise.resolve({
     json: () => Promise.resolve({
@@ -19,7 +18,7 @@ global.fetch = vi.fn(() =>
 );
 
 describe('MyComponent', () => {
-  let wrapper;
+  let wrapper :any;
 
   beforeEach(() => {
     vi.useFakeTimers(); // Set up fake timers

src/components/SignUp/__tests__/SignUpLink.spec.ts

 import { describe, it, expect, beforeEach } from 'vitest';
-import { render } from '@testing-library/vue';
 import { createPinia, setActivePinia } from 'pinia';
 import { createRouter, createMemoryHistory } from 'vue-router';
 import LoginPrompt from '@/components/SignUp/SignUpLink.vue';
@@ -9,7 +8,7 @@ import { render, screen } from '@testing-library/vue';
 import userEvent from '@testing-library/user-event';
 
 describe('LoginPrompt', () => {
-    let store, mockRouter;
+    let store: any, mockRouter: any;
 
     beforeEach(() => {
         // Create a fresh Pinia and Router instance before each test

src/components/UserProfile/UserProfileForeignLayout.vue

 <script setup lang="ts">
-// A more limited view of a users profile
-import Menu from "@/components/BaseComponents/Menu.vue";
-import Footer from "@/components/BaseComponents/Footer.vue";
 import {useRoute, useRouter} from "vue-router";
-import {useUserInfoStore} from "../../stores/UserStore";
 
 import {onMounted, ref} from "vue";
 import {UserService} from "@/api";
 
 let numberOfHistory = 6;
 
-
-
 let cardTitles = ["Spain tour", "Food waste", "Coffee", "Concert", "New book", "Pretty clothes"]
 
-let points = 0;
-let streak = 0;
-
 let username = ref()
 
 let friend = ref(false)

src/components/UserProfile/UserProfileLayout.vue

@@ -7,8 +7,6 @@ let numberOfHistory = 6;
 
 let cardTitles = ["Spain tour", "Food waste", "Coffee", "Concert", "New book", "Pretty clothes"]
 
-let points = 0;
-let streak = 0;
 let firstname = ref("");
 let lastname = ref("");
 

src/components/UserProfile/__tests__/UserProfileLayout.spec.ts

@@ -5,10 +5,9 @@ import { createPinia, setActivePinia } from 'pinia';
 import { useUserInfoStore } from '@/stores/UserStore';
 import MyComponent from '@/components/UserProfile/UserProfileLayout.vue'; // Adjust path as needed
 import router from '@/router/index'; // Adjust path as needed
-import { access } from 'fs';
 
 describe('MyComponent and Router Tests', () => {
-  let store, mockRouter;
+  let store: any, mockRouter: any;
 
   beforeEach(() => {
     // Create a fresh Pinia and Router instance before each test