chore: enhance styling for action column

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>

Author: amitamrutiya

src/custom/ResponsiveDataTable.tsx

@@ -11,6 +11,7 @@ import { TooltipIcon } from './TooltipIconButton';
 export const IconWrapper = styled('div', {
   shouldForwardProp: (prop) => prop !== 'disabled'
 })<{ disabled?: boolean }>(({ disabled = false }) => ({
+  width: 'fit-content',
   cursor: disabled ? 'not-allowed' : 'pointer',
   opacity: disabled ? '0.5' : '1',
   display: 'flex',

src/custom/TooltipIconButton/TooltipIconButton.tsx

@@ -48,7 +48,6 @@ export function TooltipIcon({
             },
             ...style
           }}
-          disableRipple
         >
           {icon || children}
         </IconButton>