Fix/investment resizable layout

apps/www/app/(dashboard)/dashboard/investments/page.tsx

@@ -1,6 +1,5 @@
 import { cookies } from "next/headers";
 import Image from "next/image";
-import { redirect } from "next/navigation";
 
 import { InvestmentsDashboard } from "@/components/investments/components/investment-dashboard";
 import { accounts, mails } from "@/components/investments/data";
@@ -11,7 +10,7 @@ export const metadata = {
 };
 
 export default async function DashboardPage() {
-  const layout = cookies().get("react-resizable-panels:layout");
+  const layout = cookies().get("react-resizable-panels:layout-investment");
   const collapsed = cookies().get("react-resizable-panels:collapsed");
 
   const defaultLayout = layout ? JSON.parse(layout.value) : undefined;

apps/www/components/investments/components/investment-dashboard.tsx

@@ -56,7 +56,7 @@ interface MailProps {
 export function InvestmentsDashboard({
   accounts,
   mails,
-  defaultLayout = [265, 440, 400],
+  defaultLayout = [20, 40, 40],
   defaultCollapsed = false,
   navCollapsedSize,
 }: MailProps) {
@@ -68,7 +68,7 @@ export function InvestmentsDashboard({
       <ResizablePanelGroup
         direction="horizontal"
         onLayout={(sizes: number[]) => {
-          document.cookie = `react-resizable-panels:layout=${JSON.stringify(
+          document.cookie = `react-resizable-panels:layout-investment=${JSON.stringify(
             sizes,
           )}`;
         }}