improve(dashboard): better event selector and other improvements

apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/layout-content.tsx

@@ -13,13 +13,17 @@ export default function LayoutContent({
   const segments = useSelectedLayoutSegments();
 
   if (segments[0] && NOT_MIGRATED_PAGES.includes(segments[0])) {
-    return <div className="pb-20 transition-all lg:pl-72">{children}</div>;
+    return (
+      <div className="pb-20 transition-all lg:pl-72 max-w-screen-2xl">
+        {children}
+      </div>
+    );
   }
 
   return (
     <div
       className={cn(
-        'pb-20 transition-all max-lg:mt-12 lg:pl-72',
+        'pb-20 transition-all max-lg:mt-12 lg:pl-72 max-w-screen-2xl',
         segments.includes('chat') && 'pb-0',
       )}
     >

apps/dashboard/src/app/(app)/[organizationSlug]/page.tsx

@@ -53,7 +53,7 @@ export default async function Page({
           <SettingsToggle />
         </div>
       </FullWidthNavbar>
-      <div className="mx-auto flex flex-col gap-4 p-4 pt-20 md:max-w-[95vw] lg:max-w-[80vw] ">
+      <div className="mx-auto flex flex-col gap-4 p-4 pt-20 md:w-[95vw] lg:w-[80vw] max-w-screen-2xl">
         <div className="grid gap-4 md:grid-cols-2">
           {projects.map((item) => (
             <ProjectCard key={item.id} {...item} />