PageHeader: added Grid and aligned language button right

src/components/PageHeader/PageHeader.jsx

 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { Button, MenuList, MenuItem, Paper } from '@material-ui/core';
+import { Button, MenuList, MenuItem, Paper, Grid } from '@material-ui/core';
 import TranslateIcon from '@material-ui/icons/Translate';
 import ClickAwayListener from '@material-ui/core/ClickAwayListener';
 import Grow from '@material-ui/core/Grow';
@@ -65,11 +65,20 @@ export const PageHeader = () => {
 
     return(
         <div className={classes.root}>
+            <Grid
+                container
+                direction="row"
+                justify="flex-end"
+                >
+                <Grid
+                    item
+                    >
                     <Button
                         ref={anchorRef}
                         aria-controls={open ? 'menu-list-grow' : undefined}
                         aria-haspopup="true"
                         onClick={handleToggle}
+
                     >
                         <TranslateIcon/> {t('current language')}
                     </Button>
@@ -92,6 +101,8 @@ export const PageHeader = () => {
                             </Grow>
                         )}
                     </Popper>
+                </Grid>
+            </Grid>
         </div>
     );
 };
\ No newline at end of file