make clicked directly

src/Map.jsx

@@ -231,6 +231,13 @@ function MapView() {
 
     let currentlyClickedPolygon = null;
 
+    function clickFirstPolygon() {
+      // Simulate a click event on the first polygon
+      const firstPolygon = d3.select(topicsPolygons.nodes()[0]);
+      firstPolygon.node().dispatchEvent(new Event("click"));
+    }
+
+
     topicsPolygons.on("click", (event, d) => {
       // Reset the fill color of the previously clicked polygon to transparent light grey
       if (currentlyClickedPolygon !== null) {
@@ -245,12 +252,16 @@ function MapView() {
 
       currentlyClickedPolygon = clickedPolygon;
 
+
       // Display the topic name and content from top_doc_content with a scroll system
       if (d.top_doc_content) {
         // Render the TextContainer component with topic details
         setSelectedDocument(d);
       }
     });
+
+    clickFirstPolygon();
+
   };
 
   useEffect(() => {