overall updates

src/pages/nearle/titleCard.js

@@ -20,7 +20,7 @@ import {
   Button,
   List
 } from '@mui/material';
-const TitleCard = ({ title }) => {
+const TitleCard = ({ title, secondary, sx }) => {
   const theme = useTheme();
   return (
     <Grid container spacing={2}>
@@ -32,12 +32,14 @@ const TitleCard = ({ title }) => {
           bgcolor: theme.palette.background.default,
           zIndex: 1,
           // borderBottom: `1px solid ${theme.palette.divider}`,
-          width: '100%'
+          width: '100%',
+          ...sx
         }}
       >
         <Grid item xs={12}>
-          <Stack direction={'row'} justifyContent={'space-between'} sx={{ p: 1 }}>
+          <Stack direction={'row'} justifyContent={'space-between'} sx={{ p: 1, flexWrap: 'wrap' }}>
             <Typography variant="h3">{title}</Typography>
+            {secondary && secondary}
           </Stack>
         </Grid>
       </CardActions>