Add option to reset image filters to default

src/modules/core/components/buttons/ResetButton.tsx

@@ -9,12 +9,28 @@
 import Button, { ButtonProps } from '@mui/material/Button';
 import { useTranslation } from 'react-i18next';
 import RestartAltIcon from '@mui/icons-material/RestartAlt';
+import Tooltip from '@mui/material/Tooltip';
+import IconButton, { IconButtonProps } from '@mui/material/IconButton';
 
-export const ResetButton = (props: ButtonProps) => {
+type PropsIconButton = { asIconButton: true } & IconButtonProps;
+type PropsButton = { asIconButton?: false } & ButtonProps;
+type Props = PropsIconButton | PropsButton;
+
+export const ResetButton = ({ asIconButton, ...props }: Props) => {
     const { t } = useTranslation();
 
+    if (asIconButton) {
+        return (
+            <Tooltip title={t('global.button.reset')}>
+                <IconButton color="inherit" {...props}>
+                    <RestartAltIcon />
+                </IconButton>
+            </Tooltip>
+        );
+    }
+
     return (
-        <Button startIcon={<RestartAltIcon />} {...props}>
+        <Button startIcon={<RestartAltIcon />} {...(props as ButtonProps)}>
             {t('global.button.reset')}
         </Button>
     );

src/modules/core/components/inputs/SliderInput.tsx

@@ -36,6 +36,6 @@ export const SliderInput = ({
             </Typography>
         </Stack>
         <Slider {...slotProps?.slider} sx={{ flexBasis: '75%', ...slotProps?.slider?.sx }} />
-        {onDefault && <ResetButton onClick={onDefault} variant="outlined" />}
+        {onDefault && <ResetButton asIconButton onClick={onDefault} />}
     </Stack>
 );