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/TextModal.jsx

@@ -1,5 +1,6 @@
-import { Box, Button, Modal, ModalDialog, Textarea, Typography } from '@mui/joy'
+import { Box, Button, Textarea, Typography } from '@mui/joy'
 import { useState } from 'react'
+import FadeModal from '../../../components/common/FadeModal'
 
 function TextModal({
   isOpen,
@@ -18,29 +19,26 @@ function TextModal({
   }
 
   return (
-    <Modal open={isOpen} onClose={onClose}>
-      <ModalDialog>
-        {/* <ModalClose /> */}
-        <Typography variant='h4'>{title}</Typography>
-        <Textarea
-          placeholder='Type in here…'
-          value={text}
-          onChange={e => setText(e.target.value)}
-          minRows={2}
-          maxRows={4}
-          sx={{ minWidth: 300 }}
-        />
+    <FadeModal open={isOpen} onClose={onClose}>
+      <Typography variant='h4'>{title}</Typography>
+      <Textarea
+        placeholder='Type in here…'
+        value={text}
+        onChange={e => setText(e.target.value)}
+        minRows={2}
+        maxRows={4}
+        sx={{ minWidth: 300 }}
+      />
 
-        <Box display={'flex'} justifyContent={'space-around'} mt={1}>
-          <Button onClick={handleSave} fullWidth sx={{ mr: 1 }}>
-            {okText ? okText : 'Save'}
-          </Button>
-          <Button onClick={onClose} variant='outlined'>
-            {cancelText ? cancelText : 'Cancel'}
-          </Button>
-        </Box>
-      </ModalDialog>
-    </Modal>
+      <Box display={'flex'} justifyContent={'space-around'} mt={1}>
+        <Button onClick={handleSave} fullWidth sx={{ mr: 1 }}>
+          {okText ? okText : 'Save'}
+        </Button>
+        <Button onClick={onClose} variant='outlined'>
+          {cancelText ? cancelText : 'Cancel'}
+        </Button>
+      </Box>
+    </FadeModal>
   )
 }
 export default TextModal