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

import { Suspense } from "react"
import { NewRound } from "@/components/new-round"

export default function NewRoundPage() {
  return (
    <Suspense
      fallback={
        <div className="flex min-h-[100dvh] items-center justify-center bg-background">
          <div
            aria-hidden="true"
            className="size-10 animate-spin rounded-full border-4 border-primary/20 border-t-primary"
          />
        </div>
      }
    >
      <NewRound />
    </Suspense>
  )
}