Merge branch '431-config-tooltip-fixes' into 'master'

fix(ui): config tooltip improvements (#431)

Closes #431

See merge request postgres-ai/database-lab!613

Author: ane4ka

ui/packages/shared/pages/Configuration/InputWithTooltip/index.tsx

@@ -44,7 +44,7 @@ export const InputWithTooltip = ({
         onChange={onChange}
         disabled={disabled}
       />
-      <Tooltip content={<p className={styles.tooltipText}>{tooltipText()}</p>}>
+      <Tooltip interactive content={<p>{tooltipText()}</p>}>
         <InfoIcon className={styles.infoIcon} />
       </Tooltip>
     </Box>
@@ -69,12 +69,15 @@ export const InputWithChip = ({
   disabled: boolean
 }) => {
   const classes = useStyles()
-  
+
   return (
     <Box mt={2} mb={2}>
       <Box display="flex" alignItems="center">
         <TextField
-          className={classNames(!disabled && classes.textField, styles.textField)}
+          className={classNames(
+            !disabled && classes.textField,
+            styles.textField,
+          )}
           variant="outlined"
           onChange={onChange}
           value={value}
@@ -89,9 +92,7 @@ export const InputWithChip = ({
             shrink: true,
           }}
         />
-        <Tooltip
-          content={<p className={styles.tooltipText}>{tooltipText()}</p>}
-        >
+        <Tooltip interactive content={<p>{tooltipText()}</p>}>
           <InfoIcon className={styles.infoIcon} />
         </Tooltip>
       </Box>

ui/packages/shared/pages/Configuration/tooltipText.tsx

@@ -6,7 +6,7 @@ export const tooltipText = {
      Docker image used to run all database containers – clones, snapshot preparation containers, sync containers.
       Although such images are based on traditional Docker images for Postgres, DLE expects slightly different behavior: e.g.,
       Postgres is not the first process used to start container, so Postgres restarts are possible, they do not trigger
-      container state change. For details, see
+      container state change. For details, see {' '}
       <a target={'_blank'} href={'https://postgres.ai/docs/database-lab/supported-databases'} className={styles.externalLink}>the docs</a>.
     </div>
   ),
@@ -26,7 +26,7 @@ export const tooltipText = {
     <div>
       Specifies one or more shared libraries (comma-separated list) to be preloaded at Postgres server start
       (<a target={'_blank'} href={'hhttps://postgresqlco.nf/doc/en/param/shared_preload_libraries/'} className={styles.externalLink}>details</a>).
-      If some libraries/extensions are missing, Postgres fails to start, so make sure that
+      If some libraries/extensions are missing, Postgres fails to start, so make sure that {' '}
       <span className={styles.firaCodeFont}>dockerImage</span> used above contains all the needed extensions.
     </div>
   ),
@@ -54,7 +54,7 @@ export const tooltipText = {
     <div>
       Database name used to connect to the source to run diagnostics queries.
       This database is not necesserarily to be copied (another field, 
-      <span className={styles.firaCodeFont}>databases</span>, defines which database to copy).]
+      {' '}<span className={styles.firaCodeFont}>databases</span>, defines which database to copy).
     </div>
   ),
   databases: () => (