Fix: Dashboard and Transactions menu selection

The dashboard menu item is selected when the user navigates to the transactions page. This commit ensures that the correct menu item is selected based on the current route.

src/App.tsx

@@ -46,19 +46,21 @@ const App = () => {
                 path="/" 
                 element={
                   isAutenticado ? (
-                    <Navigate to="/transacoes" replace />
+                    <ProtectedRoute>
+                      <Index />
+                    </ProtectedRoute>
                   ) : (
                     <Navigate to="/auth" replace />
                   )
                 } 
               />
               
-              {/* Rota de autenticação - redireciona para transações se já estiver autenticado */}
+              {/* Rota de autenticação - redireciona para dashboard se já estiver autenticado */}
               <Route 
                 path="/auth" 
                 element={
                   isAutenticado ? (
-                    <Navigate to="/transacoes" replace />
+                    <Navigate to="/" replace />
                   ) : (
                     <Auth />
                   )

src/components/layout/Sidebar.tsx

@@ -5,10 +5,11 @@ import { cn } from '@/lib/utils';
 import { Button } from "@/components/ui/button";
 import { ChevronLeft, ChevronRight, Home, CalendarDays, DollarSign, PieChart } from 'lucide-react';
 
+// Modificado para separar Dashboard e Transações como itens distintos
 const navItems = [
   { 
     name: 'Dashboard', 
-    path: '/transacoes', // Alterado de '/' para '/transacoes'
+    path: '/', // Caminho separado para o Dashboard
     icon: <Home className="mr-2 h-5 w-5" /> 
   },
   { 
@@ -36,6 +37,12 @@ const Sidebar = ({ className }: SidebarProps) => {
   const location = useLocation();
   const [collapsed, setCollapsed] = React.useState(false);
 
+  // Função para verificar se o item está ativo baseado no caminho atual
+  const isItemActive = (path: string) => {
+    // Verificação exata do caminho
+    return location.pathname === path;
+  };
+
   return (
     <div
       className={cn(
@@ -65,7 +72,7 @@ const Sidebar = ({ className }: SidebarProps) => {
             to={item.path}
             className={cn(
               "flex items-center px-4 py-2 text-sm font-medium rounded-md transition-colors",
-              location.pathname === item.path
+              isItemActive(item.path)
                 ? "bg-sidebar-accent text-sidebar-accent-foreground"
                 : "text-sidebar-foreground hover:bg-sidebar-accent/50",
               collapsed ? "justify-center" : "justify-start"