refactor(dashboard): usa DashboardGridEditable na página

- Substitui DashboardGrid por DashboardGridEditable
- Busca preferências de widgets do banco de dados

app/(dashboard)/dashboard/page.tsx

@@ -1,11 +1,11 @@
-import { DashboardGrid } from "@/components/dashboard/dashboard-grid";
+import { DashboardGridEditable } from "@/components/dashboard/dashboard-grid-editable";
 import { DashboardWelcome } from "@/components/dashboard/dashboard-welcome";
 import { SectionCards } from "@/components/dashboard/section-cards";
 import MonthNavigation from "@/components/month-picker/month-navigation";
 import { getUser } from "@/lib/auth/server";
 import { fetchDashboardData } from "@/lib/dashboard/fetch-dashboard-data";
-import { parsePeriodParam } from "@/lib/utils/period";
 import { db, schema } from "@/lib/db";
+import { parsePeriodParam } from "@/lib/utils/period";
 import { eq } from "drizzle-orm";
 
 type PageSearchParams = Promise<Record<string, string | string[] | undefined>>;
@@ -16,11 +16,11 @@ type PageProps = {
 
 const getSingleParam = (
   params: Record<string, string | string[] | undefined> | undefined,
-  key: string
+  key: string,
 ) => {
   const value = params?.[key];
   if (!value) return null;
-  return Array.isArray(value) ? value[0] ?? null : value;
+  return Array.isArray(value) ? (value[0] ?? null) : value;
 };
 
 export default async function Page({ searchParams }: PageProps) {
@@ -34,6 +34,7 @@ export default async function Page({ searchParams }: PageProps) {
     db
       .select({
         disableMagnetlines: schema.userPreferences.disableMagnetlines,
+        dashboardWidgets: schema.userPreferences.dashboardWidgets,
       })
       .from(schema.userPreferences)
       .where(eq(schema.userPreferences.userId, user.id))
@@ -41,13 +42,21 @@ export default async function Page({ searchParams }: PageProps) {
   ]);
 
   const disableMagnetlines = preferencesResult[0]?.disableMagnetlines ?? false;
+  const dashboardWidgets = preferencesResult[0]?.dashboardWidgets ?? null;
 
   return (
     <main className="flex flex-col gap-4 px-6">
-      <DashboardWelcome name={user.name} disableMagnetlines={disableMagnetlines} />
+      <DashboardWelcome
+        name={user.name}
+        disableMagnetlines={disableMagnetlines}
+      />
       <MonthNavigation />
       <SectionCards metrics={data.metrics} />
-      <DashboardGrid data={data} period={selectedPeriod} />
+      <DashboardGridEditable
+        data={data}
+        period={selectedPeriod}
+        initialPreferences={dashboardWidgets}
+      />
     </main>
   );
 }