Update commons-ui

Author: Tristan-WorkGH

src/components/App/app-top-bar.tsx

@@ -16,7 +16,7 @@ import {
 } from 'react';
 import { capitalize, Tab, Tabs, useTheme } from '@mui/material';
 import { Groups, ManageAccounts, NotificationImportant, PeopleAlt } from '@mui/icons-material';
-import { fetchAppsMetadata, logout, Metadata, TopBar, useGlobalAnnouncement } from '@gridsuite/commons-ui';
+import { fetchAppsMetadata, logout, Metadata, TopBar } from '@gridsuite/commons-ui';
 import { useParameterState } from '../parameters';
 import { APP_NAME, PARAM_LANGUAGE, PARAM_THEME } from '../../utils/config-params';
 import { NavLink, type To, useMatches, useNavigate } from 'react-router';
@@ -111,8 +111,6 @@ const AppTopBar: FunctionComponent = () => {
 
     const [appsAndUrls, setAppsAndUrls] = useState<Metadata[]>([]);
 
-    const announcementInfos = useGlobalAnnouncement(user);
-
     useEffect(() => {
         if (user !== null) {
             fetchAppsMetadata().then((res) => {
@@ -139,7 +137,6 @@ const AppTopBar: FunctionComponent = () => {
             onLanguageClick={handleChangeLanguage}
             language={languageLocal}
             developerMode={false} // TODO: set as optional in commons-ui
-            announcementInfos={announcementInfos}
         >
             <Tabs
                 component="nav"

src/components/App/app.tsx

@@ -9,6 +9,7 @@ import { FunctionComponent, PropsWithChildren, useCallback, useEffect } from 're
 import { useDispatch, useSelector } from 'react-redux';
 import { Grid } from '@mui/material';
 import {
+    AnnouncementNotification,
     CardErrorBoundary,
     NotificationsUrlKeys,
     useNotificationsListener,
@@ -97,6 +98,9 @@ const App: FunctionComponent<PropsWithChildren<{}>> = (props, context) => {
             sx={{ height: '100vh', width: '100vw' }}
         >
             <Grid item xs="auto" component={AppTopBar} />
+            <Grid item xs="auto">
+                <AnnouncementNotification user={user} />
+            </Grid>
             <Grid item container xs component="main">
                 <CardErrorBoundary>{/*Router outlet ->*/ props.children}</CardErrorBoundary>
             </Grid>