Update header credits badge with reload functionality and remove redundant button

Improved the header credits badge by adding a click-to-reload feature, replacing the separate reload button for a cleaner UI. Enhanced interactivity with a pointer cursor and updated tooltip.

src/components/Layout/Header.js

@@ -12,17 +12,15 @@ const Header = ({ title = 'Dashboard', credits = 0, onReloadCredits }) => {
       </div>
       <div className="header-actions">
         <div className="header-credits">
-          <span className="credits-badge" title="Créditos disponibles">
+          <span
+            className="credits-badge"
+            title="Créditos disponibles (clic para recargar)"
+            onClick={() => onReloadCredits && onReloadCredits()}
+            style={{ cursor: 'pointer' }}
+          >
             <i className="fas fa-coins"></i>
             Créditos: {credits}
           </span>
-          <button
-            className="btn btn-sm btn-outline"
-            onClick={() => onReloadCredits && onReloadCredits()}
-            title="Recargar créditos"
-          >
-            <i className="fas fa-sync-alt"></i> Recargar
-          </button>
         </div>
       </div>
     </div>