Add Suggest translation change link

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

@@ -37,6 +37,22 @@
   flex-grow: 1;
 }
 
+.translation {
+  composes: link from '~Components/Link/Link.css';
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 35px;
+  color: #fff;
+  text-align: center;
+  line-height: 60px;
+
+&:hover {
+   color: #1d563d;
+ }
+}
+
 .donate {
   composes: link from '~Components/Link/Link.css';
 
@@ -59,7 +75,8 @@
     display: flex;
   }
 
-  .donate {
+  .donate,
+  .translation {
     display: none;
   }
 }

frontend/src/Components/Page/Header/PageHeader.css.d.ts

@@ -8,6 +8,7 @@ interface CssExports {
   'logoLink': string;
   'right': string;
   'sidebarToggleContainer': string;
+  'translation': string;
 }
 export const cssExports: CssExports;
 export default cssExports;

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 ArtistSearchInputConnector from './ArtistSearchInputConnector';
 import KeyboardShortcutsModal from './KeyboardShortcutsModal';
 import PageHeaderActionsMenuConnector from './PageHeaderActionsMenuConnector';
@@ -81,6 +82,13 @@ class PageHeader extends Component {
             to="https://lidarr.audio/donate"
             size={14}
           />
+          <IconButton
+            className={styles.translation}
+            title={translate('SuggestTranslationChange')}
+            name={icons.TRANSLATE}
+            to="https://translate.servarr.com/projects/servarr/lidarr/"
+            size={24}
+          />
           <PageHeaderActionsMenuConnector
             onKeyboardShortcutsPress={this.onOpenKeyboardShortcutsModal}
           />