perf: streamer la liste des morceaux sans bloquer le rendu de la page

app/paroles/layout.js

@@ -1,7 +1,5 @@
 import {Suspense} from 'react'
-import {notFound} from 'next/navigation'
+import TeksDrawerLoader from '../../components/teks/teks-drawer-loader'
-import {jwennTeks} from '../../lib/oki-api'
-import TeksDrawer from '../../components/teks/teks-drawer'
 import {CurrentTrackProvider} from '../../components/teks/current-track-context'
 import Loading from './loading'
 
@@ -40,23 +38,11 @@ export const metadata = {
   }
 }
 
-async function jwennDotDone() {
+export default function PawolLayout({children}) {
-  const teks = await jwennTeks()
-
-  if (!teks) {
-    notFound()
-  }
-
-  return teks
-}
-
-export default async function PawolLayout({children}) {
-  const teks = await jwennDotDone()
-
   return (
     <CurrentTrackProvider>
       <Suspense fallback={<Loading />}>
-        <TeksDrawer paroles={teks} />
+        <TeksDrawerLoader />
       </Suspense>
       <section>
         {children}

components/teks/teks-drawer-loader.js

@@ -0,0 +1,13 @@
+import {notFound} from 'next/navigation'
+import {jwennTeks} from '../../lib/oki-api'
+import TeksDrawer from './teks-drawer'
+
+export default async function TeksDrawerLoader() {
+  const teks = await jwennTeks()
+
+  if (!teks) {
+    notFound()
+  }
+
+  return <TeksDrawer paroles={teks} />
+}