Replace CRA boilerplate with custom dashboard setup, remove unused files, and add new styles and components.

src/components/Layout/Sidebar.js

@@ -0,0 +1,69 @@
+import React from 'react';
+import '../../styles/components.css';
+
+const Sidebar = ({ isMobileMenuOpen, onToggleMobileMenu }) => {
+  const navItems = [
+    { icon: 'fas fa-tachometer-alt', label: 'Dashboard', active: true, badge: null },
+    { icon: 'fas fa-list', label: 'Solicitudes Programadas', active: false, badge: '12' },
+    { icon: 'fas fa-plus-circle', label: 'Crear Solicitud', active: false, badge: null },
+    { icon: 'fas fa-history', label: 'Historial', active: false, badge: null },
+    { icon: 'fas fa-cog', label: 'Configuración', active: false, badge: null },
+    { icon: 'fas fa-question-circle', label: 'Ayuda', active: false, badge: null }
+  ];
+
+  return (
+    <>
+      <button 
+        className="menu-toggle" 
+        id="menuToggle"
+        onClick={onToggleMobileMenu}
+      >
+        <i className="fas fa-bars"></i>
+      </button>
+      
+      <div className={`sidebar ${isMobileMenuOpen ? 'active' : ''}`} id="sidebar">
+        <div className="logo-container">
+          <div className="logo">
+            <div className="logo-icon">
+              <i className="fas fa-clock"></i>
+            </div>
+            <div className="logo-text">Request <span>Scheduler</span></div>
+          </div>
+        </div>
+        
+        <div className="nav-container">
+          <ul className="nav-links">
+            {navItems.map((item, index) => (
+              <li 
+                key={index} 
+                className={item.active ? 'active' : ''}
+                data-tooltip={item.label}
+              >
+                <a href="#">
+                  <i className={item.icon}></i>
+                  <span>{item.label}</span>
+                  {item.badge && <span className="badge">{item.badge}</span>}
+                </a>
+              </li>
+            ))}
+          </ul>
+        </div>
+        
+        <div className="sidebar-footer">
+          <div className="user-info">
+            <div className="user-avatar">JP</div>
+            <div className="user-details">
+              <div className="user-name">Juan Pérez</div>
+              <div className="user-role">Administrador</div>
+            </div>
+            <a href="#" style={{color: 'white'}}>
+              <i className="fas fa-sign-out-alt"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default Sidebar;