fix: update spacing & alignment in dialogs/drawers

Author: satnaing

src/components/confirm-dialog.tsx

@@ -42,7 +42,7 @@ export function ConfirmDialog(props: ConfirmDialogProps) {
   return (
     <AlertDialog {...actions}>
       <AlertDialogContent className={cn(className && className)}>
-        <AlertDialogHeader>
+        <AlertDialogHeader className='text-left'>
           <AlertDialogTitle>{title}</AlertDialogTitle>
           <AlertDialogDescription asChild>
             <div>{desc}</div>

src/features/tasks/components/tasks-import-dialog.tsx

@@ -79,7 +79,7 @@ export function TasksImportDialog({ open, onOpenChange }: Props) {
       }}
     >
       <DialogContent className='sm:max-w-sm gap-2'>
-        <DialogHeader>
+        <DialogHeader className='text-left'>
           <DialogTitle>Import Tasks</DialogTitle>
           <DialogDescription>
             Import tasks quickly from a CSV file.

src/features/tasks/components/tasks-mutate-drawer.tsx

@@ -75,7 +75,7 @@ export function TasksMutateDrawer({ open, onOpenChange, currentRow }: Props) {
       }}
     >
       <SheetContent className='flex flex-col'>
-        <SheetHeader>
+        <SheetHeader className='text-left'>
           <SheetTitle>{isUpdate ? 'Update' : 'Create'} Task</SheetTitle>
           <SheetDescription>
             {isUpdate

src/features/users/components/users-invite-dialog.tsx

@@ -139,7 +139,7 @@ export function UsersInviteDialog({ open, onOpenChange }: Props) {
             />
           </form>
         </Form>
-        <DialogFooter>
+        <DialogFooter className='gap-y-2'>
           <DialogClose asChild>
             <Button variant='outline'>Cancel</Button>
           </DialogClose>