reorder testing files and rename them

Author: khanniie

client/__test__/mocks/fileMock.js renamed to client/__mocks__/fileMock.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 
-import { NavComponent } from '../Nav';
+import { NavComponent } from './Nav';
 
 describe('Nav', () => {
   const props = {

client/components/__test__/Nav.test.jsx renamed to client/components/Nav.unit.test.jsx

@@ -53,7 +53,7 @@
           "<rootDir>/client/jest.setup.js"
         ],
         "moduleNameMapper": {
-          "^.+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/client/__test__/mocks/fileMock.js"
+          "^.+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/client/__mocks__/fileMock.js"
         },
         "testMatch": [
           "<rootDir>/client/**/*.test.(js|jsx)"