Branding & Code Refresh: Reverted to image assets (logo.png/bg.png) and applied consistent formatting

public/js/admin.js

@@ -35,7 +35,7 @@ function LoginPage({ onLogin }) {
     return (
         <div className="min-h-screen flex items-center justify-center bg-stone-100">
             <div className="bg-white rounded-2xl shadow-lg p-8 w-full max-w-sm border-t-4 border-red-600">
-                <div className="text-center text-4xl mb-2">🚨</div>
+                <img src="/img/logo.png" alt="Quizalarm" className="w-16 h-16 mx-auto mb-2" />
                 <h1 className="text-2xl font-bold mb-6 text-center">Quizalarm Admin</h1>
                 <input type="password" className="w-full p-3 border rounded-lg mb-3 text-center focus:border-red-500 outline-none" placeholder="Passwort" value={pw} onChange={(e) => setPw(e.target.value)} onKeyDown={(e) => e.key === 'Enter' && submit()} autoFocus />
                 {err && <p className="text-red-500 text-sm mb-3 text-center">{err}</p>}
@@ -565,7 +565,7 @@ function AdminApp() {
         <div className="min-h-screen bg-stone-100">
             <div className="bg-white shadow border-b-2 border-red-600">
                 <div className="max-w-3xl mx-auto px-4 py-3 flex items-center justify-between">
-                    <h1 className="text-xl font-bold flex items-center gap-2"><span>🚨</span> Quizalarm Admin</h1>
+                    <h1 className="text-xl font-bold flex items-center gap-2"><img src="/img/logo.png" alt="" className="w-8 h-8 inline-block" /> Quizalarm Admin</h1>
                     <a href="/" className="text-gray-400 hover:text-gray-600 text-sm">← Zur App</a>
                 </div>
                 <div className="max-w-3xl mx-auto px-4 flex gap-1 overflow-x-auto">