refactor: migrate from ESLint to Biome and extract SQL queries to data.ts

- Replace ESLint with Biome for linting and formatting
- Configure Biome with tabs, double quotes, and organized imports
- Move all SQL/Drizzle queries from page.tsx files to data.ts files
- Create new data.ts files for: ajustes, dashboard, relatorios/categorias
- Update existing data.ts files: extrato, fatura (add lancamentos queries)
- Remove all drizzle-orm imports from page.tsx files
- Update README.md with new tooling info

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

app/(dashboard)/dashboard/analise-parcelas/layout.tsx

@@ -1,23 +1,23 @@
-import PageDescription from "@/components/page-description";
 import { RiSecurePaymentLine } from "@remixicon/react";
+import PageDescription from "@/components/page-description";
 
 export const metadata = {
-  title: "Análise de Parcelas | Opensheets",
+	title: "Análise de Parcelas | Opensheets",
 };
 
 export default function RootLayout({
-  children,
+	children,
 }: {
-  children: React.ReactNode;
+	children: React.ReactNode;
 }) {
-  return (
-    <section className="space-y-6 px-6">
-      <PageDescription
-        icon={<RiSecurePaymentLine />}
-        title="Análise de Parcelas"
-        subtitle="Quanto você gastaria pagando suas despesas parceladas à vista?"
-      />
-      {children}
-    </section>
-  );
+	return (
+		<section className="space-y-6 px-6">
+			<PageDescription
+				icon={<RiSecurePaymentLine />}
+				title="Análise de Parcelas"
+				subtitle="Quanto você gastaria pagando suas despesas parceladas à vista?"
+			/>
+			{children}
+		</section>
+	);
 }

app/(dashboard)/dashboard/analise-parcelas/page.tsx

@@ -3,12 +3,12 @@ import { getUser } from "@/lib/auth/server";
 import { fetchInstallmentAnalysis } from "@/lib/dashboard/expenses/installment-analysis";
 
 export default async function Page() {
-  const user = await getUser();
-  const data = await fetchInstallmentAnalysis(user.id);
+	const user = await getUser();
+	const data = await fetchInstallmentAnalysis(user.id);
 
-  return (
-    <main className="flex flex-col gap-4 pb-8">
-      <InstallmentAnalysisPage data={data} />
-    </main>
-  );
+	return (
+		<main className="flex flex-col gap-4 pb-8">
+			<InstallmentAnalysisPage data={data} />
+		</main>
+	);
 }

app/(dashboard)/dashboard/data.ts

@@ -0,0 +1,25 @@
+import { eq } from "drizzle-orm";
+import { db, schema } from "@/lib/db";
+
+export interface UserDashboardPreferences {
+	disableMagnetlines: boolean;
+	dashboardWidgets: string | null;
+}
+
+export async function fetchUserDashboardPreferences(
+	userId: string,
+): Promise<UserDashboardPreferences> {
+	const result = await db
+		.select({
+			disableMagnetlines: schema.userPreferences.disableMagnetlines,
+			dashboardWidgets: schema.userPreferences.dashboardWidgets,
+		})
+		.from(schema.userPreferences)
+		.where(eq(schema.userPreferences.userId, userId))
+		.limit(1);
+
+	return {
+		disableMagnetlines: result[0]?.disableMagnetlines ?? false,
+		dashboardWidgets: result[0]?.dashboardWidgets ?? null,
+	};
+}

app/(dashboard)/dashboard/loading.tsx

@@ -5,13 +5,13 @@ import { DashboardGridSkeleton } from "@/components/skeletons";
  * Usa skeleton fiel ao layout final para evitar layout shift
  */
 export default function DashboardLoading() {
-  return (
-    <main className="flex flex-col gap-6 px-6">
-      {/* Month Picker placeholder */}
-      <div className="h-[60px] animate-pulse rounded-2xl bg-foreground/10" />
+	return (
+		<main className="flex flex-col gap-6 px-6">
+			{/* Month Picker placeholder */}
+			<div className="h-[60px] animate-pulse rounded-2xl bg-foreground/10" />
 
-      {/* Dashboard content skeleton */}
-      <DashboardGridSkeleton />
-    </main>
-  );
+			{/* Dashboard content skeleton */}
+			<DashboardGridSkeleton />
+		</main>
+	);
 }

app/(dashboard)/dashboard/page.tsx

@@ -4,59 +4,50 @@ 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 { db, schema } from "@/lib/db";
 import { parsePeriodParam } from "@/lib/utils/period";
-import { eq } from "drizzle-orm";
+import { fetchUserDashboardPreferences } from "./data";
 
 type PageSearchParams = Promise<Record<string, string | string[] | undefined>>;
 
 type PageProps = {
-  searchParams?: PageSearchParams;
+	searchParams?: PageSearchParams;
 };
 
 const getSingleParam = (
-  params: Record<string, string | string[] | undefined> | undefined,
-  key: string,
+	params: Record<string, string | string[] | undefined> | undefined,
+	key: string,
 ) => {
-  const value = params?.[key];
-  if (!value) return null;
-  return Array.isArray(value) ? (value[0] ?? null) : value;
+	const value = params?.[key];
+	if (!value) return null;
+	return Array.isArray(value) ? (value[0] ?? null) : value;
 };
 
 export default async function Page({ searchParams }: PageProps) {
-  const user = await getUser();
-  const resolvedSearchParams = searchParams ? await searchParams : undefined;
-  const periodoParam = getSingleParam(resolvedSearchParams, "periodo");
-  const { period: selectedPeriod } = parsePeriodParam(periodoParam);
+	const user = await getUser();
+	const resolvedSearchParams = searchParams ? await searchParams : undefined;
+	const periodoParam = getSingleParam(resolvedSearchParams, "periodo");
+	const { period: selectedPeriod } = parsePeriodParam(periodoParam);
 
-  const [data, preferencesResult] = await Promise.all([
-    fetchDashboardData(user.id, selectedPeriod),
-    db
-      .select({
-        disableMagnetlines: schema.userPreferences.disableMagnetlines,
-        dashboardWidgets: schema.userPreferences.dashboardWidgets,
-      })
-      .from(schema.userPreferences)
-      .where(eq(schema.userPreferences.userId, user.id))
-      .limit(1),
-  ]);
+	const [data, preferences] = await Promise.all([
+		fetchDashboardData(user.id, selectedPeriod),
+		fetchUserDashboardPreferences(user.id),
+	]);
 
-  const disableMagnetlines = preferencesResult[0]?.disableMagnetlines ?? false;
-  const dashboardWidgets = preferencesResult[0]?.dashboardWidgets ?? null;
+	const { disableMagnetlines, dashboardWidgets } = preferences;
 
-  return (
-    <main className="flex flex-col gap-4 px-6">
-      <DashboardWelcome
-        name={user.name}
-        disableMagnetlines={disableMagnetlines}
-      />
-      <MonthNavigation />
-      <SectionCards metrics={data.metrics} />
-      <DashboardGridEditable
-        data={data}
-        period={selectedPeriod}
-        initialPreferences={dashboardWidgets}
-      />
-    </main>
-  );
+	return (
+		<main className="flex flex-col gap-4 px-6">
+			<DashboardWelcome
+				name={user.name}
+				disableMagnetlines={disableMagnetlines}
+			/>
+			<MonthNavigation />
+			<SectionCards metrics={data.metrics} />
+			<DashboardGridEditable
+				data={data}
+				period={selectedPeriod}
+				initialPreferences={dashboardWidgets}
+			/>
+		</main>
+	);
 }