add a donation button to footer

src/components/Footer.tsx

@@ -18,7 +18,28 @@ export default function Footer() {
 			<a href="https://www.linkedin.com/in/nkanchinadam/">Nitin Kanchinadam</a>.
 			Code:{' '}
 			<a href="https://github.com/myfatemi04/wheelshare-frontend">frontend</a>,{' '}
-			<a href="https://github.com/myfatemi04/wheelshare-altbackend">backend</a>
+			<a href="https://github.com/myfatemi04/wheelshare-altbackend">backend</a>{' '}
+			<a
+				href="https://ko-fi.com/michaelfatemi"
+				target="_blank"
+				rel="noopener noreferrer"
+				style={{
+					display: 'inline-block',
+					position: 'relative',
+					backgroundColor: 'rgb(255, 56, 96)',
+					borderRadius: '0.5rem',
+					padding: '0.5em',
+					color: 'white',
+					textDecoration: 'none',
+				}}
+			>
+				<img
+					src="https://ko-fi.com/img/cup-border.png"
+					alt=""
+					style={{ height: '1em' }}
+				/>
+				Donate
+			</a>
 		</div>
 	);
 }