fixup! fixup! ♿️(frontend) redirect unmanaged 5xx to dedicated /500 page

Author: Ovgodd

src/frontend/apps/impress/src/features/docs/doc-versioning/components/DocVersionEditor.tsx

@@ -3,7 +3,7 @@ import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 import * as Y from 'yjs';
 
-import { Box } from '@/components';
+import { Box, Text, TextErrors } from '@/components';
 import { BlockNoteReader } from '@/docs/doc-editor/components/BlockNoteEditor';
 import { DocEditorContainer } from '@/docs/doc-editor/components/DocEditor';
 import { Doc, base64ToBlocknoteXmlFragment } from '@/docs/doc-management';
@@ -32,7 +32,7 @@ export const DocVersionEditor = ({
     versionId,
   });
 
-  const { replace, asPath } = useRouter();
+  const { replace } = useRouter();
   const [initialContent, setInitialContent] = useState<Y.XmlFragment>();
 
   // Reset initialContent when versionId changes to avoid conflicts between versions
@@ -48,23 +48,30 @@ export const DocVersionEditor = ({
     setInitialContent(base64ToBlocknoteXmlFragment(version.content));
   }, [versionId, version?.content, isLoading, initialContent]);
 
-  useEffect(() => {
-    if (!isError || !error) {
-      return;
-    }
-
+  if (isError && error) {
     if (error.status === 404) {
-      void replace('/404');
-    } else if (error.status === 502) {
-      void replace('/offline');
-    } else {
-      const fromPath = encodeURIComponent(asPath);
-      void replace(`/500?from=${fromPath}`);
+      void replace(`/404`);
+      return null;
     }
-  }, [isError, error, replace, asPath]);
 
-  if (isError) {
-    return null;
+    return (
+      <Box $margin="large" className="--docs--doc-version-editor-error">
+        <TextErrors
+          causes={error.cause}
+          icon={
+            error.status === 502 ? (
+              <Text
+                className="material-icons"
+                $theme="danger"
+                aria-hidden={true}
+              >
+                wifi_off
+              </Text>
+            ) : undefined
+          }
+        />
+      </Box>
+    );
   }
 
   if (isLoading || !version || !initialContent) {