fix: add React import to resolve "React is not defined" error

Signed-off-by: M-DEV-1 <[email protected]>

Author: M-DEV-1

site/src/components/Footer/index.js

@@ -1,3 +1,5 @@
+import React from "react";
+
 const Footer = () => {
   return (
     <div className="ml-[17.5rem] pt-[5rem]">

site/src/components/Navigation/index.js

@@ -1,4 +1,4 @@
-import { useContext } from 'react';
+import React, { useContext } from "react";
 import Search from '../../assets/images/Search.svg';
 import SearchDark from '../../assets/images/SearchDark.svg';
 import Weather from '../../assets/images/Weather.svg';

site/src/components/Sidebar/index.js

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { Link } from 'react-router-dom';
 import ChevronLightUp from '../../assets/images/Chevron-light-up.svg';
 import Chevron from '../../assets/images/Chevron-light.svg';

site/src/pages/home/index.js

@@ -1,3 +1,5 @@
+import React from "react";
+
 const Home = () => {
   return <div className="text-center text-bold">Home</div>;
 };

site/src/pages/index.js

@@ -1,4 +1,4 @@
-import { useContext } from 'react';
+import React, { useContext } from "react";
 import { Navigate, Route, BrowserRouter as Router, Routes } from 'react-router-dom';
 import Footer from '../components/Footer';
 import Navbar from '../components/Navigation';