Settings: Seitenbreite mit localStorage-Persistierung und Reset

- Settings-Page mit Range-Slider für Seitenbreite (600-1800px)
- JSON-basierter localStorage-Key 'settings' (zukunftssicher)
- applySettings() beim App-Start für sofortige Wiederherstellung
- Reset-Button mit Confirm-Dialog setzt alle Settings auf Defaults
- Sanfte Breitenübergänge via --transition-duration

wwwroot/index.html

@@ -177,9 +177,25 @@
       <button class="back-btn icon-btn" data-page="dashboard"><i class="fa fa-arrow-left"></i></button>
       <h1>Einstellungen</h1>
     </header>
-    <div class="page-content placeholder">
-      <h2><i class="fa fa-cog"></i> Einstellungen</h2>
-      <p>Hier können diverse Einstellungen getroffen werden.</p>
+    <div class="page-content">
+      <div class="settings">
+        <section class="settings-section">
+          <h2>Darstellung</h2>
+          <div class="setting-row">
+            <div class="setting-info">
+              <label>Seitenbreite</label>
+              <span class="setting-hint">Maximale Breite des Inhaltsbereichs</span>
+            </div>
+            <div class="setting-control">
+              <input type="range" id="settingPageWidth" min="600" max="1800" step="50">
+              <span class="setting-value" id="settingPageWidthValue">900px</span>
+            </div>
+          </div>
+        </section>
+        <section class="settings-section settings-reset">
+          <button id="settingsResetBtn" class="danger-btn">Alle Einstellungen zurücksetzen</button>
+        </section>
+      </div>
     </div>
   </div>
 </template>
@@ -207,6 +223,7 @@
 <script src="js/pages/agent-page.js"></script>
 <script src="js/pages/session-page.js"></script>
 <script src="js/pages/chat-page.js"></script>
+<script src="js/pages/settings-page.js"></script>
 <script src="js/app.js"></script>
 </body>
 </html>