teecup/frontend/app/my-rounds/new/page.tsx

import { Suspense } from "react"
import { NewRoundWizard } from "@/components/ny-runde/wizard-shell"

export default function NewRoundPage() {
  return (
    <Suspense
      fallback={
        <div className="flex min-h-dvh items-center justify-center bg-[var(--nr-bg)]">
          <div
            aria-hidden="true"
            className="h-10 w-10 animate-spin rounded-full border-4 border-[var(--nr-accent-ring)] border-t-[var(--nr-accent)]"
          />
        </div>
      }
    >
      <NewRoundWizard />
    </Suspense>
  )
}