Add support for i18n using lingui

src/components/LogoutButton.jsx

@@ -1,4 +1,6 @@
 import React from 'react';
+import { I18n } from '@lingui/react';
+import { t } from '@lingui/macro';
 
 import {
   Button,
@@ -8,19 +10,23 @@ import {
 import { UserIcon } from '@patternfly/react-icons';
 
 const LogoutButton = ({ onDevLogout }) => (
-  <Button
-    id="button-logout"
-    aria-label="Logout"
-    variant={ButtonVariant.plain}
-    onClick={onDevLogout}
-    onKeyDown={event => {
-      if (event.keyCode === 13) {
-        onDevLogout();
-      }
-    }}
-  >
-    <UserIcon />
-  </Button>
+  <I18n>
+    {({ i18n }) => (
+      <Button
+        id="button-logout"
+        aria-label={i18n._(t`Logout`)}
+        variant={ButtonVariant.plain}
+        onClick={onDevLogout}
+        onKeyDown={event => {
+          if (event.keyCode === 13) {
+            onDevLogout();
+          }
+        }}
+      >
+        <UserIcon />
+      </Button>
+    )}
+  </I18n>
 );
 
 export default LogoutButton;