Preview: Block ausserhalb des Formulars, Validierung und Feinschliff

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/pages/ServicesPage.jsx

@@ -58,7 +58,9 @@ export default function ServicesPage() {
                         <span
                           title={`Preview: ${p.previewState}`}
                           style={{ display: 'inline-block', width: 9, height: 9, borderRadius: '50%', background: dotColor(p.previewState), marginRight: 6 }}
-                        />
+                        >
+                          <span style={{ position: 'absolute', width: 1, height: 1, overflow: 'hidden', clip: 'rect(0 0 0 0)', whiteSpace: 'nowrap' }}>{`Preview: ${p.previewState}`}</span>
+                        </span>
                       )}
                       {p.projectName || p.repoFullName}
                     </div>