From 67c1dd3ac30249bf86683525c9d580a96a2fceb8 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 15 Jun 2025 19:30:47 +0000
Subject: [PATCH] Fix: Settings page navigation

Ensure settings page uses the same layout as other menu items, preserving the sidebar.
---
 src/pages/Configuracoes.tsx | 65 ++++++++++++++++++-------------------
 1 file changed, 32 insertions(+), 33 deletions(-)

diff --git a/src/pages/Configuracoes.tsx b/src/pages/Configuracoes.tsx
index a861fe4..a954bd0 100644
--- a/src/pages/Configuracoes.tsx
+++ b/src/pages/Configuracoes.tsx
@@ -8,40 +8,39 @@ const Configuracoes = () => {
   const [tab, setTab] = useState("visao-geral");
 
   return (
-    <div className="flex min-h-screen w-full bg-background">
-      <main className="flex-1 p-4 md:p-8">
-        <h1 className="text-2xl font-bold mb-6">Configurações</h1>
-        <Tabs value={tab} onValueChange={setTab}>
-          <TabsList className="mb-6">
-            <TabsTrigger value="visao-geral" className="min-w-[120px]">
-              Visão Geral
-            </TabsTrigger>
-            <TabsTrigger value="meu-cadastro" className="min-w-[120px]">
-              Meu cadastro
-            </TabsTrigger>
-            <TabsTrigger value="assinatura" className="min-w-[120px]">
-              Assinatura
-            </TabsTrigger>
-          </TabsList>
-          <TabsContent value="visao-geral">
-            <div className="p-6 bg-muted rounded-lg border text-muted-foreground text-center">
-              <div className="text-lg font-semibold mb-2">Bem-vindo à página de Configurações!</div>
-              <div>Aqui você pode gerenciar suas informações, assinatura e muito mais.</div>
-            </div>
-          </TabsContent>
-          <TabsContent value="meu-cadastro">
-            <MeuCadastroForm />
-          </TabsContent>
-          <TabsContent value="assinatura">
-            <div className="p-6 bg-muted rounded-lg border text-muted-foreground text-center">
-              <div className="text-lg font-semibold mb-2">Em breve!</div>
-              <div>Funcionalidades de assinatura serão lançadas em breve.</div>
-            </div>
-          </TabsContent>
-        </Tabs>
-      </main>
-    </div>
+    <>
+      <h1 className="text-2xl font-bold mb-6">Configurações</h1>
+      <Tabs value={tab} onValueChange={setTab}>
+        <TabsList className="mb-6">
+          <TabsTrigger value="visao-geral" className="min-w-[120px]">
+            Visão Geral
+          </TabsTrigger>
+          <TabsTrigger value="meu-cadastro" className="min-w-[120px]">
+            Meu cadastro
+          </TabsTrigger>
+          <TabsTrigger value="assinatura" className="min-w-[120px]">
+            Assinatura
+          </TabsTrigger>
+        </TabsList>
+        <TabsContent value="visao-geral">
+          <div className="p-6 bg-muted rounded-lg border text-muted-foreground text-center">
+            <div className="text-lg font-semibold mb-2">Bem-vindo à página de Configurações!</div>
+            <div>Aqui você pode gerenciar suas informações, assinatura e muito mais.</div>
+          </div>
+        </TabsContent>
+        <TabsContent value="meu-cadastro">
+          <MeuCadastroForm />
+        </TabsContent>
+        <TabsContent value="assinatura">
+          <div className="p-6 bg-muted rounded-lg border text-muted-foreground text-center">
+            <div className="text-lg font-semibold mb-2">Em breve!</div>
+            <div>Funcionalidades de assinatura serão lançadas em breve.</div>
+          </div>
+        </TabsContent>
+      </Tabs>
+    </>
   );
 };
 
 export default Configuracoes;
+