refactor(core): move app para src e padroniza estrutura

src/app/(dashboard)/budgets/layout.tsx

@@ -0,0 +1,23 @@
+import { RiBarChart2Line } from "@remixicon/react";
+import PageDescription from "@/shared/components/page-description";
+
+export const metadata = {
+	title: "Orçamentos | OpenMonetis",
+};
+
+export default function RootLayout({
+	children,
+}: {
+	children: React.ReactNode;
+}) {
+	return (
+		<section className="space-y-6 pt-4">
+			<PageDescription
+				icon={<RiBarChart2Line />}
+				title="Orçamentos"
+				subtitle="Gerencie seus orçamentos mensais por categorias. Acompanhe o progresso do seu orçamento e faça ajustes conforme necessário."
+			/>
+			{children}
+		</section>
+	);
+}

src/app/(dashboard)/budgets/loading.tsx

@@ -0,0 +1,65 @@
+import { Skeleton } from "@/shared/components/ui/skeleton";
+
+/**
+ * Loading state para a página de orçamentos
+ * Layout: MonthPicker + Header + Grid de cards de orçamento
+ */
+export default function OrcamentosLoading() {
+	return (
+		<main className="flex flex-col gap-6">
+			{/* Month Picker placeholder */}
+			<div className="h-[60px] animate-pulse rounded-2xl bg-foreground/10" />
+
+			<div className="space-y-6 pt-4">
+				{/* Header */}
+				<div className="flex items-center justify-between">
+					<div className="space-y-2">
+						<Skeleton className="h-8 w-48 rounded-2xl bg-foreground/10" />
+						<Skeleton className="h-5 w-64 rounded-2xl bg-foreground/10" />
+					</div>
+					<Skeleton className="h-10 w-40 rounded-2xl bg-foreground/10" />
+				</div>
+
+				{/* Grid de cards de orçamentos */}
+				<div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+					{Array.from({ length: 6 }).map((_, i) => (
+						<div key={i} className="rounded-2xl border p-6 space-y-4">
+							{/* Categoria com ícone */}
+							<div className="flex items-center gap-3">
+								<Skeleton className="size-10 rounded-2xl bg-foreground/10" />
+								<div className="flex-1 space-y-2">
+									<Skeleton className="h-5 w-32 rounded-2xl bg-foreground/10" />
+									<Skeleton className="h-4 w-20 rounded-2xl bg-foreground/10" />
+								</div>
+							</div>
+
+							{/* Valor orçado */}
+							<div className="space-y-2 pt-4 border-t">
+								<Skeleton className="h-4 w-24 rounded-2xl bg-foreground/10" />
+								<Skeleton className="h-7 w-32 rounded-2xl bg-foreground/10" />
+							</div>
+
+							{/* Valor gasto */}
+							<div className="space-y-2">
+								<Skeleton className="h-4 w-20 rounded-2xl bg-foreground/10" />
+								<Skeleton className="h-6 w-28 rounded-2xl bg-foreground/10" />
+							</div>
+
+							{/* Barra de progresso */}
+							<div className="space-y-2">
+								<Skeleton className="h-2 w-full rounded-full bg-foreground/10" />
+								<Skeleton className="h-3 w-16 rounded-2xl bg-foreground/10" />
+							</div>
+
+							{/* Botões de ação */}
+							<div className="flex gap-2 pt-2">
+								<Skeleton className="h-9 flex-1 rounded-2xl bg-foreground/10" />
+								<Skeleton className="h-9 w-9 rounded-2xl bg-foreground/10" />
+							</div>
+						</div>
+					))}
+				</div>
+			</div>
+		</main>
+	);
+}

src/app/(dashboard)/budgets/page.tsx

@@ -0,0 +1,54 @@
+import { BudgetsPage } from "@/features/budgets/components/budgets-page";
+import { fetchBudgetsForUser } from "@/features/budgets/queries";
+import MonthNavigation from "@/shared/components/month-picker/month-navigation";
+import { getUserId } from "@/shared/lib/auth/server";
+import { parsePeriodParam } from "@/shared/utils/period";
+
+type PageSearchParams = Promise<Record<string, string | string[] | undefined>>;
+
+type PageProps = {
+	searchParams?: PageSearchParams;
+};
+
+const getSingleParam = (
+	params: Record<string, string | string[] | undefined> | undefined,
+	key: string,
+) => {
+	const value = params?.[key];
+	if (!value) return null;
+	return Array.isArray(value) ? (value[0] ?? null) : value;
+};
+
+const capitalize = (value: string) =>
+	value.length === 0 ? value : value[0]?.toUpperCase() + value.slice(1);
+
+export default async function Page({ searchParams }: PageProps) {
+	const userId = await getUserId();
+	const resolvedSearchParams = searchParams ? await searchParams : undefined;
+	const periodoParam = getSingleParam(resolvedSearchParams, "periodo");
+
+	const {
+		period: selectedPeriod,
+		monthName: rawMonthName,
+		year,
+	} = parsePeriodParam(periodoParam);
+
+	const periodLabel = `${capitalize(rawMonthName)} ${year}`;
+
+	const { budgets, categoriesOptions } = await fetchBudgetsForUser(
+		userId,
+		selectedPeriod,
+	);
+
+	return (
+		<main className="flex flex-col gap-6">
+			<MonthNavigation />
+			<BudgetsPage
+				budgets={budgets}
+				categories={categoriesOptions}
+				selectedPeriod={selectedPeriod}
+				periodLabel={periodLabel}
+			/>
+		</main>
+	);
+}