refactor(ui): unificar páginas ativas/arquivadas com tabs (v1.3.1)

Substitui rotas separadas de inativos/arquivados por tabs inline em
Cartões, Contas e Anotações, seguindo o padrão já usado em Categorias.
Remove sub-links da sidebar e padroniza nomenclatura para "Arquivados".

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

app/(dashboard)/anotacoes/arquivadas/page.tsx

@@ -1,14 +0,0 @@
-import { NotesPage } from "@/components/anotacoes/notes-page";
-import { getUserId } from "@/lib/auth/server";
-import { fetchArquivadasForUser } from "../data";
-
-export default async function ArquivadasPage() {
-	const userId = await getUserId();
-	const notes = await fetchArquivadasForUser(userId);
-
-	return (
-		<main className="flex flex-col items-start gap-6">
-			<NotesPage notes={notes} isArquivadas={true} />
-		</main>
-	);
-}

app/(dashboard)/anotacoes/data.ts

@@ -52,6 +52,17 @@ export async function fetchNotesForUser(userId: string): Promise<NoteData[]> {
 	});
 }
 
+export async function fetchAllNotesForUser(
+	userId: string,
+): Promise<{ activeNotes: NoteData[]; archivedNotes: NoteData[] }> {
+	const [activeNotes, archivedNotes] = await Promise.all([
+		fetchNotesForUser(userId),
+		fetchArquivadasForUser(userId),
+	]);
+
+	return { activeNotes, archivedNotes };
+}
+
 export async function fetchArquivadasForUser(
 	userId: string,
 ): Promise<NoteData[]> {

app/(dashboard)/anotacoes/page.tsx

@@ -1,14 +1,14 @@
 import { NotesPage } from "@/components/anotacoes/notes-page";
 import { getUserId } from "@/lib/auth/server";
-import { fetchNotesForUser } from "./data";
+import { fetchAllNotesForUser } from "./data";
 
 export default async function Page() {
 	const userId = await getUserId();
-	const notes = await fetchNotesForUser(userId);
+	const { activeNotes, archivedNotes } = await fetchAllNotesForUser(userId);
 
 	return (
 		<main className="flex flex-col items-start gap-6">
-			<NotesPage notes={notes} />
+			<NotesPage notes={activeNotes} archivedNotes={archivedNotes} />
 		</main>
 	);
 }

app/(dashboard)/cartoes/data.ts

@@ -211,3 +211,22 @@ export async function fetchInativosForUser(userId: string): Promise<{
 
 	return { cards, accounts, logoOptions };
 }
+
+export async function fetchAllCardsForUser(userId: string): Promise<{
+	activeCards: CardData[];
+	archivedCards: CardData[];
+	accounts: AccountSimple[];
+	logoOptions: LogoOption[];
+}> {
+	const [activeData, archivedData] = await Promise.all([
+		fetchCardsForUser(userId),
+		fetchInativosForUser(userId),
+	]);
+
+	return {
+		activeCards: activeData.cards,
+		archivedCards: archivedData.cards,
+		accounts: activeData.accounts,
+		logoOptions: activeData.logoOptions,
+	};
+}

app/(dashboard)/cartoes/inativos/page.tsx

@@ -1,19 +0,0 @@
-import { CardsPage } from "@/components/cartoes/cards-page";
-import { getUserId } from "@/lib/auth/server";
-import { fetchInativosForUser } from "../data";
-
-export default async function InativosPage() {
-	const userId = await getUserId();
-	const { cards, accounts, logoOptions } = await fetchInativosForUser(userId);
-
-	return (
-		<main className="flex flex-col items-start gap-6">
-			<CardsPage
-				cards={cards}
-				accounts={accounts}
-				logoOptions={logoOptions}
-				isInativos={true}
-			/>
-		</main>
-	);
-}

app/(dashboard)/cartoes/page.tsx

@@ -1,14 +1,20 @@
 import { CardsPage } from "@/components/cartoes/cards-page";
 import { getUserId } from "@/lib/auth/server";
-import { fetchCardsForUser } from "./data";
+import { fetchAllCardsForUser } from "./data";
 
 export default async function Page() {
 	const userId = await getUserId();
-	const { cards, accounts, logoOptions } = await fetchCardsForUser(userId);
+	const { activeCards, archivedCards, accounts, logoOptions } =
+		await fetchAllCardsForUser(userId);
 
 	return (
 		<main className="flex flex-col items-start gap-6">
-			<CardsPage cards={cards} accounts={accounts} logoOptions={logoOptions} />
+			<CardsPage
+				cards={activeCards}
+				archivedCards={archivedCards}
+				accounts={accounts}
+				logoOptions={logoOptions}
+			/>
 		</main>
 	);
 }

app/(dashboard)/contas/data.ts

@@ -169,3 +169,20 @@ export async function fetchInativosForUser(
 
 	return { accounts, logoOptions };
 }
+
+export async function fetchAllAccountsForUser(userId: string): Promise<{
+	activeAccounts: AccountData[];
+	archivedAccounts: AccountData[];
+	logoOptions: LogoOption[];
+}> {
+	const [activeData, archivedData] = await Promise.all([
+		fetchAccountsForUser(userId),
+		fetchInativosForUser(userId),
+	]);
+
+	return {
+		activeAccounts: activeData.accounts,
+		archivedAccounts: archivedData.accounts,
+		logoOptions: activeData.logoOptions,
+	};
+}

app/(dashboard)/contas/inativos/page.tsx

@@ -1,18 +0,0 @@
-import { AccountsPage } from "@/components/contas/accounts-page";
-import { getUserId } from "@/lib/auth/server";
-import { fetchInativosForUser } from "../data";
-
-export default async function InativosPage() {
-	const userId = await getUserId();
-	const { accounts, logoOptions } = await fetchInativosForUser(userId);
-
-	return (
-		<main className="flex flex-col items-start gap-6">
-			<AccountsPage
-				accounts={accounts}
-				logoOptions={logoOptions}
-				isInativos={true}
-			/>
-		</main>
-	);
-}

app/(dashboard)/contas/page.tsx

@@ -1,14 +1,19 @@
 import { AccountsPage } from "@/components/contas/accounts-page";
 import { getUserId } from "@/lib/auth/server";
-import { fetchAccountsForUser } from "./data";
+import { fetchAllAccountsForUser } from "./data";
 
 export default async function Page() {
 	const userId = await getUserId();
-	const { accounts, logoOptions } = await fetchAccountsForUser(userId);
+	const { activeAccounts, archivedAccounts, logoOptions } =
+		await fetchAllAccountsForUser(userId);
 
 	return (
 		<main className="flex flex-col items-start gap-6">
-			<AccountsPage accounts={accounts} logoOptions={logoOptions} />
+			<AccountsPage
+				accounts={activeAccounts}
+				archivedAccounts={archivedAccounts}
+				logoOptions={logoOptions}
+			/>
 		</main>
 	);
 }