fix: allow donate modal to dynamically change for devices

[yontank]

Description

Dynamically changes DonationModal to support (hopefully) most devices,
as written in #942

screenshots

[github-actions]

Preview: https://s3.amazonaws.com/noam-gaash.co.il/12102114996/open-bus/182/index.html
Preview Storybook: https://s3.amazonaws.com/noam-gaash.co.il/12102114996/open-bus/182/storybook/index.html
Test Report (if available): 'https://s3.amazonaws.com/noam-gaash.co.il/12102114996/open-bus/abf963f3d0c9ba35e5dd51a74aa6c13202fead9f/test-results/index.html'

[NoamGaash]

It looks great, thank you!
my thoughts -

1. merge from main to get the latest version (with the right color)
2. I think the desktop version should not ne aligned to the center - what do you think?

When you feel it's ready, please mark the pull request as "ready for review"

[yontank]

yeah I agree, setting it to the left looks much better,

got 2 questions:

1. Is it okay to use CSS styles right inside the JSX tags? for example
2. about the jgive image, is it okay that it's moved to the left?

[NoamGaash]

1. it's ok, but it's better to use scss or styled components
2. sure 🙏

by the way, I think that we should add some tests to see how things look in English (not just this modal)

[NoamGaash]

I think it's a great improvement - so please feel free to merge if you feel comfortable with that code, and open another PR if you want to make more progress 🙏

[yontank]

Hey, Sure thing! I thought about creating the tests and then merging, but it's probably gonna take some time since I'm new PlayWright 😢