ci: switch to Gitea Container Registry for reliable deploys

Previous pipeline built images locally via Portainer Docker API,
but Docker layer caching produced identical images. Now:
- Build with nocache=1
- Push to Gitea registry (git.home.rm-warpstation.de)
- Compose uses image: from registry instead of build:
- Redeploy with pullImage: true forces fresh container

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/components/ConfettiReveal.js

@@ -14,5 +14,5 @@ export default function ConfettiReveal({ match, onDismiss }) {
     }, [points]);
     const resultLabel = points === 3 ? 'EXAKT! 🎉' : points === 1 ? 'Richtige Tendenz! 👏' : 'Knapp daneben... 😅';
     const badgeClass = points === 3 ? styles.badgeExact : points === 1 ? styles.badgeTendency : styles.badgeWrong;
-    return (_jsx("div", { className: styles.overlay, onClick: onDismiss, children: _jsxs("div", { className: styles.card, onClick: e => e.stopPropagation(), children: [_jsxs("div", { className: styles.result, children: [match.homeTeam.shortName, " ", match.score.home, ":", match.score.away, " ", match.awayTeam.shortName] }), _jsxs("div", { className: styles.tipLine, children: ["Dein Tipp: ", tip.home, ":", tip.away] }), _jsxs("div", { className: `${styles.badge} ${badgeClass}`, children: [points, " ", points === 1 ? 'Punkt' : 'Punkte'] }), _jsx("div", { className: styles.label, children: resultLabel }), _jsx("button", { className: styles.dismissBtn, onClick: onDismiss, children: "Weiter" })] }) }));
+    return (_jsx("div", { className: styles.overlay, onClick: onDismiss, children: _jsxs("div", { className: `card ${styles.card}`, onClick: e => e.stopPropagation(), children: [_jsxs("div", { className: styles.result, children: [match.homeTeam.shortName, " ", match.score.home, ":", match.score.away, " ", match.awayTeam.shortName] }), _jsxs("div", { className: styles.tipLine, children: ["Dein Tipp: ", tip.home, ":", tip.away] }), _jsxs("div", { className: `${styles.badge} ${badgeClass}`, children: [points, " ", points === 1 ? 'Punkt' : 'Punkte'] }), _jsx("div", { className: styles.label, children: resultLabel }), _jsx("button", { className: styles.dismissBtn, onClick: onDismiss, children: "Weiter" })] }) }));
 }

frontend/src/components/StatsRing.js

@@ -3,12 +3,13 @@ import styles from './StatsRing.module.css';
 export default function StatsRing({ exact, tendency, wrong, total }) {
     const radius = 55;
     const circumference = 2 * Math.PI * radius;
-    const all = exact + tendency + wrong || 1;
-    const segments = [
-        { value: exact / all, color: 'var(--gold)', label: 'Exakt' },
-        { value: tendency / all, color: 'var(--success)', label: 'Tendenz' },
-        { value: wrong / all, color: 'var(--error)', label: 'Falsch' },
-    ];
+    const all = exact + tendency + wrong;
+    const hasData = all > 0;
+    const segments = hasData ? [
+        { value: exact / all, color: 'var(--gold)', label: 'Exakt', count: exact },
+        { value: tendency / all, color: 'var(--success)', label: 'Tendenz', count: tendency },
+        { value: wrong / all, color: 'var(--error)', label: 'Falsch', count: wrong },
+    ] : [];
     let offset = 0;
     return (_jsxs("div", { className: styles.ring, children: [_jsxs("svg", { viewBox: "0 0 140 140", className: styles.svg, children: [_jsx("circle", { cx: "70", cy: "70", r: radius, fill: "none", stroke: "var(--surface-high)", strokeWidth: "12" }), segments.map((seg, i) => {
                         if (seg.value === 0)
@@ -17,5 +18,5 @@ export default function StatsRing({ exact, tendency, wrong, total }) {
                         const rotation = offset * 360 - 90;
                         offset += seg.value;
                         return (_jsx("circle", { cx: "70", cy: "70", r: radius, fill: "none", stroke: seg.color, strokeWidth: "12", strokeDasharray: dashArray, transform: `rotate(${rotation} 70 70)`, strokeLinecap: "round" }, i));
-                    }), _jsx("text", { x: "70", y: "65", textAnchor: "middle", dominantBaseline: "central", fill: "var(--text-primary)", fontSize: "28", fontWeight: "700", children: total }), _jsx("text", { x: "70", y: "85", textAnchor: "middle", fill: "var(--text-secondary)", fontSize: "11", children: "Punkte" })] }), _jsx("div", { className: styles.legend, children: segments.map((seg, i) => (_jsxs("span", { className: styles.legendItem, children: [_jsx("span", { className: styles.dot, style: { background: seg.color } }), seg.label, ": ", Math.round(seg.value * all)] }, i))) })] }));
+                    }), _jsx("text", { x: "70", y: "65", textAnchor: "middle", dominantBaseline: "central", fill: "var(--text-primary)", fontSize: "28", fontWeight: "700", children: total }), _jsx("text", { x: "70", y: "85", textAnchor: "middle", fill: "var(--text-secondary)", fontSize: "11", children: hasData ? 'Punkte' : 'Keine Tipps' })] }), hasData && (_jsx("div", { className: styles.legend, children: segments.map((seg, i) => (_jsxs("span", { className: styles.legendItem, children: [_jsx("span", { className: styles.dot, style: { background: seg.color } }), seg.label, ": ", seg.count] }, i))) }))] }));
 }

frontend/src/components/Toast.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import styles from './Toast.module.css';
 export default function Toast({ message, onDismiss, duration = 5000 }) {
+    const onDismissRef = useRef(onDismiss);
+    onDismissRef.current = onDismiss;
     useEffect(() => {
-        const timer = setTimeout(onDismiss, duration);
+        const timer = setTimeout(() => onDismissRef.current(), duration);
         return () => clearTimeout(timer);
-    }, [onDismiss, duration]);
-    return (_jsx("div", { className: styles.toast, onClick: onDismiss, children: message }));
+    }, [duration]);
+    return (_jsx("div", { className: `card ${styles.toast}`, onClick: onDismiss, children: message }));
 }