feat: add superadmin management

components/Navbar.tsx

@@ -100,7 +100,18 @@ export const Navbar: React.FC<NavbarProps> = ({ onPlay }) => {
               </button>
             ) : (
               <div className="flex items-center gap-3">
-                {user.role === 'professor' && (
+                {user.role === 'superadmin' ? (
+                  <button
+                    onClick={() => navigate('/admin')}
+                    className={`text-sm font-semibold px-5 py-2.5 rounded-[980px] transition-colors ${
+                      location.pathname === '/admin'
+                        ? 'bg-orange-500/20 text-orange-400 border border-orange-500/30'
+                        : 'text-gray-300 hover:text-white bg-white/5 hover:bg-white/10'
+                    }`}
+                  >
+                    Painel Administrativo
+                  </button>
+                ) : user.role === 'professor' && (
                   <button 
                     onClick={() => navigate('/gerenciar')}
                     className={`text-sm font-semibold px-5 py-2.5 rounded-[980px] transition-colors ${
@@ -140,4 +151,3 @@ export const Navbar: React.FC<NavbarProps> = ({ onPlay }) => {
   );
 };
 
-