freat: initroduce katalogos

frontend/src/app/recollections/RecollectionLayout.tsx

@@ -1,15 +1,14 @@
 /**
- * Layout for a single recollection: shared menubar and flipping card (Logos front / Flux back).
+ * Layout for a single recollection: shared menubar and nested routes for Logos / Katalogos / Flux.
  */
 
 import React, { useEffect } from 'react'
-import { Link, useParams } from 'react-router-dom'
+import { Link, Outlet, useParams } from 'react-router-dom'
 import { usePlatform } from '@/app/kosmos/KosmosContext'
 import { RecollectionMenubarProvider } from './RecollectionMenubarContext'
 import { RecollectionActionsProvider } from './RecollectionActionsContext'
 import { RecollectionTitleContent } from './RecollectionTitleContent'
 import { RecollectionMenubar } from './RecollectionMenubar'
-import { FlippingCardView } from './FlippingCardView'
 
 export function RecollectionLayout() {
   const { recollectionId } = useParams<{ recollectionId: string }>()
@@ -40,7 +39,7 @@ export function RecollectionLayout() {
         <div className="flex min-h-0 flex-1 flex-col">
           <RecollectionMenubar />
           <div className="flex min-h-0 flex-1 flex-col overflow-hidden">
-            <FlippingCardView />
+            <Outlet />
           </div>
         </div>
       </RecollectionActionsProvider>