[ui] Show seb version on the UI

resources/js/src/layout/Login.js

@@ -5,6 +5,7 @@ import React from 'react';
 import { Login } from 'react-admin';
 import { Field, Form } from 'react-final-form';
 import { Link as RouterLink } from 'react-router-dom';
+import pkg from '../../../../package.json';
 
 const useStyles = makeStyles(
     (theme) => ({
@@ -171,6 +172,7 @@ const MyLoginPage = (props) => {
             </Login>
             <div className={classes.copying}>
                 <Typography>
+                    Seb {pkg.version ?? "DEV"}<br/>
                     {translate('copying.bottommessage')} <Link to="/copying" component={RouterLink} className={classes.link}>GNU AGPLv3</Link><br/>
                     <a className={classes.link} href="/doc/privacy-policy.pdf">Politique de Confidentialité</a>
                 </Typography>

resources/js/src/layout/forms/Copying.js

@@ -4,6 +4,7 @@ import { ThemeProvider } from '@material-ui/styles';
 import React, { useMemo } from 'react';
 import { createMuiTheme, TopToolbar, useTranslate } from 'react-admin';
 import { withRouter } from 'react-router-dom';
+import pkg from '../../../../../package.json';
 import theme from '../Theme';
 
 const useStyles = makeStyles(
@@ -32,7 +33,7 @@ const Copying = withRouter(({ history: { goBack }, ...props }) => {
             <ThemeProvider theme={muiTheme}>
                 <Container maxWidth="md" style={{ backgroundColor: "#424242", color: "#ffffff" }}>
                     <div className={classes.form}>
-                        <Typography variant="h4" component="h1" gutterBottom>{translate('copying.title')}</Typography>
+                        <Typography variant="h4" component="h1" gutterBottom>{translate('copying.title')} - Seb {pkg.version ?? "DEV"}</Typography>
                         <Typography variant="h5" component="h2" gutterBottom>{translate('copying.notice')}</Typography>
                         <Typography gutterBottom>
                             {translate('copying.agpl.line1')}<br />