Try to fix submenu postition

Signed-off-by: Rodrigo Martins <rodrigo.sousa.577@gmail.com>

src/components/layouts/MainLayout.tsx

@@ -155,15 +155,9 @@ export const MainLayout: React.FC = () => {
                       <span className="text-xs mt-1 text-white/80">{item.label}</span>
                     </div>
 
-                    {/* Submenu corrigido - posicionado fora da sidebar como pop-up */}
+                    {/* Submenu corrigido com alinhamento aprimorado */}
-                    <div 
+                    <div className="absolute left-full top-0 z-50">
-                      className="fixed left-20 z-50" 
+                      <div className="opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 ml-2">
-                      style={{ 
-                        top: 'var(--submenu-top)', 
-                        '--submenu-top': `${index * 70 + 100}px` 
-                      } as React.CSSProperties}
-                    >
-                      <div className="opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
                         <div className="bg-blue-800/95 backdrop-blur-sm rounded-lg py-2 px-1 shadow-xl w-[140px] border border-blue-700/30">
                           {item.subitems
                             .filter(subitem =>