fix: remove data- from dnd attributes

Author: frankpagan

src/dashboard.html

@@ -74,7 +74,7 @@
       <!--<div class="domEditor main-height" name='cards1' collection="test" document_id="5f075add24d24a175fca5490" pass_id="me1234" >-->
       <div class="domEditor main-height" name='cards1' collection="test" pass_id="me1234" >
 
-          <div class="isotope-grid resize-grid" data-group_name="dashboard" data-droppable="true" class="dnd"
+          <div class="isotope-grid resize-grid" dnd-group-name="dashboard" droppable="true" class="dnd"
             isotope-itemselector="grid-item" 
             isotope-layoutMode="masonry" 
             isotope-columnWidth="1"
@@ -85,7 +85,7 @@
             resize-edges="0 1 1 0">
 
           <!--<div class="display:flex">-->
-            <div class="card display:inline-flex padding:20px align-items:center margin:1% grid-item width:23% width:47%@xs width:47%@sm width:23%@md" data-draggable="true" data-element_id="id1">
+            <div class="card display:inline-flex padding:20px align-items:center margin:1% grid-item width:23% width:47%@xs width:47%@sm width:23%@md" draggable="true" data-element_id="id1">
               <div class="padding-right:20px">
                 <h2>Visits</h2>
                 <p>Total visits today</p>
@@ -101,7 +101,7 @@ <h2>$4000</h2>
               </div>
             </div>
 
-            <div class="card display:inline-flex padding:20px align-items:center margin:1% grid-item width:23%  width:47%@xs width:47%@sm width:23%@md" data-draggable="true" data-element_id="id2">
+            <div class="card display:inline-flex padding:20px align-items:center margin:1% grid-item width:23%  width:47%@xs width:47%@sm width:23%@md" draggable="true" data-element_id="id2">
               <div class="padding-right:20px">
                 <h2>Orders</h2>
                 <p>Total visits today</p>
@@ -117,7 +117,7 @@ <h2>$1000</h2>
               </div>
             </div>
 
-            <div class="card display:inline-flex padding:20px align-items:center margin:1% grid-item width:23%  width:47%@xs width:47%@sm width:23%@md" data-draggable="true" data-element_id="id3">
+            <div class="card display:inline-flex padding:20px align-items:center margin:1% grid-item width:23%  width:47%@xs width:47%@sm width:23%@md" draggable="true" data-element_id="id3">
               <div class="padding-right:20px">
                 <h2>Sales</h2>
                 <p>Total visits today</p>
@@ -143,7 +143,7 @@ <h2>$500</h2>
             <!--  </div>-->
             <!--  <div class="border:bottom border-color-extra-medium-gray">-->
             <!--    <div class="display:flex align-items:center margin:0px_15px">-->
-            <!--      <form collection="module_activity" class="Sortable" data-group_name="task-items" id="testForm">-->
+            <!--      <form collection="module_activity" class="Sortable" dnd-group-name="task-items" id="testForm">-->
                   <!-- sortable task item -->
             <!--        <div id="task-item" class="display:flex flex-wrap-nowrap align-items:center margin:0px_15px padding:10px_0px template">-->
             <!--          <h3>Something...</h3>-->