Constraint PageLayout to max 1220px on large resolutions (#1919)

Signed-off-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/ListObjects.tsx

@@ -1212,7 +1212,7 @@ const ListObjects = ({
           onClosePreview={closePreviewWindow}
         />
       )}
-      <PageLayout>
+      <PageLayout variant={"full"}>
         <Grid item xs={12} className={classes.screenTitleContainer}>
           <ScreenTitle
             className={classes.screenTitle}

portal-ui/src/screens/Console/Common/Layout/PageLayout.tsx

@@ -13,14 +13,21 @@ const styles = (theme: Theme) =>
 type PageLayoutProps = {
   className?: string;
   classes?: any;
+  variant?: "constrained" | "full";
   children: any;
 };
 
-const PageLayout = ({ classes, className = "", children }: PageLayoutProps) => {
+const PageLayout = ({
+  classes,
+  className = "",
+  children,
+  variant = "constrained",
+}: PageLayoutProps) => {
+  let style = variant === "constrained" ? { maxWidth: 1220 } : {};
   return (
     <div className={classes.contentSpacer}>
       <Grid container>
-        <Grid item xs={12} className={className}>
+        <Grid item xs={12} className={className} style={style}>
           {children}
         </Grid>
       </Grid>