[components] Wrap Tooltip children in div (#2047)

Fixes a bug where the onHover didn't cover the whole element therefore
making it difficult to get the tooltip shown.

Probably because we attach the onMouseLeave and onMouseEnter onto the
individual child nodes instead of making it enclose all of them.

packages/@sanity/components/src/tooltip/tooltip.tsx

@@ -98,12 +98,13 @@ export function Tooltip(
   )
 
   return (
-    <>
+    <div
+      onBlur={handleBlur}
+      onFocus={handleFocus}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+    >
       {React.cloneElement(children, {
-        onBlur: handleBlur,
-        onFocus: handleFocus,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
         ref: setReferenceElement
       })}
 
@@ -113,6 +114,6 @@ export function Tooltip(
           {!portalProp && popperNode}
         </>
       )}
-    </>
+    </div>
   )
 }