cleanup the repo unused images

src/components/sections/AboutHero.tsx

@@ -1,9 +1,11 @@
 import React from "react";
+import { preload } from "react-dom";
 
 export default function AboutHero() {
+  preload("/images/about-bg.webp", { as: "image" });
   return (
     <>
-      <link rel="preload" as="image" href="/images/about-bg.webp" />
+      
       <style dangerouslySetInnerHTML={{ __html: `
         .about-us-hero-content {
             width: 100% !important;