fix(a11y): donation faq (#48941)

* fix: headings for faq titles

* fix: add aria-expanded

* fix: header font

client/src/components/Donation/donation-text-components.tsx

@@ -47,11 +47,13 @@ const FaqItem = (
   const [isExpanded, setExpanded] = useState(false);
   return (
     <div className={`faq-item ${isExpanded ? 'open' : ''}`} key={key}>
-      <button className='map-title' onClick={() => setExpanded(!isExpanded)}>
+      <button
+        className='map-title'
+        onClick={() => setExpanded(!isExpanded)}
+        aria-expanded={isExpanded}
+      >
         <Caret />
-        <h4>
-          <b>{title}</b>
-        </h4>
+        <h3>{title}</h3>
       </button>
       {isExpanded && (
         <>

client/src/components/Donation/donation.css

@@ -526,6 +526,12 @@ a.patreon-button:hover {
   margin-inline-start: 0.25em;
 }
 
+.faq-item h3 {
+  font-size: 1rem;
+  line-height: 1.5;
+  margin: 0;
+}
+
 .faq-item div {
   width: 100%;
   padding: 10px 15px;