More Language string migration

frontend/src/Components/Filter/CustomFilters/CustomFilter.js

@@ -3,6 +3,7 @@ import React, { Component } from 'react';
 import IconButton from 'Components/Link/IconButton';
 import SpinnerIconButton from 'Components/Link/SpinnerIconButton';
 import { icons } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import styles from './CustomFilter.css';
 
 class CustomFilter extends Component {
@@ -89,7 +90,7 @@ class CustomFilter extends Component {
           />
 
           <SpinnerIconButton
-            title="Remove filter"
+            title={translate('RemoveFilter')}
             name={icons.REMOVE}
             isSpinning={this.state.isDeleting}
             onPress={this.onRemovePress}

frontend/src/Components/Form/FormInputGroup.js

@@ -153,7 +153,7 @@ function FormInputGroup(props) {
           <Icon
           name={icons.UNSAVED_SETTING}
           className={styles.pendingChangesIcon}
-          title="Change has not been saved yet"
+          title={translate('ChangeHasNotBeenSavedYet')}
           />
           }
         </div> */}

frontend/src/Components/NotFound.js

@@ -1,11 +1,12 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import PageContent from 'Components/Page/PageContent';
+import translate from 'Utilities/String/translate';
 import styles from './NotFound.css';
 
 function NotFound({ message }) {
   return (
-    <PageContent title="MIA">
+    <PageContent title={translate('MIA')}>
       <div className={styles.container}>
         <div className={styles.message}>
           {message}

frontend/src/Components/Page/Header/PageHeader.js

@@ -4,6 +4,7 @@ import keyboardShortcuts, { shortcuts } from 'Components/keyboardShortcuts';
 import IconButton from 'Components/Link/IconButton';
 import Link from 'Components/Link/Link';
 import { icons } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import KeyboardShortcutsModal from './KeyboardShortcutsModal';
 import MovieSearchInputConnector from './MovieSearchInputConnector';
 import PageHeaderActionsMenuConnector from './PageHeaderActionsMenuConnector';
@@ -79,7 +80,7 @@ class PageHeader extends Component {
           />
           <IconButton
             className={styles.translate}
-            title="Suggest translation change"
+            title={translate('SuggestTranslationChange')}
             name={icons.TRANSLATE}
             to="https://translate.servarr.com/projects/radarr/radarr/"
             size={24}

frontend/src/Components/Table/TableOptions/TableOptionsModal.js

@@ -151,7 +151,7 @@ class TableOptionsModal extends Component {
                             type={inputTypes.NUMBER}
                             name="pageSize"
                             value={pageSize || 0}
-                            helpText="Number of items to show on each page"
+                            helpText={translate('PageSizeHelpText')}
                             errors={pageSizeError ? [{ message: pageSizeError }] : undefined}
                             onChange={this.onPageSizeChange}
                           />