removed the gap between header and the tab content

Author: kartikpersistent

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

@@ -149,7 +149,7 @@ export default function DeletePopUpForOrphanNodes({
     getSortedRowModel: getSortedRowModel(),
     initialState: {
       pagination: {
-        pageSize: 8,
+        pageSize: 5,
       },
     },
   });
@@ -232,7 +232,7 @@ export default function DeletePopUpForOrphanNodes({
           disabled={!table.getSelectedRowModel().rows.length}
           placement='top'
         >
-          Select Node(s) to delete
+          {table.getSelectedRowModel().rows.length?`Delete Selected Nodes (${table.getSelectedRowModel().rows.length})`:'Select Node(s) to delete'}
         </ButtonWithToolTip>
       </Flex>
     </div>

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

@@ -47,8 +47,8 @@ export default function GraphEnhancementDialog({
       disableCloseButton={false}
       onClose={onClose}
     >
-      <Dialog.Header className='flex justify-between self-end' id='chatbot-dialog-title'>
-        <Box className='n-bg-palette-neutral-bg-weak p-4'>
+      <Dialog.Header className='flex justify-between self-end !mb-0'>
+        <Box className='n-bg-palette-neutral-bg-weak px-4'>
           <Box className='flex flex-row items-center mb-2'>
             <img src={graphenhancement} style={{ width: 200, height: 200, marginRight: 10 }} loading='lazy' />
             <Box className='flex flex-col'>