fixed the overflow issues

Author: kartikpersistent

frontend/src/components/Popups/GraphEnhancementDialog/DeleteTabForOrphanNodes/index.tsx

@@ -134,14 +134,12 @@ export default function DeletePopUpForOrphanNodes({
         },
         header: () => <span>Related Documents </span>,
         footer: (info) => info.column.id,
-        maxSize: 280,
       }),
       columnHelper.accessor((row) => row.chunkConnections, {
         id: 'Connected Chunks',
         cell: (info) => <i>{info?.getValue()}</i>,
         header: () => <span>Connected Chunks</span>,
         footer: (info) => info.column.id,
-        minSize: 280,
       }),
     ],
     []
@@ -226,9 +224,14 @@ export default function DeletePopUpForOrphanNodes({
           zebraStriping: true,
           headerStyle: 'clean',
         }}
+        rootProps={
+          {
+            className:'max-h-[355px] !overflow-y-auto'
+          }
+        }
         isLoading={isLoading}
         components={{
-          Body: (props) => <DataGridComponents.Body {...props} />,
+          Body: (props) => <DataGridComponents.Body {...props}  />,
           PaginationNumericButton: ({ isSelected, innerProps, ...restProps }) => {
             return (
               <DataGridComponents.PaginationNumericButton

frontend/src/components/Popups/GraphEnhancementDialog/index.tsx

@@ -72,7 +72,7 @@ export default function GraphEnhancementDialog({
           </Box>
         </Box>
       </Dialog.Header>
-      <Dialog.Content className='flex flex-col n-gap-token- grow overflow-auto w-[90%] mx-auto'>
+      <Dialog.Content className='flex flex-col n-gap-token- grow w-[90%] mx-auto'>
         <Tabs.TabPanel className='n-flex n-flex-col n-gap-token-4 n-p-token-6' value={activeTab} tabId={0}>
           <div className='w-[80%] mx-auto'>
             <EntityExtractionSettings