JSM layout.tsx with children and TAILWIND CSS TO FULLY CENTER CONTENT IN MIDDLE OF PAGE

layout.tsx

import React from "react";

const Layout = ({ children }: { children: React.ReactNode }) => {
  return (
    <main className="flex min-h-screen w-full items-center justify-center">
      {children}
    </main>
  );
};

export default Layout;