Refactor modals to use FadeModal component for consistent styling and improved user experience

- fix https://github.com/donetick/donetick/issues/222

- Replaced Modal and ModalDialog with FadeModal in LabelModal, PasswordChangeModal, SelectModal, TextModal, UserModal, WriteNFCModal, RedeemPointsModal, and AddTaskModal.
- Updated modal structure and layout to maintain functionality while enhancing visual consistency.
- Removed unused imports and commented-out code for cleaner codebase.

src/views/Modals/Inputs/ConfirmationModal.jsx

@@ -1,5 +1,5 @@
-import { Box, Button, Modal, ModalDialog, Typography } from '@mui/joy'
-import React from 'react'
+import { Box, Button, Typography } from '@mui/joy'
+import FadeModal from '../../../components/common/FadeModal'
 
 function ConfirmationModal({ config }) {
   const handleAction = isConfirmed => {
@@ -7,38 +7,41 @@ function ConfirmationModal({ config }) {
   }
 
   return (
-    <Modal open={config?.isOpen} onClose={config?.onClose}>
-      <ModalDialog>
-        <Typography level='h4' mb={1}>
-          {config?.title}
-        </Typography>
+    <FadeModal
+      open={config?.isOpen}
+      onClose={config?.onClose}
+      size='sm'
+      unmountDelay={250}
+    >
+      <Typography level='h4' mb={1}>
+        {config?.title}
+      </Typography>
 
-        <Typography level='body-md' gutterBottom>
-          {config?.message}
-        </Typography>
+      <Typography level='body-md' gutterBottom>
+        {config?.message}
+      </Typography>
 
-        <Box display={'flex'} justifyContent={'space-around'} mt={1}>
-          <Button
-            onClick={() => {
-              handleAction(true)
-            }}
-            fullWidth
-            sx={{ mr: 1 }}
-            color={config.color ? config.color : 'primary'}
-          >
-            {config?.confirmText}
-          </Button>
-          <Button
-            onClick={() => {
-              handleAction(false)
-            }}
-            variant='outlined'
-          >
-            {config?.cancelText}
-          </Button>
-        </Box>
-      </ModalDialog>
-    </Modal>
+      <Box display={'flex'} justifyContent={'space-around'} mt={1}>
+        <Button
+          onClick={() => {
+            handleAction(true)
+          }}
+          fullWidth
+          sx={{ mr: 1 }}
+          color={config.color ? config.color : 'primary'}
+        >
+          {config?.confirmText}
+        </Button>
+        <Button
+          onClick={() => {
+            handleAction(false)
+          }}
+          variant='outlined'
+        >
+          {config?.cancelText}
+        </Button>
+      </Box>
+    </FadeModal>
   )
 }
 export default ConfirmationModal