fix: adjust transition timeout and add UNASSIGNED color constant

src/components/animations/PageTransition.jsx

@@ -81,12 +81,11 @@ const PageTransition = ({ children }) => {
         key={location.pathname}
         classNames={getTransitionClasses()}
         timeout={{
-          enter: 300,
-          exit: 200,
+          enter: 50,
+          exit: 50,
         }}
-        unmountOnExit
       >
-        <div 
+        <div
           className='page-wrapper'
           style={{
             paddingBottom: `var(--safe-area-inset-bottom, 0px)`,

src/utils/Colors.jsx

@@ -87,6 +87,7 @@ export const TASK_COLOR = {
   // FOR ASSIGNEE:
   ASSIGNED_TO_ME: '#4ec1a2',
   ASSIGNED_TO_OTHER: '#b39ddb',
+  UNASSIGNED: '#ffc107',
 
   // FOR PRIORITY:
   // PRIORITY_1: '#F03A47',

src/views/Modals/Inputs/DateModal.jsx

@@ -6,7 +6,7 @@ function DateModal({ isOpen, onClose, onSave, current, title }) {
   const { ResponsiveModal } = useResponsiveModal()
 
   const [date, setDate] = useState(
-    current ? new Date(current).toISOString().split('T')[0] : null,
+    current ? new Date(current).toISOString().split('T')[0] : '',
   )
 
   const handleSave = () => {