feat: add donate button for english donate modal (#992)

Author: TomRytt

src/locale/en.json

@@ -80,6 +80,8 @@
 
   "donation_through_bank_title": "Donation through bank transfer",
   "donation_through_bank_reccomendation": "It is recommended to donate a bank transfer to the public knowledge workshop bank account, as this fee is lower",
+  "donate_to_hasadna": "Donate to Hasadna",
+  "donation_link": "Donation link",
 
   "bank": "Bank",
   "branch": "Branch",

src/locale/he.json

@@ -79,6 +79,8 @@
 
   "donation_through_bank_title": "תרומה דרך העברה בנקאית",
   "donation_through_bank_reccomendation": "מומלץ לתרום דרך העברה בנקאית לחשבון הבנק של הסדנא לידע ציבורי, מכיוון שבאפיק זה העמלה נמוכה יותר",
+  "donate_to_hasadna": "תרומה לסדנא",
+  "donation_link": "קישור לתרומה",
 
   "bank": "בנק",
   "branch": "סניף",

src/pages/DonateModal/DonateModal.tsx

@@ -28,6 +28,12 @@ export const DonateModal: React.FC<DonateModalProps> = ({ isVisible, onClose })
   const { t } = useTranslation()
   const { direction } = useTheme()
 
+  // Use Image with Hebrew text for RTL and English text for LTR
+  const donateNowImageUrlEN =
+    'https://www.hasadna.org.il/wp-content/uploads/2018/08/button-300x73.png'
+  const donateNowImageUrlHE =
+    'https://www.hasadna.org.il/wp-content/uploads/2018/08/button-EN-300x73.png'
+
   return (
     <Modal
       dir={direction}
@@ -59,14 +65,14 @@ export const DonateModal: React.FC<DonateModalProps> = ({ isVisible, onClose })
                 rel="noreferrer">
                 <img
                   src="https://www.hasadna.org.il/wp-content/uploads/2017/12/%D7%AA%D7%A8%D7%95%D7%9E%D7%95%D7%AA.jpg"
-                  alt="קישור לתרומה"
+                  alt={t('donation_link')}
                   width={'90%'}
                   style={{ maxWidth: '420px' }}
                 />
                 <img
                   width={'90%'}
-                  src="https://www.hasadna.org.il/wp-content/uploads/2018/08/button-300x73.png"
-                  alt="תרום עכשיו"
+                  src={direction === 'rtl' ? donateNowImageUrlEN : donateNowImageUrlHE}
+                  alt={t('donate_to_hasadna')}
                   // style={{ margin: shouldImgCollapse ? 'auto' : '', display: 'block' }}
                   style={{ display: 'block', maxWidth: '300px' }}
                 />