added more listings and capitalized data in tables

src/api/data.js

@@ -191,6 +191,10 @@ const listing3 = listing();
 const listing4 = listing();
 const listing5 = listing();
 const listing6 = listing();
+const listing7 = listing();
+const listing8 = listing();
+const listing9 = listing();
+const listing10 = listing();
 
 export const influencers = [influencer1, influencer2, influencer3];
 export const listings = [
@@ -200,6 +204,10 @@ export const listings = [
   listing4,
   listing5,
   listing6,
+  listing7,
+  listing8,
+  listing9,
+  listing10,
 ];
 export const collaborations = [
   collaboration(listing1, influencer1),

src/containers/proposals/AllListings.js

@@ -17,6 +17,12 @@ const text = {
   whiteSpace: "nowrap",
   overflow: "hidden",
   textOverflow: "ellipsis",
+  "&>p": {
+    fontWeight: 600,
+    "&::first-letter": {
+      textTransform: "capitalize",
+    },
+  },
 };
 export const AllListings = () => {
   const nav = useNavigate();
@@ -38,7 +44,7 @@ export const AllListings = () => {
       </Box>
       <Paper variant="outlined" sx={{ padding: 1 }}>
         <Typography variant="h5">My Listings ({listings.length})</Typography>
-        <Box sx={{ overflow: "auto", height: "200px" }}>
+        <Box sx={{ overflow: "auto", height: 350 }}>
           {listings
             .sort(
               (a, b) =>
@@ -71,10 +77,10 @@ export const AllListings = () => {
                     }}
                   >
                     <Box onClick={() => handleClick(p)} sx={text}>
-                      {p.title}
+                      <Typography>{p.title}</Typography>
                     </Box>
                     <Box onClick={() => handleClick(p)} sx={text}>
-                      {p.name}
+                      <Typography>{p.name}</Typography>
                     </Box>
                     <Box p={0} m={0}>
                       <CollaborationsStateCounts