Added reload prompt for all pages

src/frontend/src/pages/ui/RootPage.tsx

@@ -1,9 +1,11 @@
 import { type PropsWithChildren, type FC } from 'react';
 import { Outlet, ScrollRestoration } from 'react-router-dom';
+import { ReloadPrompt } from '@/widgets/pwa';
 
 export const RootPage: FC<PropsWithChildren> = ({ children }) => (
   <>
     <ScrollRestoration />
+    <ReloadPrompt />
     <Outlet />
     {children}
   </>

src/frontend/src/widgets/layout/ui/PrivateLayout.tsx

@@ -1,7 +1,6 @@
 import { type Theme, useMediaQuery, useScrollTrigger } from '@mui/material';
 import { type PropsWithChildren, type FC, type ReactElement } from 'react';
 import { useAuthStatusCheckEffect } from '@/features/auth';
-import { ReloadPrompt } from '@/ReloadPrompt';
 import { APP_BAR_HEIGHT_SM, APP_BAR_HEIGHT_XS } from '@/shared/constants';
 import { useToggle } from '@/shared/hooks';
 import { AppShell } from '@/shared/ui';
@@ -36,7 +35,6 @@ export const PrivateLayout: FC<Props> = ({ children, subheader }) => {
       subheader={subheader}
       subheaderElevation={pageScrolled ? 1 : 0}
     >
-      <ReloadPrompt />
       {children}
     </AppShell>
   );

src/frontend/src/widgets/pwa/index.ts

@@ -0,0 +1 @@
+export * from './ui';

src/frontend/src/widgets/pwa/ui/ReloadPrompt.tsx

@@ -0,0 +1,33 @@
+import { useRegisterSW } from 'virtual:pwa-register/react';
+import { Button, Snackbar } from '@mui/material';
+import { type FC } from 'react';
+
+export const ReloadPrompt: FC = () => {
+  const registerSw = useRegisterSW({
+    onRegisteredSW: async (_, registration) => {
+      await registration?.update();
+    },
+  });
+
+  const [needRefresh] = registerSw.needRefresh;
+
+  const handleReload = (): void => {
+    registerSw.updateServiceWorker(true);
+  };
+
+  return (
+    <Snackbar
+      open={needRefresh}
+      message="New content available, click on reload button to update"
+      action={
+        <Button variant="text" onClick={handleReload}>
+          Reload
+        </Button>
+      }
+      anchorOrigin={{
+        vertical: 'bottom',
+        horizontal: 'right',
+      }}
+    />
+  );
+};

src/frontend/src/widgets/pwa/ui/index.ts

@@ -0,0 +1 @@
+export * from './ReloadPrompt';