From c059dea681ffa841805c193be453dd52977a34f4 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:51:46 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20Add=20back=20button=20to=20Configura?=
 =?UTF-8?q?=C3=A7=C3=B5es=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adds a "back" button to the Configurações page to navigate back to the main application layout, addressing the issue of the page opening in isolation.
---
 src/pages/Configuracoes.tsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/pages/Configuracoes.tsx b/src/pages/Configuracoes.tsx
index 1327b4a..5683133 100644
--- a/src/pages/Configuracoes.tsx
+++ b/src/pages/Configuracoes.tsx
@@ -2,13 +2,25 @@
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
 import MeuCadastroForm from "@/components/settings/MeuCadastroForm";
 import { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { ArrowLeft } from "lucide-react";
+import { Link } from "react-router-dom";
 
 const Configuracoes = () => {
   const [tab, setTab] = useState("visao-geral");
 
   return (
-    <>
-      <h1 className="text-2xl font-bold">Configurações</h1>
+    <div className="p-6">
+      <div className="flex items-center gap-4 mb-4">
+        <Button asChild variant="outline" size="icon">
+          <Link to="/">
+            <ArrowLeft className="h-4 w-4" />
+            <span className="sr-only">Voltar</span>
+          </Link>
+        </Button>
+        <h1 className="text-2xl font-bold">Configurações</h1>
+      </div>
+
       <Tabs value={tab} onValueChange={setTab} className="mt-4">
         <TabsList className="mb-6">
           <TabsTrigger value="visao-geral">Visão Geral</TabsTrigger>
@@ -31,7 +43,7 @@ const Configuracoes = () => {
           </div>
         </TabsContent>
       </Tabs>
-    </>
+    </div>
   );
 };