feat: adição de novos ícones SVG e configuração do ambiente

- Adicionados ícones SVG para ChatGPT, Claude, Gemini e OpenRouter
- Implementados ícones para modos claro e escuro do ChatGPT
- Criado script de inicialização para PostgreSQL com extensão pgcrypto
- Adicionado script de configuração de ambiente que faz backup do .env
- Configurado tsconfig.json para TypeScript com opções de compilação

app/(dashboard)/cartoes/[cartaoId]/fatura/page.tsx

@@ -0,0 +1,199 @@
+import { CardDialog } from "@/components/cartoes/card-dialog";
+import type { Card } from "@/components/cartoes/types";
+import { InvoiceSummaryCard } from "@/components/faturas/invoice-summary-card";
+import { LancamentosPage as LancamentosSection } from "@/components/lancamentos/page/lancamentos-page";
+import MonthPicker from "@/components/month-picker/month-picker";
+import { Button } from "@/components/ui/button";
+import { lancamentos, type Conta } from "@/db/schema";
+import { db } from "@/lib/db";
+import { getUserId } from "@/lib/auth/server";
+import {
+  buildLancamentoWhere,
+  buildOptionSets,
+  buildSluggedFilters,
+  buildSlugMaps,
+  extractLancamentoSearchFilters,
+  fetchLancamentoFilterSources,
+  getSingleParam,
+  mapLancamentosData,
+  type ResolvedSearchParams,
+} from "@/lib/lancamentos/page-helpers";
+import { loadLogoOptions } from "@/lib/logo/options";
+import { parsePeriodParam } from "@/lib/utils/period";
+import { RiPencilLine } from "@remixicon/react";
+import { and, desc } from "drizzle-orm";
+import { notFound } from "next/navigation";
+import { fetchCardData, fetchInvoiceData } from "./data";
+
+type PageSearchParams = Promise<ResolvedSearchParams>;
+
+type PageProps = {
+  params: Promise<{ cartaoId: string }>;
+  searchParams?: PageSearchParams;
+};
+
+export default async function Page({ params, searchParams }: PageProps) {
+  const { cartaoId } = await params;
+  const userId = await getUserId();
+  const resolvedSearchParams = searchParams ? await searchParams : undefined;
+
+  const periodoParamRaw = getSingleParam(resolvedSearchParams, "periodo");
+  const {
+    period: selectedPeriod,
+    monthName,
+    year,
+  } = parsePeriodParam(periodoParamRaw);
+
+  const searchFilters = extractLancamentoSearchFilters(resolvedSearchParams);
+
+  const card = await fetchCardData(userId, cartaoId);
+
+  if (!card) {
+    notFound();
+  }
+
+  const [filterSources, logoOptions, invoiceData] = await Promise.all([
+    fetchLancamentoFilterSources(userId),
+    loadLogoOptions(),
+    fetchInvoiceData(userId, cartaoId, selectedPeriod),
+  ]);
+  const sluggedFilters = buildSluggedFilters(filterSources);
+  const slugMaps = buildSlugMaps(sluggedFilters);
+
+  const filters = buildLancamentoWhere({
+    userId,
+    period: selectedPeriod,
+    filters: searchFilters,
+    slugMaps,
+    cardId: card.id,
+  });
+
+  const lancamentoRows = await db.query.lancamentos.findMany({
+    where: and(...filters),
+    with: {
+      pagador: true,
+      conta: true,
+      cartao: true,
+      categoria: true,
+    },
+    orderBy: desc(lancamentos.purchaseDate),
+  });
+
+  const lancamentosData = mapLancamentosData(lancamentoRows);
+
+  const {
+    pagadorOptions,
+    splitPagadorOptions,
+    defaultPagadorId,
+    contaOptions,
+    cartaoOptions,
+    categoriaOptions,
+    pagadorFilterOptions,
+    categoriaFilterOptions,
+    contaCartaoFilterOptions,
+  } = buildOptionSets({
+    ...sluggedFilters,
+    pagadorRows: filterSources.pagadorRows,
+    limitCartaoId: card.id,
+  });
+
+  const accountOptions = filterSources.contaRows.map((conta: Conta) => ({
+    id: conta.id,
+    name: conta.name ?? "Conta",
+  }));
+
+  const contaName =
+    filterSources.contaRows.find((conta: Conta) => conta.id === card.contaId)
+      ?.name ?? "Conta";
+
+  const cardDialogData: Card = {
+    id: card.id,
+    name: card.name,
+    brand: card.brand ?? "",
+    status: card.status ?? "",
+    closingDay: card.closingDay,
+    dueDay: card.dueDay,
+    note: card.note ?? null,
+    logo: card.logo,
+    limit:
+      card.limit !== null && card.limit !== undefined
+        ? Number(card.limit)
+        : null,
+    contaId: card.contaId,
+    contaName,
+    limitInUse: null,
+    limitAvailable: null,
+  };
+
+  const { totalAmount, invoiceStatus, paymentDate } = invoiceData;
+  const limitAmount =
+    card.limit !== null && card.limit !== undefined ? Number(card.limit) : null;
+
+  const periodLabel = `${monthName.charAt(0).toUpperCase()}${monthName.slice(
+    1
+  )} de ${year}`;
+
+  return (
+    <main className="flex flex-col gap-6">
+      <MonthPicker />
+
+      <section className="flex flex-col gap-4">
+        <InvoiceSummaryCard
+          cartaoId={card.id}
+          period={selectedPeriod}
+          cardName={card.name}
+          cardBrand={card.brand ?? null}
+          cardStatus={card.status ?? null}
+          closingDay={card.closingDay}
+          dueDay={card.dueDay}
+          periodLabel={periodLabel}
+          totalAmount={totalAmount}
+          limitAmount={limitAmount}
+          invoiceStatus={invoiceStatus}
+          paymentDate={paymentDate}
+          logo={card.logo}
+          actions={
+            <CardDialog
+              mode="update"
+              card={cardDialogData}
+              logoOptions={logoOptions}
+              accounts={accountOptions}
+              trigger={
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="icon-sm"
+                  className="text-muted-foreground hover:text-foreground"
+                  aria-label="Editar cartão"
+                >
+                  <RiPencilLine className="size-4" />
+                </Button>
+              }
+            />
+          }
+        />
+      </section>
+
+      <section className="flex flex-col gap-4">
+        <LancamentosSection
+          lancamentos={lancamentosData}
+          pagadorOptions={pagadorOptions}
+          splitPagadorOptions={splitPagadorOptions}
+          defaultPagadorId={defaultPagadorId}
+          contaOptions={contaOptions}
+          cartaoOptions={cartaoOptions}
+          categoriaOptions={categoriaOptions}
+          pagadorFilterOptions={pagadorFilterOptions}
+          categoriaFilterOptions={categoriaFilterOptions}
+          contaCartaoFilterOptions={contaCartaoFilterOptions}
+          selectedPeriod={selectedPeriod}
+          allowCreate
+          defaultCartaoId={card.id}
+          defaultPaymentMethod="Cartão de crédito"
+          lockCartaoSelection
+          lockPaymentMethod
+        />
+      </section>
+    </main>
+  );
+}