changed default spacing value back to 0, fixed some pageContainers using padding instead of spacing

src/pages/Bin.tsx

@@ -1107,7 +1107,7 @@ export default function Bin(props: Props) {
   };
 
   return (
-    <PageContainer spacing={1}>
+    <PageContainer >
       {showPlenumError()}
       <Box
         paddingBottom={isMobile || displayMobile ? 1 : 2}

src/pages/PageContainer.tsx

@@ -48,7 +48,7 @@ export const PageContainer: React.FunctionComponent<Props> = (props: Props) => {
   const { children, fullViewport, isCenterCenter, sx } = props;
   // let fullViewport = false
   // let isCenterCenter = false
-  const spacing = props.spacing ? props.spacing : 2;
+  const spacing = props.spacing ?? 0;
   return (
     <Container
       className={classNames(

src/pages/Team.tsx

@@ -214,7 +214,7 @@ export default function TeamPage() {
   }
   
   return (
-    <PageContainer padding={isMobile ? 0 : 2}>
+    <PageContainer spacing={isMobile ? 0 : 2}>
       <Box className={classes.container}>
         <Box className={classes.leftBox}>
           {title()}

src/pages/Teams.tsx

@@ -5,7 +5,7 @@ import TeamList from "teams/TeamList";
 export default function Teams() {
   const isMobile = useMobile()
   return (
-    <PageContainer padding={isMobile ? 0 : 2}>
+    <PageContainer spacing={isMobile ? 0 : 2}>
       <TeamList />
     </PageContainer>
   );