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

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

@@ -0,0 +1,23 @@
+import { RiSparklingLine } from "@remixicon/react";
+import PageDescription from "@/shared/components/page-description";
+
+export const metadata = {
+	title: "Insights | OpenMonetis",
+};
+
+export default function RootLayout({
+	children,
+}: {
+	children: React.ReactNode;
+}) {
+	return (
+		<section className="space-y-6 pt-4">
+			<PageDescription
+				icon={<RiSparklingLine />}
+				title="Insights"
+				subtitle="Análise inteligente dos seus dados financeiros para identificar padrões, comportamentos e oportunidades de melhoria."
+			/>
+			{children}
+		</section>
+	);
+}

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

@@ -0,0 +1,39 @@
+import { Skeleton } from "@/shared/components/ui/skeleton";
+
+/**
+ * Loading state para a página de insights com IA
+ */
+export default function InsightsLoading() {
+	return (
+		<main className="flex flex-col gap-6">
+			<div className="space-y-6 pt-4">
+				{/* Header */}
+				<div className="space-y-2">
+					<Skeleton className="h-10 w-64 rounded-2xl bg-foreground/10" />
+					<Skeleton className="h-6 w-96 rounded-2xl bg-foreground/10" />
+				</div>
+
+				{/* Grid de insights */}
+				<div className="grid grid-cols-1 gap-6 lg:grid-cols-2">
+					{Array.from({ length: 4 }).map((_, i) => (
+						<div key={i} className="rounded-2xl border p-6 space-y-4">
+							<div className="flex items-start justify-between">
+								<div className="space-y-2 flex-1">
+									<Skeleton className="h-6 w-48 rounded-2xl bg-foreground/10" />
+									<Skeleton className="h-4 w-full rounded-2xl bg-foreground/10" />
+									<Skeleton className="h-4 w-3/4 rounded-2xl bg-foreground/10" />
+								</div>
+								<Skeleton className="size-8 rounded-full bg-foreground/10" />
+							</div>
+							<div className="space-y-2">
+								<Skeleton className="h-3 w-full rounded-2xl bg-foreground/10" />
+								<Skeleton className="h-3 w-full rounded-2xl bg-foreground/10" />
+								<Skeleton className="h-3 w-2/3 rounded-2xl bg-foreground/10" />
+							</div>
+						</div>
+					))}
+				</div>
+			</div>
+		</main>
+	);
+}

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

@@ -0,0 +1,31 @@
+import { InsightsPage } from "@/features/insights/components/insights-page";
+import MonthNavigation from "@/shared/components/month-picker/month-navigation";
+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;
+};
+
+export default async function Page({ searchParams }: PageProps) {
+	const resolvedSearchParams = searchParams ? await searchParams : undefined;
+	const periodoParam = getSingleParam(resolvedSearchParams, "periodo");
+	const { period: selectedPeriod } = parsePeriodParam(periodoParam);
+
+	return (
+		<main className="flex flex-col gap-6">
+			<MonthNavigation />
+			<InsightsPage period={selectedPeriod} />
+		</main>
+	);
+}