Boundary updates (#11794)

* Boundary updates

* Add error code

src/frontend/lib/components/Boundary.tsx

@@ -1,5 +1,5 @@
 import { t } from '@lingui/core/macro';
-import { Alert } from '@mantine/core';
+import { Alert, Stack } from '@mantine/core';
 import { ErrorBoundary, type FallbackRender } from '@sentry/react';
 import { IconExclamationCircle } from '@tabler/icons-react';
 import { type ReactNode, useCallback } from 'react';
@@ -11,9 +11,12 @@ export function DefaultFallback({
     <Alert
       color='red'
       icon={<IconExclamationCircle />}
-      title={`${t`Error rendering component`}: ${title}`}
+      title={`INVE-E17: ${t`Error rendering component`}: ${title}`}
     >
-      {t`An error occurred while rendering this component. Refer to the console for more information.`}
+      <Stack gap='xs'>
+        {t`An error occurred while rendering this component. Refer to the console for more information.`}
+        {t`Try reloading the page, or contact your administrator if the problem persists.`}
+      </Stack>
     </Alert>
   );
 }