use unique classname for basemap layers drag&drop

src/components/Project/Basemaps/BasemapListItem.vue

@@ -179,7 +179,7 @@ export default {
     onlayerMove() {
       //* Get the names of the current layers in order.
       const currentLayersNamesInOrder = Array.from(
-        document.getElementsByClassName('layer-item')
+        document.getElementsByClassName(`basemap-${this.basemap.id}`)
       ).map((el) => el.id);
 
       //* increment value 'order' in this.basemap.layers looping over layers from template ^

src/components/Project/Basemaps/ProjectMappingContextLayer.vue

 <template>
   <div
     :id="layer.dataKey"
-    class="ui segment layer-item"
+    :class="`ui segment layer-item basemap-${basemapid}`"
   >
     <div class="ui divided form">
       <div