Theme - Copy this React, Mui Component to your project

why this doesnot work as expected. <Grid m={2}> <Grid container spacing={2} alignItems="center" justifyContent="space-between" > {/* Left section: Member's Details text */} <Grid> <Typography variant="h6" fontWeight="bold"> Member's Details </Typography> </Grid> {/* Right section: Buttons aligned to the right */} <Grid> <Grid container spacing={2} justifyContent="flex-end"> <Grid> <MainButton>Search By</MainButton> </Grid> <Grid> <MainButton>Add</MainButton> </Grid> <Grid> <MainButton>Edit</MainButton> </Grid> <Grid> <MainButton>Print</MainButton> </Grid> </Grid> </Grid> </Grid> </Grid>