fix: refactor sidebar disposition for sidebar to not push main out of screen (#4477)

Fixed sidebar pushing main

src/frontend/src/pages/FlowPage/index.tsx

@@ -169,7 +169,7 @@ export default function FlowPage({ view }: { view?: boolean }): JSX.Element {
           <div className="flex h-full overflow-hidden">
             <SidebarProvider width="17.5rem" defaultOpen={!isMobile}>
               {!view && <FlowSidebarComponent />}
-              <main className="flex flex-1">
+              <main className="flex w-full overflow-hidden">
                 <div className="h-full w-full">
                   <Page />
                 </div>

src/frontend/src/pages/MainPage/pages/index.tsx

@@ -72,7 +72,7 @@ export default function CollectionPage(): JSX.Element {
             }}
           />
         )}
-      <main className="flex flex-1">
+      <main className="flex w-full overflow-hidden">
         {flows && examples && folders ? (
           <div className={`relative mx-auto h-full w-full overflow-y-scroll`}>
             <CardsWrapComponent