Mobile

// app/components/shell.tsx
import { useBackButton, useSafeArea } from 'kitr/platform/react'
import { useCallback, type ReactNode } from 'react'

export function Shell({ children }: { children: ReactNode }) {
  const insets = useSafeArea()
  useBackButton(
    useCallback(({ canGoBack }) => canGoBack && window.history.back(), []),
  )
  return <main style={{ paddingTop: insets.top }}>{children}</main>
}