fix(frontend): add github sponsor link to about page

src/components/Settings/SettingsAbout/index.tsx

@@ -6,6 +6,7 @@ import LoadingSpinner from '../../Common/LoadingSpinner';
 import { SettingsAboutResponse } from '../../../../server/interfaces/api/settingsInterfaces';
 import { defineMessages, FormattedNumber, useIntl } from 'react-intl';
 import Releases from './Releases';
+import Badge from '../../Common/Badge';
 
 const messages = defineMessages({
   overseerrinformation: 'Overseerr Information',
@@ -19,6 +20,7 @@ const messages = defineMessages({
   supportoverseerr: 'Support Overseerr',
   helppaycoffee: 'Help Pay for Coffee',
   documentation: 'Documentation',
+  preferredmethod: 'Preferred Method',
 });
 
 const SettingsAbout: React.FC = () => {
@@ -94,6 +96,19 @@ const SettingsAbout: React.FC = () => {
           <List.Item
             title={`${intl.formatMessage(messages.helppaycoffee)} ☕️`}
           >
+            <a
+              href="https://github.com/sponsors/sct"
+              target="_blank"
+              rel="noreferrer"
+              className="text-indigo-500 hover:underline"
+            >
+              https://github.com/sponsors/sct
+            </a>
+            <Badge className="ml-2">
+              {intl.formatMessage(messages.preferredmethod)}
+            </Badge>
+          </List.Item>
+          <List.Item title="">
             <a
               href="https://patreon.com/overseerr"
               target="_blank"

src/i18n/locale/en.json

@@ -340,6 +340,7 @@
   "components.Settings.SettingsAbout.githubdiscussions": "GitHub Discussions",
   "components.Settings.SettingsAbout.helppaycoffee": "Help Pay for Coffee",
   "components.Settings.SettingsAbout.overseerrinformation": "Overseerr Information",
+  "components.Settings.SettingsAbout.preferredmethod": "Preferred Method",
   "components.Settings.SettingsAbout.supportoverseerr": "Support Overseerr",
   "components.Settings.SettingsAbout.timezone": "Timezone",
   "components.Settings.SettingsAbout.totalmedia": "Total Media",
@@ -355,6 +356,7 @@
   "components.Settings.SettingsJobsCache.cachename": "Cache Name",
   "components.Settings.SettingsJobsCache.cachevsize": "Value Size",
   "components.Settings.SettingsJobsCache.canceljob": "Cancel Job",
+  "components.Settings.SettingsJobsCache.command": "Command",
   "components.Settings.SettingsJobsCache.flushcache": "Flush Cache",
   "components.Settings.SettingsJobsCache.jobcancelled": "{jobname} cancelled.",
   "components.Settings.SettingsJobsCache.jobname": "Job Name",
@@ -363,6 +365,7 @@
   "components.Settings.SettingsJobsCache.jobstarted": "{jobname} started.",
   "components.Settings.SettingsJobsCache.jobtype": "Type",
   "components.Settings.SettingsJobsCache.nextexecution": "Next Execution",
+  "components.Settings.SettingsJobsCache.process": "Process",
   "components.Settings.SettingsJobsCache.runnow": "Run Now",
   "components.Settings.SonarrModal.add": "Add Server",
   "components.Settings.SonarrModal.animequalityprofile": "Anime Quality Profile",
@@ -413,7 +416,6 @@
   "components.Settings.applicationurl": "Application URL",
   "components.Settings.autoapprovedrequests": "Enable Notifications for Auto-Approved Requests",
   "components.Settings.cancelscan": "Cancel Scan",
-  "components.Settings.command": "Command",
   "components.Settings.copied": "Copied API key to clipboard.",
   "components.Settings.csrfProtection": "Enable CSRF Protection",
   "components.Settings.csrfProtectionHoverTip": "Do NOT enable this unless you understand what you are doing!",
@@ -455,7 +457,6 @@
   "components.Settings.plexsettings": "Plex Settings",
   "components.Settings.plexsettingsDescription": "Configure the settings for your Plex server. Overseerr scans your Plex libraries to see what content is available.",
   "components.Settings.port": "Port",
-  "components.Settings.process": "Process",
   "components.Settings.radarrSettingsDescription": "Configure your Radarr connection below. You can have multiple Radarr configurations, but only two can be active as defaults at any time (one for standard HD and one for 4K). Administrators can override the server which is used for new requests.",
   "components.Settings.radarrsettings": "Radarr Settings",
   "components.Settings.save": "Save Changes",