Update card headers to be consistent

src/DonationCharityForm/DonationCharityForm.tsx

@@ -62,7 +62,7 @@ function charityForm () {
 
     <>
     <div className="form-container">
-      <h2>What kind of organization do you want to donate to?</h2>
+      <h2 className="question">What kind of organization do you want to donate to?</h2>
       <a 
         href="#" 
         className="Add-selections" 

src/DonationForm/DonationForm.tsx

@@ -49,7 +49,7 @@ function DonationForm() {
 
     </form>
 
-    <h2 className="question">Do you have any extra considerations</h2>
+    <h2 className="question">Do you have any extra considerations?</h2>
 
     <form>
       <label>

src/DonationItemForm/DonationItemForm.tsx

@@ -52,7 +52,7 @@ import './DonationItemsForm.css'; // Assuming you create a CSS file for styling
 
       <>
       <div className="form-container">
-        <h2>What kinds of items do you have to donate?</h2>
+        <h2 className="question">What kinds of items do you have to donate?</h2>
         <a 
           href="#" 
           className = "clear-selections"