fix: import react-dom error

Author: ipetersenpai

src/components/Navbar.jsx

@@ -70,13 +70,11 @@ const Navbar = () => {
           </p>
         </section>
         <section className="flex flex-row items-center gap-2 md:mr-6">
-          <button
-            className="flex flex-row items-center border-[2px] border-black text-black hover:text-white hover:bg-black px-4 py-1 rounded-[10px]"
-            onClick={openTemplateModal}
-          >
-            <GoDownload className="text-[26px] mr-1" />
-            <p className="text-[14px] font-bold">Template</p>
-          </button>
+          {userStatus && (
+            <p className="md:flex hidden">
+              Hello! {userData.decodedToken.first_name}
+            </p>
+          )}
           {userStatus ? (
             <>
               <PiUserCircleFill

src/main.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { createRoot } from "react-dom";
+import { createRoot } from "react-dom/client";
 import App from "./App.jsx";
 import "./index.css";
 import { Provider } from "react-redux";

src/screens/AcademicExcellence/Option1.jsx

@@ -178,7 +178,6 @@ const Option1 = () => {
           <button
             className="bg-[#923DFF] p-1 rounded-sm cursor-pointer mr-1.5"
             onClick={() => {
-              console.log(params.row);
               openUpdateAwardeeModalHandler(params.row);
             }}
           >