Kyoo/front/app/(public)/_layout.tsx

import { Stack } from "expo-router";
import { useSafeAreaInsets } from "react-native-safe-area-context";
import { useTheme } from "yoshiki/native";
import { ErrorConsumer } from "~/providers/error-consumer";
import { NavbarTitle } from "~/ui/navbar";

export default function Layout() {
	const insets = useSafeAreaInsets();
	const theme = useTheme();

	return (
		<ErrorConsumer scope="login">
			<Stack
				screenOptions={{
					headerTitle: () => <NavbarTitle />,
					contentStyle: {
						paddingLeft: insets.left,
						paddingRight: insets.right,
					},
					headerStyle: {
						backgroundColor: theme.accent,
					},
				}}
			/>
		</ErrorConsumer>
	);
}