fix: react import error from component

Signed-off-by: Alok Dangre <alokdangre@gmail.com>

Signed-off-by: Alok Dangre <148090007+alokdangre@users.noreply.github.com>

Author: alokdangre

site/src/components/Dropdown/index.js

@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import Sidebar from '../Sidebar';
+import React from "react";
 
 const Dropdown = () => {
   const [drop1, setDrop1] = useState(false);

site/src/components/Footer/index.js

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

site/src/components/Navigation/index.js

@@ -1,4 +1,5 @@
 import { useContext } from 'react';
+import React 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,3 +1,4 @@
+import React from "react";
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
 import ChevronLightUp from '../../assets/images/Chevron-light-up.svg';