Update all files to use jsx extension

Author: realstoman

src/App.js

@@ -4,10 +4,10 @@ import AppFooter from './components/shared/AppFooter';
 import AppHeader from './components/shared/AppHeader';
 import './css/App.css';
 import About from './pages/AboutMe';
-import Contact from './pages/Contact';
+import Contact from './pages/Contact.jsx';
 import Home from './pages/Home';
 import Projects from './pages/Projects';
-import ProjectSingle from './pages/ProjectSingle';
+import ProjectSingle from './pages/ProjectSingle.jsx';
 import { AnimatePresence } from 'framer-motion';
 import UseScrollToTop from './hooks/useScrollToTop';
 

src/__tests__/App.test.js

@@ -0,0 +1,8 @@
+import { render, screen } from '@testing-library/react';
+import App from '../App';
+
+test('renders learn react link', () => {
+	render(<App />);
+	const linkElement = screen.getByText(/learn react/i);
+	expect(linkElement).toBeInTheDocument();
+});

src/components/BackToTop.js renamed to src/components/BackToTop.jsx

@@ -1,6 +1,6 @@
 import AboutMeBio from '../components/about/AboutMeBio';
 import AboutCounter from '../components/about/AboutCounter';
-import AboutClients from '../components/about/AboutClients.js';
+import AboutClients from '../components/about/AboutClients';
 import { AboutMeProvider } from '../context/AboutMeContext';
 import { motion } from 'framer-motion';
 

src/components/HireMeModal.js renamed to src/components/HireMeModal.jsx

@@ -1,5 +1,5 @@
 import ProjectGallery from '../components/projects/ProjectGallery';
-import ProjectHeader from '../components/projects//ProjectHeader';
+import ProjectHeader from '../components/projects/ProjectHeader';
 import ProjectInfo from '../components/projects/ProjectInfo';
 import ProjectRelatedProjects from '../components/projects/ProjectRelatedProjects';
 import { SingleProjectProvider } from '../context/SingleProjectContext';

src/components/ScrollToTop.js renamed to src/components/ScrollToTop.jsx

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';