fix(lint): Add correct imports and remove unused imports

frontend/src/components/Final/Final.test.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { vi } from 'vitest';
 import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import { BrowserRouter, Router } from 'react-router-dom';
 import { createMemoryHistory } from 'history'

frontend/src/components/PlayButton/PlayCard.test.js

@@ -1,6 +1,7 @@
 import React from "react";
+import { vi } from "vitest";
 import { render, fireEvent, screen } from "@testing-library/react";
-import PlayCard from "./PlayCard"; // Adjust the path as necessary
+import PlayCard from "./PlayCard";
 
 describe("PlayCard Component Tests", () => {
     const mockOnClick = vi.fn();

frontend/src/components/Playback/Playback.test.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { render, wait } from '@testing-library/react';
+import { vi } from 'vitest';
+import { render } from '@testing-library/react';
 
 import Playback from './Playback';
 

frontend/src/components/UserFeedback/UserFeedback.test.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { vi } from 'vitest';
 import { render, fireEvent, waitFor } from '@testing-library/react';
 import UserFeedback from './UserFeedback';
 import { postFeedback } from '../../API';

frontend/src/components/VisualMatchingPairs/VisualMatchingPairs.test.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { vi } from 'vitest';
 import { render, fireEvent, waitFor } from '@testing-library/react';
 import VisualMatchingPairs from './VisualMatchingPairs'; // Adjust the import path as necessary