split sidebars + optimize generated files loading

www/apps/user-guide/components/EditButton/index.tsx

@@ -2,19 +2,29 @@
 
 import { EditButton as UiEditButton } from "docs-ui"
 import { usePathname } from "next/navigation"
-import { useMemo } from "react"
-import { generatedEditDates } from "../../generated/edit-dates.mjs"
+import { useCallback, useEffect, useState } from "react"
 
 const EditButton = () => {
   const pathname = usePathname()
+  const [editDate, setEditDate] = useState<string | undefined>()
 
-  const editDate = useMemo(
-    () =>
+  const loadEditDate = useCallback(async () => {
+    const generatedEditDates = (await import("../../generated/edit-dates.mjs"))
+      .generatedEditDates
+    setEditDate(
       (generatedEditDates as Record<string, string>)[
         `app${pathname.replace(/\/$/, "")}/page.mdx`
-      ],
-    [pathname]
-  )
+      ]
+    )
+  }, [pathname])
+
+  useEffect(() => {
+    void loadEditDate()
+  }, [loadEditDate])
+
+  if (!editDate) {
+    return <></>
+  }
 
   return (
     <UiEditButton