wip: deleted unnecessary comments

Author: Frasquito3

src/components/landing/Footer.tsx

@@ -11,7 +11,7 @@ export function Footer() {
               <div className="w-8 h-8 bg-gradient-to-br from-blue-400 to-green-400 rounded-lg flex items-center justify-center">
                 <BookOpen className="w-5 h-5 text-white" />
               </div>
-              <span className="text-xl font-poppins font-bold">EduCursos</span>
+              <span className="text-xl font-poppins font-bold">UpSkill</span>
             </Link>
             <p className="text-slate-300 text-sm leading-relaxed">
               La plataforma líder en educación online. Aprende nuevas habilidades, obtén certificaciones y avanza en tu carrera.

src/components/ui/Button.tsx

@@ -1,27 +1,22 @@
 import React from 'react';
 
-// Definimos las props que nuestro botón aceptará.
-// Extiende los atributos de un botón HTML normal para que podamos pasar 'type', 'onClick', etc.
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  children: React.ReactNode; // El texto o ícono dentro del botón
-  isLoading?: boolean;       // Un booleano opcional para el estado de carga
+  children: React.ReactNode; 
+  isLoading?: boolean;       
 }
 
 const Button = ({ children, isLoading = false, ...props }: ButtonProps) => {
-  // Aquí definimos las clases UNA SOLA VEZ.
   const baseClasses = "w-full inline-flex items-center justify-center py-3 px-6 rounded-lg font-medium text-sm text-white bg-gradient-to-r from-primary-600 to-primary-700 shadow-medium hover:from-primary-700 hover:to-primary-800 hover:scale-[1.02] hover:shadow-strong transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none";
 
   return (
     <button
       className={baseClasses}
       disabled={isLoading}
-      {...props} // Pasamos todas las demás props (como type="submit") al botón real
+      {...props} 
     >
       {isLoading ? (
-        // Muestra un spinner cuando isLoading es true
         <span className="animate-spin h-5 w-5 border-2 border-transparent border-t-white rounded-full"></span>
       ) : (
-        // Muestra el contenido normal si no
         children
       )}
     </button>

src/components/ui/Input.tsx

@@ -2,21 +2,18 @@ import React, { useState } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faEye, faEyeSlash } from '@fortawesome/free-solid-svg-icons';
 
-// Las props que aceptará nuestro Input
 interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
   label: string;
-  icon?: React.ReactNode; // Un nodo de React para el ícono (ej. <FontAwesomeIcon ... />)
-  error?: string | null;  // El mensaje de error a mostrar
+  icon?: React.ReactNode; 
+  error?: string | null; 
 }
 
 const Input = ({ label, id, type, icon, error, ...props }: InputProps) => {
   const [showPassword, setShowPassword] = useState(false);
   const isPassword = type === 'password';
 
-  // Determinamos el tipo de input a renderizar (para el toggle de la contraseña)
   const inputType = isPassword ? (showPassword ? 'text' : 'password') : type;
 
-  // Clases base para el input. La lógica del padding izquierdo se aplica si hay un ícono.
   const inputClasses = `w-full ${icon ? 'pl-10' : 'pl-4'} ${isPassword ? 'pr-10' : 'pr-4'} py-3 border rounded-lg text-base bg-white focus:outline-none focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20 transition-all`;
 
   return (

src/router/AppRouter.tsx

@@ -1,19 +1,13 @@
 import { Routes, Route } from 'react-router-dom';
-
-// Layouts
 import MainLayout from '../components/layouts/MainLayout';
 import AuthLayout from '../components/layouts/AuthLayout';
-
-// Pages
-import LandingPage from '../pages/LandingPage'; // <-- ¡Importante!
+import LandingPage from '../pages/LandingPage';
 import LoginPage from '../pages/Auth/LoginPage';
 import RegisterPage from '../pages/Auth/RegisterPage';
 import CourseListPage from '../pages/Course/CourseListPage';
 import AdminDashboard from '../pages/Admin/AdminDashboard';
 import ProfessorDashboard from '../pages/Professor/ProfessorDashboard';
 import UnauthorizedPage from '../pages/UnauthorizedPage';
-
-// Security
 import ProtectedRoute from './ProtectedRoute';
 
 const AppRouter = () => {