fix(frontend): add i18n for request text on titlecard

src/components/TitleCard/index.tsx

@@ -8,6 +8,7 @@ import { MediaStatus } from '../../../server/constants/media';
 import RequestModal from '../RequestModal';
 import { defineMessages, useIntl } from 'react-intl';
 import { useIsTouch } from '../../hooks/useIsTouch';
+import globalMessages from '../../i18n/globalMessages';
 
 const messages = defineMessages({
   movie: 'Movie',
@@ -256,7 +257,9 @@ const TitleCard: React.FC<TitleCardProps> = ({
                         d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
                       />
                     </svg>
-                    <span className="text-xs">Request</span>
+                    <span className="text-xs">
+                      {intl.formatMessage(globalMessages.request)}
+                    </span>
                   </button>
                 )}
               </div>

src/i18n/globalMessages.ts

@@ -6,6 +6,7 @@ const globalMessages = defineMessages({
   processing: 'Processing',
   unavailable: 'Unavailable',
   requested: 'Requested',
+  request: 'Request',
   failed: 'Failed',
   pending: 'Pending',
   declined: 'Declined',

src/i18n/locale/en.json

@@ -421,6 +421,7 @@
   "i18n.partiallyavailable": "Partially Available",
   "i18n.pending": "Pending",
   "i18n.processing": "Processing…",
+  "i18n.request": "Request",
   "i18n.requested": "Requested",
   "i18n.retry": "Retry",
   "i18n.tvshows": "Series",