Make /about/edit safely pre-render

app/about/edit/page.tsx

@@ -24,23 +24,29 @@ export default async function AboutEditPage() {
     photosCount,
     photosHidden,
   ] = await Promise.all([
-    getAbout().then(async about => {
+    getAbout()
-      const photoAvatar = about?.photoIdAvatar
+      .then(async about => {
-        ? await getPhoto(about?.photoIdAvatar ?? '', true)
+        const photoAvatar = about?.photoIdAvatar
-          .catch(() => undefined)
+          ? await getPhoto(about?.photoIdAvatar ?? '', true)
-        : undefined;
+            .catch(() => undefined)
+          : undefined;
 
-      const photoHero = about?.photoIdHero
+        const photoHero = about?.photoIdHero
-        ? await getPhoto(about?.photoIdHero ?? '', true)
+          ? await getPhoto(about?.photoIdHero ?? '', true)
-          .catch(() => undefined)
+            .catch(() => undefined)
-        : undefined;
+          : undefined;
 
-      return {
+        return {
-        about,
+          about,
-        photoAvatar,
+          photoAvatar,
-        photoHero,
+          photoHero,
-      };
+        };
-    }),
+      })
+      .catch(() => ({
+        about: undefined,
+        photoAvatar: undefined,
+        photoHero: undefined,
+      })),
     getPhotosCached(PHOTO_CHOOSER_QUERY_OPTIONS)
       .catch(() => []),
     getPhotosMetaCached(PHOTO_CHOOSER_QUERY_OPTIONS)

src/about/AdminAboutEditPage.tsx

@@ -67,7 +67,7 @@ export default function AdminAboutEditPage({
             label="Avatar Photo"
             value={aboutForm?.photoIdAvatar ?? ''}
             onChange={photoIdAvatar => setAboutForm(form =>
-              ({ ...form, photoIdAvatar: convertUrlToPhotoId(photoIdAvatar) }))}
+              ({ ...form, photoIdAvatar }))}
             photo={photoAvatar}
             photos={photos}
             photosCount={photosCount}