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/dashboard/widget-settings-dialog.tsx

@@ -1,92 +1,92 @@
 "use client";
 
+import { RiRefreshLine, RiSettings4Line } from "@remixicon/react";
+import { useState } from "react";
 import { Button } from "@/components/ui/button";
 import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
+	Dialog,
+	DialogContent,
+	DialogDescription,
+	DialogFooter,
+	DialogHeader,
+	DialogTitle,
+	DialogTrigger,
 } from "@/components/ui/dialog";
 import { Switch } from "@/components/ui/switch";
 import { widgetsConfig } from "@/lib/dashboard/widgets/widgets-config";
-import { RiRefreshLine, RiSettings4Line } from "@remixicon/react";
-import { useState } from "react";
 
 type WidgetSettingsDialogProps = {
-  hiddenWidgets: string[];
-  onToggleWidget: (widgetId: string) => void;
-  onReset: () => void;
+	hiddenWidgets: string[];
+	onToggleWidget: (widgetId: string) => void;
+	onReset: () => void;
 };
 
 export function WidgetSettingsDialog({
-  hiddenWidgets,
-  onToggleWidget,
-  onReset,
+	hiddenWidgets,
+	onToggleWidget,
+	onReset,
 }: WidgetSettingsDialogProps) {
-  const [open, setOpen] = useState(false);
+	const [open, setOpen] = useState(false);
 
-  return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild>
-        <Button variant="outline" size="sm" className="gap-2">
-          <RiSettings4Line className="size-4" />
-          Widgets
-        </Button>
-      </DialogTrigger>
-      <DialogContent className="sm:max-w-md">
-        <DialogHeader>
-          <DialogTitle>Configurar Widgets</DialogTitle>
-          <DialogDescription>
-            Escolha quais widgets deseja exibir no seu dashboard.
-          </DialogDescription>
-        </DialogHeader>
+	return (
+		<Dialog open={open} onOpenChange={setOpen}>
+			<DialogTrigger asChild>
+				<Button variant="outline" size="sm" className="gap-2">
+					<RiSettings4Line className="size-4" />
+					Widgets
+				</Button>
+			</DialogTrigger>
+			<DialogContent className="sm:max-w-md">
+				<DialogHeader>
+					<DialogTitle>Configurar Widgets</DialogTitle>
+					<DialogDescription>
+						Escolha quais widgets deseja exibir no seu dashboard.
+					</DialogDescription>
+				</DialogHeader>
 
-        <div className="max-h-[400px] overflow-y-auto py-4">
-          <div className="space-y-3">
-            {widgetsConfig.map((widget) => {
-              const isVisible = !hiddenWidgets.includes(widget.id);
+				<div className="max-h-[400px] overflow-y-auto py-4">
+					<div className="space-y-3">
+						{widgetsConfig.map((widget) => {
+							const isVisible = !hiddenWidgets.includes(widget.id);
 
-              return (
-                <div
-                  key={widget.id}
-                  className="flex items-center justify-between gap-4 rounded-lg border p-3"
-                >
-                  <div className="flex items-center gap-3 min-w-0">
-                    <span className="text-primary shrink-0">{widget.icon}</span>
-                    <div className="min-w-0">
-                      <p className="text-sm font-medium truncate">
-                        {widget.title}
-                      </p>
-                      <p className="text-xs text-muted-foreground truncate">
-                        {widget.subtitle}
-                      </p>
-                    </div>
-                  </div>
-                  <Switch
-                    checked={isVisible}
-                    onCheckedChange={() => onToggleWidget(widget.id)}
-                  />
-                </div>
-              );
-            })}
-          </div>
-        </div>
+							return (
+								<div
+									key={widget.id}
+									className="flex items-center justify-between gap-4 rounded-lg border p-3"
+								>
+									<div className="flex items-center gap-3 min-w-0">
+										<span className="text-primary shrink-0">{widget.icon}</span>
+										<div className="min-w-0">
+											<p className="text-sm font-medium truncate">
+												{widget.title}
+											</p>
+											<p className="text-xs text-muted-foreground truncate">
+												{widget.subtitle}
+											</p>
+										</div>
+									</div>
+									<Switch
+										checked={isVisible}
+										onCheckedChange={() => onToggleWidget(widget.id)}
+									/>
+								</div>
+							);
+						})}
+					</div>
+				</div>
 
-        <DialogFooter>
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={onReset}
-            className="gap-2"
-          >
-            <RiRefreshLine className="size-4" />
-            Restaurar Padrão
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
+				<DialogFooter>
+					<Button
+						variant="outline"
+						size="sm"
+						onClick={onReset}
+						className="gap-2"
+					>
+						<RiRefreshLine className="size-4" />
+						Restaurar Padrão
+					</Button>
+				</DialogFooter>
+			</DialogContent>
+		</Dialog>
+	);
 }