Update the Header components

Author: officialrajdeepsingh

components/Header.tsx

@@ -1,4 +1,4 @@
-import React,{ useEffect, useState} from "react";
+import React,{  useState} from "react";
 import Link from 'next/link';
 
 import { MdNightlightRound, MdWbSunny } from "react-icons/md";
@@ -7,7 +7,6 @@ function Header() {
 
   const [color, setColor] = useState('hidden')
 
-//  useEffect(() => setColor('hidden'), [])
 
   return (
     <main className="container">
@@ -38,8 +37,8 @@ function Header() {
 
           <li>
             <button id="theme-toggle" type="button"  className="theme-toggle-button" data-theme-switcher="light">
-              <MdNightlightRound fill='white' className={color} id="theme-toggle-dark-icon" />
-              <MdWbSunny fill='black' className={color} id="theme-toggle-light-icon"/>
+              <MdNightlightRound fill='black' className={color} id="theme-toggle-dark-icon" />
+              <MdWbSunny fill='white' className={color} id="theme-toggle-light-icon"/>
             </button>
           </li>
         </ul>