Update Quickedit & Sidebar rechts

[LisaS13]

Floating Buttons werden mit Sidebar ersetzt. Design: https://www.figma.com/file/hmz3cNKTYTdrNQAwQBk1b3/Features?type=design&node-id=1147%3A3&mode=design&t=v1rbF0LXjNHCDZqd-1

Sidebar eingeklappt View mode:

• [x] weiße Bar mit Stift Icon für Bearbeitungsmodus

• [x] Settings-Icon um in den Einstellungsbereich zu kommen

  Edit mode:

• [x] Hintergrund der Bar wird neutrals 10
• [x] weitere Funktionen erscheinen: Sortierung der Smart-Blocks unter Edit-Button, Hinweis Bildgrößen; Benutzeransicht; Wiederherstellen; Übersetzung (wie aktuell die kleinen FABs) nach Einstellungen
• [x] States: Hover – neutrals 30; Active – neutrals 50
• [x] wenn Quickedit geöffnet ist bekommt die Sidebar eine schwarze outline auf der linken Seite, damit sie vom Quickedit etwas abgegrenzt ist.

In Einstellungen:

• Sidebar immer weiß
• Settings-Icon wird zu Close-Icon mit Active-State in neutrals 10
• edit Stift disabled (neutrals 70)

Fürs erste nicht vorhanden, da das Zurück Feature unverhältnismäßig komplex ist.

neue FABs:

• groß: Design Support (Icon-Handhabung wie gehabt)
• UI Update Support Modal (Design hier)
• klein unten drunter: auf Seite nach oben springen wird eigener Task

Quickedit Funktionen:

• [x] Automatisches Speichern
• [x] Speichern und Verwerfen Buttons unten entfernen
• [ ] Rückgängig- & Wiederholen-Funktion unter Überschrift "Schnelles Bearbeiten" einbauen (mit Tooltips "Rückgängig machen" und "Wiederholen")
• [ ] Snackbar links daneben, die das automatische Speichern anzeigt
• Zuklappen wie bei Navbar links, aber in schwarz und Icon gespiegelt
• [x] Tooltip mit Farbnamen bei Hintergrund- & Textfarben
• [x] Schließen durch close Icon oben rechts

UI Optimierungen:

• [x] Hintergrund neutrals 10
• [x] Farbe nicht aktiver Tab oben: neutrals 20
• [x] Über die Überschrift "Schnelles Bearbeiten" den Smart-Block Namen und seine Nummer setzen
• [x] Spacings zwischen den Elementen checken und ggf. anpassen
• [x] Schriftgrößen checken und ggf. anpassen (hier UI Styles nutzen, nicht Content)
• [x] Container: Reihenfolge der Punkte anpassen: 1. Feste Maximalbreite | 2. Gesamte Breite | 3. Gesamte Breite mit Außenabstand

Tab Smart-Blocks:

• [x] wird eigener Punkt in Sidebar
• [x] Schriftgrößen und Abstände checken und ggf. anpassen
• [x] Hintergrund neutrals 10
• [x] Überschrift "Smart-Blocks sortieren" (Schreibweise aktualisieren)
• [x] Seitenname oben drüber (siehe Design)
• [x] Schließen durch close Icon oben rechts