added placeholder for image

Author: kiranlm

src/components/Launch/Mission/LazyImage.js

@@ -10,6 +10,7 @@ import PropTypes from "prop-types";
  * @returns {HTMLElement} | image tag with loaded image src
  */
 function LazyImage({ src, alt }) {
+  const placeholder = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAACqCAQAAACXfxwJAAAA6klEQVR42u3QQQEAAAQEMNe/rAaU4LdFWHqKY5EqVapUpEqVilSpUpEqVSpSpUpFqlSpSJUqFalSpSJVqlSkSpUqFalSpSJVqlSkSpWKVKlSkSpVKlKlSkWqVKlIlSoVqVKlSkWqVKlIlSoVqVKlIlWqVKRKlYpUqVKRKlUqUqVKRapUqVKRKlUqUqVKRapUqUiVKhWpUqUiVapUpEqVilSpUpEqVapUqVKlSkWqVKlIlSoVqVKlIlWqVKRKlYpUqVKRKlUqUqVKRapUqVKRKlUqUqVKRapUqUiVKhWpUqUiVapUpEqVitRfC5uXSXCNJu7OAAAAAElFTkSuQmCC";
   const [loaded, setLoaded] = useState(false);
   const imgRef = useRef();
   useEffect(() => {
@@ -20,7 +21,7 @@ function LazyImage({ src, alt }) {
   return (
     <img
       loading="lazy"
-      src={src}
+      src={!loaded ? placeholder : src}
       alt={alt}
       ref={imgRef}
       onLoad={() => setLoaded(true)}