fix: corrected tab component layout

frontend/src/Editor/CustomDragLayer.jsx

@@ -97,7 +97,7 @@ export const CustomDragLayer = ({ canvasWidth, onDragging }) => {
   }
 
   return (
-    <div style={layerStyles}>
+    <div style={{ ...layerStyles, ...(isDragging ? { zIndex: 1061 } : {}) }}>
       <div
         style={getItemStyles(
           delta,

frontend/src/Editor/DragContainer.css

@@ -5,7 +5,7 @@
 	/* top: 150px;
 	left: 100px; */
 	/* line-height: 100px; */
-	text-align: center;
+	/* text-align: center; */
 	/* background: #ee8; */
 	/* color: #333; */
 	/* font-weight: bold; */

frontend/src/Editor/DragContainer.jsx

@@ -206,7 +206,11 @@ export default function DragContainer({
           }}
           flushSync={flushSync}
           target={
-            draggedSubContainer ? '.asdadadasdadad' : groupedTargets.length > 1 ? [...groupedTargets] : '.widget-target'
+            draggedSubContainer || (groupedTargets.length < 2 && selectedComponents.length > 1)
+              ? '.asdadadasdadad'
+              : groupedTargets.length > 1
+              ? [...groupedTargets]
+              : '.widget-target'
           }
           origin={false}
           individualGroupable={selectedComponents.length <= 1}

frontend/src/Editor/WidgetManager/widgetConfig.js

@@ -3542,7 +3542,7 @@ export const widgets = [
         componentName: 'Image',
         layout: {
           top: 60,
-          left: 37,
+          left: 17,
           height: 100,
         },
         tab: 0,
@@ -3555,7 +3555,7 @@ export const widgets = [
         componentName: 'Text',
         layout: {
           top: 100,
-          left: 17,
+          left: 5,
           height: 50,
           width: 34,
         },
@@ -3570,7 +3570,7 @@ export const widgets = [
         layout: {
           top: 0,
           left: 1,
-          width: 42,
+          width: 41,
           height: 250,
         },
         tab: 2,