Replaced all the css into tailwind css on DonationSection component (#1770)

Author: subhajit20

components/ReusableSections/DonateSection/DonateSection.js

@@ -2,7 +2,6 @@ import { s3 } from 'common/constants/urls';
 import Container from 'components/Container/Container';
 import LinkButton from 'components/Buttons/LinkButton/LinkButton';
 import Heading from 'components/Heading/Heading';
-import styles from './DonateSection.module.css';
 
 function DonateSection() {
   return (
@@ -18,7 +17,7 @@ function DonateSection() {
 
       <p>Thank you for supporting our mission!</p>
 
-      <LinkButton href="/donate" theme="primary" className={styles.topMargin}>
+      <LinkButton href="/donate" theme="primary" className="mt-4">
         Donate Now
       </LinkButton>
     </Container>

components/ReusableSections/DonateSection/DonateSection.module.css

@@ -19,7 +19,7 @@ exports[`DonateSection should render with no props passed passed 1`] = `
     Thank you for supporting our mission!
   </p>
   <LinkButton
-    className="topMargin"
+    className="mt-4"
     fullWidth={false}
     href="/donate"
     theme="primary"