lazy loading icons

Author: SHYAKA-Aime

src/components/home/Footer.tsx

@@ -9,7 +9,7 @@ const Footer = () => {
     <div className=" dark:bg-dark-bg bg-white text-primary dark:text-white flex flex-wrap justify-around items-center  border-t pt-6">
       <div className="flex flex-col mb-4 md:mb-0 md:w-auto ">
        <Link to="/" className="flex items-center space-x-2">
-          <img src={logo} alt="Logo" className="h-8 w-auto" />
+          <img src={logo} alt="Logo" className="h-8 w-auto" loading='lazy'/>
           <h1 className="text-lg font-bold font-lexend text-primary dark:text-green">
             PULSE
           </h1>

src/components/home/Header.tsx

@@ -54,6 +54,7 @@ const Header = () => {
                     className="cursor-pointer mx-2 fill-[blue]"
                     src={logo}
                     style={{ fill: '#333' }}
+                    loading="lazy"
                   />
                 ) : (
                   <img