bolding the text for selected yard, changing font colour in drawer title to black

src/bin/BinYards.tsx

@@ -130,6 +130,7 @@ const useStyles = makeStyles((theme: Theme) => {
       borderTopLeftRadius: "6px",
       borderTopRightRadius: "6px",
       background: theme.palette.background.default,
+      fontWeight: 1000,
       transform: "0.3s ease-in-out",
           // "linear-gradient(rgba(150, 150, 150, 0.3)," 
           // + theme.palette.background.default + " 80%)"

src/common/DisplayDrawer.tsx

@@ -133,7 +133,7 @@ export default function DisplayDrawer(props: Props) {
               </Grid>
               <Grid>
                 <Box>
-                  <Typography align="center" variant="h5">
+                  <Typography sx={{ color: "black", fontWeight: 650}} align="center" variant="h5">
                     {title}
                   </Typography>
                 </Box>

src/maps/mapDrawers/BinYardDrawer.tsx

@@ -85,7 +85,6 @@ export default function BinYardDrawer(props: Props) {
 
   const drawerBody = () => {
     //return <Bins insert yardFilter={yard.key} />;
-    console.log(yard.key)
     return <BinyardDisplay insert yardKey={yard.key} />;
   };
 

src/pages/Bin.tsx

@@ -547,7 +547,6 @@ export default function Bin(props: Props) {
   };
 
   const tasks = () => {
-    console.log(showTasks())
     if (showTasks()) {
       return (
         <React.Fragment>

src/providers/pond/binAPI.tsx

@@ -388,8 +388,6 @@ export default function BinProvider(props: PropsWithChildren<Props>) {
     (keys ? "&keys=" + keys.join(",") : "") +
     (types ? "&types=" + types.join(",") : "")
 
-    console.log(url)
-
     return new Promise<AxiosResponse<pond.ListBinsAndDataResponse>>((resolve, reject)=>{
       get<pond.ListBinsAndDataResponse>(pondURL(url)).then(resp => {
         resp.data = pond.ListBinsAndDataResponse.fromObject(resp.data)