fix code-editor hints tooltip hidden issue in bottom panel

Author: raheeliftikhar5

client/packages/lowcoder/src/base/codeEditor/codeEditor.tsx

@@ -51,8 +51,10 @@ const textStyle = css`
 export const CodeEditorTooltipContainer = styled.div`
   // tooltip common
   .cm-tooltip {
-    z-index: ${Layers.codeEditorTooltip};
     border: 1px solid #d7d9e0;
+    padding: 5px !important;
+    margin-top: 5px !important;
+    height: 120px;
   }
   // make sure antd popover in the code editor available
   .ant-popover {

client/packages/lowcoder/src/pages/editor/bottom/BottomContent.tsx

@@ -143,7 +143,13 @@ export const BottomContent = () => {
       </Left>
       <Drag />
       <Right>
-        <div style={{ width: "100%", height: "100%", minWidth: "480px" }}>
+        <div style={{
+          width: "100%",
+          height: "100%",
+          minWidth: "480px",
+          display: "flex",
+          flexDirection: "column",
+        }}>
           <MetaDataContext.Provider value={metaData}>
             <CompNameContext.Provider
               value={editorState.selectedQueryComp()?.children.name.getView() || ""}