Function Profile

src/Components/Profile/Profile.jsx:39–63

()

}

export default function Profile() {
    const loaderData = useLoaderData();
    return (
        <Box sx={{
            width: '100%',
            height: 'calc(100vh - 60px)',
            overflowY: 'auto',
            display: 'flex',
            justifyContent: 'center',
        }}>
            <Box sx={{
                width: '100%',
                maxWidth: 1100,
                px: {xs: 1.5, sm: 3},
                py: 2,
                display: 'flex',
                flexDirection: 'column',
                gap: 2,
            }}>
                <ProfileHeader loaderData={loaderData}/>
                <Outlet/>
            </Box>
        </Box>
    )
}