cambios en los estilos

apps/web/components/layout/ThemeToggle/theme-toggle.tsx

@@ -23,13 +23,13 @@ export default function ThemeToggle() {
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end">
         <DropdownMenuItem onClick={() => setTheme('light')}>
-          Light
+          Claro
         </DropdownMenuItem>
         <DropdownMenuItem onClick={() => setTheme('dark')}>
-          Dark
+          Oscuro
         </DropdownMenuItem>
         <DropdownMenuItem onClick={() => setTheme('system')}>
-          System
+          Sistema
         </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>

apps/web/components/layout/app-sidebar.tsx

@@ -15,7 +15,7 @@ import { useSession } from 'next-auth/react';
 
 
 export const company = {
-  name: 'Sistema',
+  name: 'Sistema para Productores',
   logo: GalleryVerticalEnd,
   plan: 'FONDEMI',
 };
@@ -31,12 +31,13 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
     <Sidebar collapsible="icon" {...props}>
       <SidebarHeader>
         <div className="flex gap-2 py-2 text-sidebar-accent-foreground">
-          <div className="flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
-            <company.logo className="size-4" />
+          <div className="flex aspect-square size-8 items-center justify-center rounded-lg text-sidebar-primary-foreground">
+            {/* <company.logo className="size-4" /> */}
+            <img src="/logo.png" alt="" />
           </div>
           <div className="grid flex-1 text-left text-sm leading-tight">
             <span className="truncate font-semibold">{company.name}</span>
-            <span className="truncate text-xs">{company.plan}</span>
+            <span className="truncate font-semibold text-xs">{company.plan}</span>
           </div>
         </div>
       </SidebarHeader>