Let us know when the My Details page can’t be loaded

Refs #3188

Author: thewilkybarkid

src/WebApp/Router/NonEffectRouter/MyDetailsRouter.ts

@@ -477,6 +477,7 @@ export const MyDetailsRouter = pipe(
           ),
           TE.mapLeft(() => 'unavailable' as const),
         ),
+        ...env.logger,
       }),
   ),
 ) satisfies P.Parser<(env: Env) => T.Task<Response.Response>>

src/WebApp/my-details-page/my-details.ts

@@ -1,6 +1,7 @@
 import { Option, pipe } from 'effect'
 import { format } from 'fp-ts-routing'
 import * as RTE from 'fp-ts/lib/ReaderTaskEither.js'
+import * as L from 'logger-fp-ts'
 import { match, P } from 'ts-pattern'
 import { maybeGetAvatar } from '../../avatar.ts'
 import { maybeGetCareerStage } from '../../career-stage.ts'
@@ -49,6 +50,11 @@ export const myDetails = ({ locale, user }: { locale: SupportedLocale; user?: Us
         ? RTE.of(undefined)
         : saveUserOnboarding(publicPersona.orcidId, { seenMyDetailsPage: true }),
     ),
+    RTE.orElseFirstW(error =>
+      error === 'no-session'
+        ? RTE.of(undefined)
+        : RTE.rightReaderIO(pipe({ error: error as never }, L.errorP('Unable load My Details page'))),
+    ),
     RTE.match(
       error =>
         match(error)