docs(tutorial): add the last two screenshots (notification inbox, live cursors)

Captured on prod with a second collaborator account (Zoraya Shahin):
chapter 12 shows Nadia's bell after a watched-page comment, chapter 13
shows the presence strip + Zoraya's named caret in Nadia's editor.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0155v2aT8AG1kZDQEZiCLBWC

docs/de/tutorial/12-auf-dem-laufenden.md

@@ -26,8 +26,7 @@ Benachrichtigungs-Posteingang. Ein kleiner Zähler zeigt Ungelesenes;
 jeder Eintrag führt mit einem Klick direkt zur Änderung oder zum
 Kommentar. Mit **Alle als gelesen markieren** räumst du auf.
 
-_[Screenshot folgt: geöffneter Benachrichtigungs-Posteingang mit
+![Nadias Benachrichtigungs-Posteingang mit einem neuen Kommentar-Hinweis](img/12-benachrichtigungen.png)
-Einträgen]_
 
 ## E-Mail-Zusammenfassungen
 

docs/de/tutorial/13-gemeinsame-teiche.md

@@ -36,7 +36,7 @@ sich **gegenseitig tippen** — jede mit einem benannten Cursor in ihrer
 Farbe, die Anwesenden erscheinen oben in der Kopfleiste. Es gibt kein
 „Datei ist gesperrt", kein „Konflikt bitte auflösen", kein Überschreiben.
 
-_[Screenshot folgt: zwei benannte Cursor gleichzeitig auf einer Seite]_
+![Nadias Editor zeigt oben beide Anwesenden und im Text den benannten Cursor von Zoraya Shahin](img/13-live-cursor.png)
 
 Das gilt sogar **offline**: Schreibst du im Zug ohne Empfang weiter,
 fließen deine Änderungen beim nächsten Kontakt sauber mit denen der