update donate button

client/src/components/Header.tsx

@@ -145,19 +145,23 @@ const DonateButton: React.FC<{ onClick?: () => void }> = ({ onClick }) => {
         className="modal"
         overlayClassName="overlay"
       >
+        <div className="h-full flex flex-col">
           <h2 className="text-2xl font-bold text-[#8C1D40] mb-4">Donate to MCDi</h2>
+          <div className="flex-grow overflow-y-auto">
             <iframe
               src="https://www.zeffy.com/embed/donation-form/1cbff18e-c057-4fa6-8276-a993037de0bb"
               width="100%"
-          height="600px"
+              height="100%"
               frameBorder="0"
             ></iframe>
+          </div>
           <button
             onClick={closeModal}
             className="mt-4 bg-[#8C1D40] text-white font-bold py-2 px-4 rounded"
           >
             Close
           </button>
+        </div>
       </Modal>
     </motion.div>
   );