add NoteViewerModal for displaying chore notes and descriptions

Fix https://github.com/donetick/donetick/issues/532

src/views/Modals/Inputs/NoteViewerModal.jsx

@@ -0,0 +1,24 @@
+import { Box } from '@mui/joy'
+import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
+import RichTextEditor from '../../components/RichTextEditor'
+
+function NoteViewerModal({ config }) {
+  const { ResponsiveModal } = useResponsiveModal()
+
+  return (
+    <ResponsiveModal
+      open={config?.isOpen}
+      onClose={config?.onClose}
+      size='lg'
+      fullWidth={true}
+      unmountDelay={250}
+      title={config?.title || 'Note'}
+    >
+      <Box sx={{ overflowY: 'auto', maxHeight: '60vh' }}>
+        <RichTextEditor value={config?.content || ''} isEditable={false} />
+      </Box>
+    </ResponsiveModal>
+  )
+}
+
+export default NoteViewerModal