[Refactor] Refactor the project strructure to separated pages and component directory

Author: chrisdedman

frontend/src/App.js

@@ -4,15 +4,15 @@ import React from 'react';
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import Navbar from './components/Navbar';
 
-import { Home } from './components/pages/Home'
-import { NotFound } from './components/pages/NotFound'
-import { HealthCheck } from './components/pages/HealthCheck';
-import { CourseDashboard } from './components/pages/CourseDashboard'
-import { Course } from './components/pages/Course'
-import { Login } from './components/pages/Login'
-import { Signup } from './components/pages/Signup'
-import { Account } from './components/pages/Account'
-import { Content } from './components/pages/Content'
+import { Home } from './pages/Home'
+import { NotFound } from './pages/NotFound'
+import { HealthCheck } from './pages/HealthCheck';
+import { CourseDashboard } from './pages/CourseDashboard'
+import { Course } from './pages/Course'
+import { Login } from './pages/Login'
+import { Signup } from './pages/Signup'
+import { Account } from './pages/Account'
+import { Content } from './pages/Content'
 
 import ProtectedRoute from "./config/ProtectedRoutes"
 

frontend/src/components/pages/Account.js frontend/src/pages/Account.jsfrontend/src/components/pages/Account.js renamed to frontend/src/pages/Account.js

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import Cookies from 'js-cookie';
 import Notiflix from 'notiflix';
-import {Modal} from '../Modal.js';
+import {Modal} from '../components/Modal';
 
 export function Content() {
     const { courseID }                  = useParams();

frontend/src/components/pages/Content.js frontend/src/pages/Content.jsfrontend/src/components/pages/Content.js renamed to frontend/src/pages/Content.js

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import Cookies from 'js-cookie';
 import Notiflix from 'notiflix';
-import {Modal} from '../Modal.js';
+import {Modal} from '../components/Modal';
 
 export function Course() {
     const { courseID }                = useParams();

frontend/src/components/pages/Course.js frontend/src/pages/Course.jsfrontend/src/components/pages/Course.js renamed to frontend/src/pages/Course.js

@@ -1,9 +1,9 @@
 import React, { useEffect, useState, useMemo } from 'react';
 import Cookies from 'js-cookie';
 import Notiflix from 'notiflix';
-import { Modal } from '../Modal.js';
-import SearchBar from '../search-bar.js'
-import CourseCard from '../CourseCard.js';
+import { Modal } from '../components/Modal';
+import SearchBar from '../components/search-bar';
+import CourseCard from '../components/CourseCard';
 
 export function CourseDashboard() {
     const userId                        = Cookies.get('userId');