fix: team overview alignment

Author: gregfromstl

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

@@ -124,7 +124,7 @@ export default async function Page(props: {
       <div className="flex flex-col justify-between gap-16 pb-16 md:container md:pt-8 xl:flex-row">
         <div className="grow">
           {isEmpty ? (
-            <div className="max-md:container">
+            <div className="container p-6">
               <EmptyState />
             </div>
           ) : (

apps/dashboard/src/app/team/[team_slug]/[project_slug]/page.tsx

@@ -464,7 +464,6 @@ async function getUserOpUsage(args: {
   const json = await res.json();
 
   if (res.status !== 200) {
-    console.log(await res.text());
     console.error("Failed to fetch user ops usage");
     return [];
   }

apps/dashboard/src/app/team/components/Analytics/EmptyState.tsx

@@ -17,7 +17,7 @@ import walletsIcon from "../../../../../public/assets/tw-icons/wallets.svg";
 
 export function EmptyState() {
   return (
-    <div className="flex items-center justify-center md:min-h-[500px]">
+    <div className="flex items-start justify-center md:min-h-[500px]">
       <div className="group container flex flex-col items-center justify-center gap-8 rounded-lg border bg-card p-6 py-24">
         <div className="flex max-w-[500px] flex-col items-center justify-center gap-6">
           <AnimatedIcons />