Add donation section to about

components/settings/about.js

@@ -18,6 +18,9 @@ export default class AboutSection extends Component {
         <FramedSegment title={labels.credits.title}>
           <AppText>{labels.credits.note}</AppText>
         </FramedSegment>
+        <FramedSegment title={labels.donate.title}>
+          <AppText>{labels.donate.note}</AppText>
+        </FramedSegment>
         <FramedSegment title={labels.website.title}>
           <AppText>{links.website.url}</AppText>
         </FramedSegment>

i18n/en/links.js

@@ -14,4 +14,8 @@ export default {
   website: {
     url: 'https://bloodyhealth.gitlab.io/'
   },
+  donate: {
+    url: 'https://ko-fi.com/dripapp',
+    text: 'here'
+  }
 }

i18n/en/settings.js

@@ -123,5 +123,9 @@ You can contact us by bloodyhealth@mailbox.org.`
   credits: {
     title: 'Credits',
     note: 'Thanks and lots of <3 to all of our contributors as well as Susanne Umscheid for the wonderful design, and Paula Härtel for the symptom icons.'
+  },
+  donate: {
+    title: 'Buy us a coffee!',
+    note: `The Bloody Health team is always grateful for donations, big or small, that help us maintain this app and develop new features. You can donate ${links.donate.url}. Thank you! You're awesome.`
   }
 }