Update FormGroupLayoutLabel.tsx

I have made the following changes to improve the working label:
1. added stop propagation() on onClick  to avoid toggle the parent component 
2. improve the "?" svg

Author: Harsh517-tech415

src/lib/FormGroupLayoutLabel.tsx

@@ -30,33 +30,35 @@ const FormGroupLayoutLabel = <T extends FieldValues>(props: FormGroupLayoutLabel
   const checkboxLayout = layout === "checkbox";
 
   return (
-    <>
-      <Label check={checkboxLayout || switchLayout} for={fieldId}>
+    <div  onClick={(e) => e.stopPropagation()}>
+      <Label check={checkboxLayout || switchLayout} for={fieldId} style={{ display: "flex", gap: 1 }}>
         {finalLabel}
         {tooltip && (
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            viewBox="0 0 24 24"
-            strokeWidth={1.5}
-            stroke="currentColor"
-            id={`Tooltip-${fieldId}`}
-            className="tooltip--icon"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"
-            />
-          </svg>
+           <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              strokeWidth="1.5"
+              stroke="currentColor"
+              id={`Tooltip-${fieldId}`}
+              className="tooltip--icon"
+              width="24"
+              height="24"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"
+              />
+            </svg>
         )}
       </Label>
       {tooltip && (
         <UncontrolledTooltip placement="top" target={`Tooltip-${fieldId}`}>
           {tooltip}
         </UncontrolledTooltip>
       )}
-    </>
+    </div>
   );
 };