fix(client): render showcase as JSX component

Co-authored-by: Ona <no-reply@ona.com>

apps/aelis-client/src/app/components/[name].tsx

@@ -38,9 +38,11 @@ export default function ComponentDetailScreen() {
 		)
 	}
 
+	const ShowcaseComponent = showcase.component
+
 	return (
 		<ScrollView style={tw`bg-stone-100 dark:bg-stone-900 flex-1`} contentContainerStyle={tw`px-5 pb-10 pt-4 gap-6`}>
-			{showcase.component()}
+			<ShowcaseComponent />
 		</ScrollView>
 	)
 }

apps/aelis-client/src/components/showcase.tsx

@@ -5,7 +5,7 @@ import { SansSerifText } from "./ui/sans-serif-text"
 
 export type Showcase = {
 	title: string
-	component: () => React.ReactNode
+	component: React.ComponentType
 }
 
 export function Section({ title, children }: { title: string; children: React.ReactNode }) {