feat: style the layers drag handle and add its tooltip string

Author: devvaannsh

src/nls/root/strings.js

@@ -829,6 +829,7 @@ define({
     "LIVE_PREVIEW_LAYERS_HIDE_TEXT_NODES": "Hide Text Nodes",
     "LIVE_PREVIEW_LAYERS_MOVE_UP": "Move Up",
     "LIVE_PREVIEW_LAYERS_MOVE_DOWN": "Move Down",
+    "LIVE_PREVIEW_LAYERS_DRAG_TO_MOVE": "Drag to move",
     "LIVE_PREVIEW_LAYERS_REVEAL_IN_CODE": "Reveal in Code",
     "LIVE_PREVIEW_LAYERS_ADD_ATTRIBUTE": "Add Attribute",
     "LIVE_PREVIEW_LAYERS_REMOVE_ATTRIBUTE": "Remove Attribute",

src/styles/Extn-LayersPanel.less

@@ -546,6 +546,27 @@
         }
     }
 
+    .layers-node-grip {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 14px;
+        height: 18px;
+        flex: none;
+        color: @project-panel-text-2;
+        cursor: grab;
+
+        svg {
+            width: 12px;
+            height: 12px;
+            display: block;
+        }
+
+        &:hover {
+            color: @project-panel-text-1;
+        }
+    }
+
     .layers-node-text {
         color: @project-panel-text-2;
         font-style: italic;
@@ -846,6 +867,10 @@ body.layers-resizing {
 body.layers-dnd {
     cursor: grabbing;
     user-select: none;
+
+    .layers-node-grip {
+        cursor: grabbing;
+    }
 }
 
 body.layers-dnd-invalid {