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>

components/auth/auth-sidebar.tsx

@@ -1,34 +1,34 @@
 import MagnetLines from "../magnet-lines";
 
 function AuthSidebar() {
-  return (
-    <div className="relative hidden flex-col overflow-hidden bg-welcome-banner text-welcome-banner-foreground md:flex">
-      <div className="absolute inset-0 flex items-center justify-center opacity-20 pointer-events-none">
-        <MagnetLines
-          rows={10}
-          columns={16}
-          containerSize="120%"
-          lineColor="currentColor"
-          lineWidth="0.35vmin"
-          lineHeight="5vmin"
-          baseAngle={-4}
-          className="text-welcome-banner-foreground"
-        />
-      </div>
+	return (
+		<div className="relative hidden flex-col overflow-hidden bg-welcome-banner text-welcome-banner-foreground md:flex">
+			<div className="absolute inset-0 flex items-center justify-center opacity-20 pointer-events-none">
+				<MagnetLines
+					rows={10}
+					columns={16}
+					containerSize="120%"
+					lineColor="currentColor"
+					lineWidth="0.35vmin"
+					lineHeight="5vmin"
+					baseAngle={-4}
+					className="text-welcome-banner-foreground"
+				/>
+			</div>
 
-      <div className="relative flex flex-1 flex-col justify-between p-8">
-        <div className="space-y-4">
-          <h2 className="text-3xl font-semibold leading-tight">
-            Controle suas finanças com clareza e foco diário.
-          </h2>
-          <p className="text-sm opacity-90">
-            Centralize despesas, organize cartões e acompanhe metas mensais em
-            um painel inteligente feito para o seu dia a dia.
-          </p>
-        </div>
-      </div>
-    </div>
-  );
+			<div className="relative flex flex-1 flex-col justify-between p-8">
+				<div className="space-y-4">
+					<h2 className="text-3xl font-semibold leading-tight">
+						Controle suas finanças com clareza e foco diário.
+					</h2>
+					<p className="text-sm opacity-90">
+						Centralize despesas, organize cartões e acompanhe metas mensais em
+						um painel inteligente feito para o seu dia a dia.
+					</p>
+				</div>
+			</div>
+		</div>
+	);
 }
 
 export default AuthSidebar;