refine gallery preview layout

src/components/Map/MapView.jsx

@@ -1696,13 +1696,13 @@ export default function MapView({
                         </div>
                         {draftMediaUrls.length > 1 && (
                           <div className="create-gallery-items">
-                            {draftMediaUrls.map((url, idx) => (
+                            {draftMediaUrls.slice(1).map((url, idx) => (
                               <figure key={`${url}-${idx}`} className="create-gallery-item">
-                                <img src={url} alt={`Selected image ${idx + 1}`} />
+                                <img src={url} alt={`Selected image ${idx + 2}`} />
                                 <button
                                   type="button"
                                   className="create-gallery-remove"
-                                  onClick={() => removeMediaUrlAtIndex(idx)}
+                                  onClick={() => removeMediaUrlAtIndex(idx + 1)}
                                   aria-label="Remove image"
                                 >
                                   ×

src/styles/map.css

@@ -779,7 +779,7 @@
 .create-gallery-items{
   display:flex;
   flex-wrap:nowrap;
-  gap:.6rem;
+  gap:.3rem;
   overflow-x:auto;
   padding-bottom:.25rem;
 }