feat: update media in edit article and remove big hit boxes from clusters

src/client/src/components/map/WebGLMap.tsx

@@ -2650,10 +2650,10 @@ export const WebGLMap = observer(() => {
                     onTouchEnd={handleClusterClick}
                     style={{
                       position: "absolute",
-                      left: iconLeft - 25,
+                      left: iconLeft,
-                      top: iconTop - 25,
+                      top: iconTop,
-                      width: iconSize + 50,
+                      width: iconSize,
-                      height: iconSize + 50,
+                      height: iconSize,
                       pointerEvents: "auto",
                       cursor: "pointer",
                       userSelect: "none",
@@ -2669,8 +2669,6 @@ export const WebGLMap = observer(() => {
                     <div
                       style={{
                         position: "absolute",
-                        left: 25,
-                        top: 25,
                         width: iconSize,
                         height: iconSize,
                         flexShrink: 0,

src/shared/modals/UploadMediaDialog/index.tsx

@@ -103,8 +103,26 @@ export const UploadMediaDialog = observer(
 
         setMediaFile(initialFile);
         setMediaFilename(initialFile.name);
-        setAvailableMediaTypes([2]);
+
-        setMediaType(2);
+        const extension = initialFile.name.split(".").pop()?.toLowerCase();
+        if (extension) {
+          if (["glb", "gltf"].includes(extension)) {
+            setAvailableMediaTypes([6]);
+            setMediaType(6);
+          }
+          if (
+            ["jpg", "jpeg", "png", "gif", "svg", "webp", "bmp"].includes(
+              extension
+            )
+          ) {
+            setAvailableMediaTypes([1, 3, 4, 5]);
+            setMediaType(1);
+          } else if (["mp4", "webm", "mov"].includes(extension)) {
+            setAvailableMediaTypes([2]);
+            setMediaType(2);
+          }
+        }
+
         const newBlobUrl = URL.createObjectURL(initialFile);
         setMediaUrl(newBlobUrl);
         previousMediaUrlRef.current = newBlobUrl;