import Sort from "@/components/filter-sort-games"
import { GlobalLayout } from "@/components/global-layout"
import { InfiniteScrollGames } from "@/components/infinity-scroll"
import ScrollToTop from "@/components/scroll-to-top"

// renders a list of games infinitely
export default async function GamesPage() {
    return (
        <GlobalLayout
            mainContent={
                <>
                    <div className="fixed top-30 z-40">
                        <ScrollToTop />
                    </div>
                    <InfiniteScrollGames />
                </>
            }

            sideContent={
                <Sort />
            }
        />
    )
}