new line

Author: HARSH MAHAJAN

src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/+page.svelte

@@ -217,7 +217,7 @@
                         ? (max < 0n ? -max : max) >= LARGE_NUMBER_THRESHOLD
                         : Math.abs(max) >= LARGE_NUMBER_THRESHOLD_NUM);
                 if (shouldShowTooltip) {
-                    tooltip = `Min: ${min.toLocaleString()}, Max: ${max.toLocaleString()}`;
+                    tooltip = `Min: ${min.toLocaleString()}\nMax: ${max.toLocaleString()}`;
                 }
             } else if (hasValidMin) {
                 display = `Min: ${formatLargeNumber(min)}`;
@@ -468,13 +468,15 @@
                             {@const relationType = getRelationshipTypeForColumn(column)}
                             {#if minMaxSize}
                                 {#if minMaxSize.tooltip}
-                                    <Tooltip portal maxWidth="22rem" placement="top">
+                                    <Tooltip portal maxWidth="20rem" placement="top">
                                         <Typography.Caption
                                             variant="400"
                                             color="--fgcolor-neutral-tertiary">
                                             {minMaxSize.display}
                                         </Typography.Caption>
-                                        <div slot="tooltip">{minMaxSize.tooltip}</div>
+                                        <div slot="tooltip" style="white-space: pre-line;">
+                                            {minMaxSize.tooltip}
+                                        </div>
                                     </Tooltip>
                                 {:else}
                                     <Typography.Caption