refactor: update icons and improve layout structure across components

app/(dashboard)/dashboard/analise-parcelas/layout.tsx

@@ -0,0 +1,23 @@
+import PageDescription from "@/components/page-description";
+import { RiSecurePaymentLine } from "@remixicon/react";
+
+export const metadata = {
+  title: "Análise de Parcelas | OpenSheets",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <section className="space-y-6 px-6">
+      <PageDescription
+        icon={<RiSecurePaymentLine />}
+        title="Análise de Parcelas"
+        subtitle="Quanto você gastaria pagando suas despesas parceladas à vista?"
+      />
+      {children}
+    </section>
+  );
+}

app/(dashboard)/dashboard/analise-parcelas/page.tsx

@@ -1,13 +1,13 @@
 import { InstallmentAnalysisPage } from "@/components/dashboard/installment-analysis/installment-analysis-page";
-import { fetchInstallmentAnalysis } from "@/lib/dashboard/expenses/installment-analysis";
 import { getUser } from "@/lib/auth/server";
+import { fetchInstallmentAnalysis } from "@/lib/dashboard/expenses/installment-analysis";
 
 export default async function Page() {
   const user = await getUser();
   const data = await fetchInstallmentAnalysis(user.id);
 
   return (
-    <main className="flex flex-col gap-4 px-4 pb-8">
+    <main className="flex flex-col gap-4 pb-8">
       <InstallmentAnalysisPage data={data} />
     </main>
   );