ui: improve Add Task modal layout and user experience

[HimasreeKolathur24]

Closes #504

Summary

Improved the Add Task modal to provide a cleaner, more intuitive, and visually appealing task creation experience.

Changes Made

• Centered the modal title for better visual hierarchy.
• Improved spacing and alignment between form elements.
• Enhanced Task Title and Repeat dropdown layout.
• Updated description placeholder text for better usability.
• Refined Deadline & Time section spacing and styling.
• Improved modal dimensions and overall responsiveness.
• Added background blur effect when the modal is open to improve focus and reduce visual clutter.

Before

The Add Task modal felt visually cramped, with inconsistent spacing and distractions from background content.

After

The modal now provides a cleaner and more focused experience with improved spacing, alignment, and visual hierarchy.

Type of Change

• UI / UX Enhancement
• Bug Fix
• New Feature

Screenshots

Before

After

[vercel]

@HimasreeKolathur24 is attempting to deploy a commit to the Lovely Mahour's projects Team on Vercel.

A member of the Team first needs to authorize it.