feat: implementar melhorias em importação, compartilhamento e contas inativas

- Corrigir cálculo de valor na importação de lançamentos parcelados
    - Exibir valor total (parcela × quantidade) ao invés do valor da parcela individual
    - Permite recriar parcelamentos importados com valor correto

  - Permitir que usuários compartilhados se descompartilhem de pagadores
    - Adicionar componente PagadorLeaveShareCard na aba Perfil
    - Usuário filho pode sair do compartilhamento sem precisar do usuário pai
    - Manter autorização bidirecionada na action de remoção de share

  - Implementar submenu "Inativos" para contas bancárias
    - Criar página /contas/inativos seguindo padrão de cartões
    - Filtrar contas ativas e inativas em páginas separadas
    - Adicionar ícone e navegação no sidebar

components/relatorios/category-cell.tsx

@@ -1,46 +1,46 @@
 "use client";
 
 import { formatCurrency, formatPercentageChange } from "@/lib/relatorios/utils";
-import { RiArrowDownLine, RiArrowUpLine } from "@remixicon/react";
 import { cn } from "@/lib/utils/ui";
+import { RiArrowDownLine, RiArrowUpLine } from "@remixicon/react";
 
 interface CategoryCellProps {
-    value: number;
-    previousValue: number;
-    categoryType: "despesa" | "receita";
-    isFirstMonth: boolean;
+  value: number;
+  previousValue: number;
+  categoryType: "despesa" | "receita";
+  isFirstMonth: boolean;
 }
 
 export function CategoryCell({
-    value,
-    previousValue,
-    categoryType,
-    isFirstMonth,
+  value,
+  previousValue,
+  categoryType,
+  isFirstMonth,
 }: CategoryCellProps) {
-    const percentageChange =
-        !isFirstMonth && previousValue !== 0
-            ? ((value - previousValue) / previousValue) * 100
-            : null;
+  const percentageChange =
+    !isFirstMonth && previousValue !== 0
+      ? ((value - previousValue) / previousValue) * 100
+      : null;
 
-    const isIncrease = percentageChange !== null && percentageChange > 0;
-    const isDecrease = percentageChange !== null && percentageChange < 0;
+  const isIncrease = percentageChange !== null && percentageChange > 0;
+  const isDecrease = percentageChange !== null && percentageChange < 0;
 
-    return (
-        <div className="flex flex-col items-end gap-0.5">
-            <span className="font-medium">{formatCurrency(value)}</span>
-            {!isFirstMonth && percentageChange !== null && (
-                <div
-                    className={cn(
-                        "flex items-center gap-0.5 text-xs",
-                        isIncrease && "text-red-600 dark:text-red-400",
-                        isDecrease && "text-green-600 dark:text-green-400"
-                    )}
-                >
-                    {isIncrease && <RiArrowUpLine className="h-3 w-3" />}
-                    {isDecrease && <RiArrowDownLine className="h-3 w-3" />}
-                    <span>{formatPercentageChange(percentageChange)}</span>
-                </div>
-            )}
+  return (
+    <div className="flex flex-col items-end gap-0.5 min-h-9">
+      <span className="font-medium">{formatCurrency(value)}</span>
+      {!isFirstMonth && percentageChange !== null && (
+        <div
+          className={cn(
+            "flex items-center gap-0.5 text-xs",
+            isIncrease && "text-red-600 dark:text-red-400",
+            isDecrease && "text-green-600 dark:text-green-400"
+          )}
+        >
+          {isIncrease && <RiArrowUpLine className="h-3 w-3" />}
+          {isDecrease && <RiArrowDownLine className="h-3 w-3" />}
+          <span>{formatPercentageChange(percentageChange)}</span>
         </div>
-    );
+      )}
+    </div>
+  );
 }

components/relatorios/category-report-table.tsx

@@ -9,13 +9,12 @@ import {
   TableHeader,
   TableRow,
 } from "@/components/ui/table";
-import { getIconComponent } from "@/lib/utils/icons";
-import { formatPeriodLabel } from "@/lib/relatorios/utils";
 import type { CategoryReportData } from "@/lib/relatorios/types";
-import { CategoryCell } from "./category-cell";
-import { formatCurrency } from "@/lib/relatorios/utils";
-import { Card } from "../ui/card";
+import { formatCurrency, formatPeriodLabel } from "@/lib/relatorios/utils";
+import { getIconComponent } from "@/lib/utils/icons";
 import DotIcon from "../dot-icon";
+import { Card } from "../ui/card";
+import { CategoryCell } from "./category-cell";
 
 interface CategoryReportTableProps {
   data: CategoryReportData;
@@ -88,16 +87,19 @@ export function CategoryReportTable({ data }: CategoryReportTableProps) {
 
         <TableFooter>
           <TableRow>
-            <TableCell>Total Geral</TableCell>
+            <TableCell className="min-h-[2.5rem]">Total Geral</TableCell>
             {periods.map((period) => {
               const periodTotal = totals.get(period) ?? 0;
               return (
-                <TableCell key={period} className="text-right font-semibold">
+                <TableCell
+                  key={period}
+                  className="text-right font-semibold min-h-8"
+                >
                   {formatCurrency(periodTotal)}
                 </TableCell>
               );
             })}
-            <TableCell className="text-right font-semibold">
+            <TableCell className="text-right font-semibold min-h-8">
               {formatCurrency(grandTotal)}
             </TableCell>
           </TableRow>