fixed security hotspots and some issues

webapp/src/components/FirstGame.test.js

@@ -2,7 +2,7 @@ import { render, screen, fireEvent } from '@testing-library/react';
 import { ContextFun } from './Context';
 import axios from 'axios';
 import MockAdapter from 'axios-mock-adapter';
-import { BrowserRouter as Router, useLocation } from 'react-router-dom';
+import { BrowserRouter as Router } from 'react-router-dom';
 import FirstGame from './FirstGame';
 import GameConfiguration from './game/GameConfiguration';
 

webapp/src/components/Util.test.js

@@ -1,17 +1,17 @@
 import { shuffleArray, secureRandomNumber } from './Util';
-import axios from 'axios';
 
 jest.mock('axios');
 
 describe('shuffleArray function', () => {
     // Mocking window.crypto.getRandomValues
     beforeEach(() => {
+        const max = 100;
         global.crypto = {
-        getRandomValues: jest.fn().mockImplementation((array) => {
-            for (let i = 0; i < array.length; i++) {
-            array[i] = Math.floor(Math.random() * 100); // Mocking random values
-            }
-        }),
+            getRandomValues: jest.fn().mockImplementation((array) => {
+                for (let i = 0; i < array.length; i++) {
+                    array[i] = i; 
+                }
+            }),
         };
     });
 

webapp/src/components/game/Calculator.js

@@ -1,12 +1,12 @@
-import React, { useState, useEffect } from 'react';
+import React from 'react';
 import { shuffleArray, secureRandomNumber } from '../Util';
-import { Container, Typography, Box, LinearProgress} from '@mui/material';
+import { Container, Typography } from '@mui/material';
 import { Footer } from '../footer/Footer';
 import { Nav } from '../nav/Nav';
 import Button from '../Button';
 
-var questions = []
-var questionIndex = -1
+let questions = []
+let questionIndex = -1
 
 const Calculator = () => {