Resolve "create a carousel component"

Closes #90 (closed)

src/components/Carousel.js

@@ -4,23 +4,41 @@ import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 import useBaseUrl from "@docusaurus/useBaseUrl";
 
-
 function CarouselElement({name, img, link}) {
+  if (typeof link && typeof name === "undefined") {
+    return (
+      <div className="box_carousel">     
+        <div>
+          <img src={useBaseUrl(img)} className="carousel-img" />
+        </div>
+      </div>
+    );
+  }
 
-  if (typeof link === "undefined") {
+  else if (typeof link === "undefined") {
     return (
       <div className="box_carousel">     
-     {/* </div><div className="box_carousel">  */}
         <div>
           <img src={useBaseUrl(img)} className="carousel-img" />
           <h6 className="title_carousel">{name}</h6>
         </div>
       </div>
     );
-  } else {
+  }
+
+  else if (typeof name === "undefined") {
+    return (
+      <div className="box_carousel">
+        <a href={link} target="_blank" rel="noopener noreferrer">
+          <img src={useBaseUrl(img)} className="carousel-img" />
+        </a>
+      </div>
+    );
+  }
+
+  else {
     return (
-      <div className="box_carousel">    
-        {/* <div className="box_carousel"> */}
+      <div className="box_carousel">
         <a href={link} target="_blank" rel="noopener noreferrer">
           <img src={useBaseUrl(img)} className="carousel-img" />
           <h6 className="title_carousel">{name}</h6>