Intial logic for tooltip label position (#1087)

Author: Pratheek555

packages/layout_editor/src/components/SurfaceMenu/SurfaceItem.jsx

@@ -18,7 +18,7 @@ const SurfaceItem = ({
   onRemove,
   type,
   cursor = 'grab',
-  tooltipPosition = 'bottom',
+  tooltipPosition = 'top',
   size,
 }) => {
   const { attributes, listeners, setNodeRef, transform, isDragging } =

packages/react/src/views/SurfaceMenu/SurfaceItem.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Tooltip, ActionButton } from '@embeddedchat/ui-elements';
 
 const SurfaceItem = ({ item, size }) => (
-  <Tooltip text={item.label} position="bottom" key={item.id}>
+  <Tooltip text={item.label} position="top" key={item.id}>
     <ActionButton
       square
       ghost