fix: Update modal to allow scrolling with max height

components/AddOperationModal.tsx

@@ -1,4 +1,3 @@
-
 import React, { useState, useEffect } from 'react';
 import { Balance, Operation, OperationType } from '../types';
 
@@ -85,7 +84,7 @@ const AddOperationModal: React.FC<AddOperationModalProps> = ({ isOpen, onClose,
 
     return (
         <div className="fixed inset-0 bg-black bg-opacity-50 z-50 flex justify-center items-center p-4">
-            <div className="bg-white rounded-xl shadow-2xl w-full max-w-lg">
+            <div className="bg-white rounded-xl shadow-2xl w-full max-w-lg max-h-[95vh] overflow-scroll">
                 <div className="flex justify-between items-center p-6 border-b border-gray-200">
                     <h2 className="text-xl font-bold text-gray-800">{operationToEdit ? 'Edit Operation' : 'Add New Operation'}</h2>
                     <button onClick={resetForm} className="text-gray-400 hover:text-gray-600">