Fix dialog rounded corners on mobile

The dialog's rounded corners were not displaying correctly on mobile devices, while they were fine on desktop. This commit addresses the issue.

src/components/TransactionEditDialog.tsx

@@ -21,6 +21,7 @@ import TransactionFormFields, {
   TransactionFormValues
 } from './transaction/TransactionFormFields';
 import TransactionDeleteAlert from './transaction/TransactionDeleteAlert';
+import { useIsMobile } from '@/hooks/use-mobile';
 
 interface TransactionEditDialogProps {
   transaction: Transaction;
@@ -38,6 +39,7 @@ const TransactionEditDialog: React.FC<TransactionEditDialogProps> = ({
   onDelete
 }) => {
   const { updateTransaction, deleteTransaction } = useBudget();
+  const isMobile = useIsMobile();
 
   const form = useForm<TransactionFormValues>({
     resolver: zodResolver(transactionFormSchema),
@@ -94,7 +96,7 @@ const TransactionEditDialog: React.FC<TransactionEditDialogProps> = ({
   
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-md">
+      <DialogContent className={`sm:max-w-md mx-auto ${isMobile ? 'rounded-xl overflow-hidden' : ''}`}>
         <DialogHeader>
           <DialogTitle>지출 수정</DialogTitle>
         </DialogHeader>