fix: eliminar los NaN del panel de estado del dashboard

El objeto `state` solo contiene running, remainingMs, color y colorInfo,
pero el panel leia `state.currentSequenceIndex` y `state.totalMs`, que
nunca se setean.

- "Secuencia" mostraba NaN/0 de forma permanente: la guarda era
  `!== null` y el valor era undefined, asi que entraba igual y hacia
  undefined + 1. Ahora usa sequenceMode, currentSequenceIndex y
  timerSequence.length, que son los valores reales del componente.
- "Progreso" quedaba clavado en 0% y la barra calculaba un ancho NaN.
  Ahora usan el totalMs del componente.

Detectado levantando la app, no compilando: los dos casos compilan sin
warnings.

Author: russofg

src/main.jsx

@@ -2066,15 +2066,17 @@ function App() {
                   <div
                     className="h-full transition-all duration-1000"
                     style={{
-                      width: `${Math.max(
-                        0,
-                        Math.min(
-                          100,
-                          ((state.totalMs - state.remainingMs) /
-                            state.totalMs) *
-                            100
-                        )
-                      )}%`,
+                      width: `${
+                        totalMs > 0
+                          ? Math.max(
+                              0,
+                              Math.min(
+                                100,
+                                ((totalMs - state.remainingMs) / totalMs) * 100
+                              )
+                            )
+                          : 0
+                      }%`,
                       backgroundColor: getPreviewTextColor(),
                     }}
                   ></div>
@@ -2096,10 +2098,11 @@ function App() {
                     Progreso
                   </div>
                   <div className="text-gray-800 dark:text-gray-200">
-                    {Math.round(
-                      ((state.totalMs - state.remainingMs) / state.totalMs) *
-                        100 || 0
-                    )}
+                    {totalMs > 0
+                      ? Math.round(
+                          ((totalMs - state.remainingMs) / totalMs) * 100
+                        )
+                      : 0}
                     %
                   </div>
                 </div>
@@ -2108,10 +2111,8 @@ function App() {
                     Secuencia
                   </div>
                   <div className="text-gray-800 dark:text-gray-200">
-                    {state.currentSequenceIndex !== null
-                      ? `${state.currentSequenceIndex + 1}/${
-                          timerSequence.length
-                        }`
+                    {sequenceMode && timerSequence.length > 0
+                      ? `${currentSequenceIndex + 1}/${timerSequence.length}`
                       : "Individual"}
                   </div>
                 </div>