// Root layout that wraps every page in this app. Add nav, providers, // error boundaries, etc. here. `` / `` / `` are // owned by the framework's index.html shell — don't render them here // or the browser will unwrap them under #root and the document // structure breaks. Use the page's `meta` export for title + meta // tags, and `theme: 'dark' | 'light' | 'system'` in app.config.ts // to control the dark class. // // The app is bilingual (see `locales` in app.config.ts): // writes the `voltro:locale` cookie + reloads so the framework re-renders in // the chosen language. import type { ReactNode } from 'react' import { useLocale, useT } from '@voltro/i18n' import { LocaleSwitcher } from '@voltro/ui-shadcn' interface LayoutProps { readonly children: ReactNode } const LOCALES = [ { code: 'en', label: 'English' }, { code: 'de', label: 'Deutsch' }, ] export default function Layout({ children }: LayoutProps): ReactNode { return ( <>

{children} ) }