feat: Papierkorb + Bestaetigungsdialoge bei allen Loeschaktionen

Papierkorb:
- Dateien/Ordner werden beim Loeschen in den Papierkorb verschoben
  (Soft-Delete) statt sofort geloescht
- Papierkorb-Seite in der Sidebar mit Tabelle aller geloeschten Elemente
- Pro Element: Wiederherstellen (am Originalort) oder endgueltig loeschen
- "Papierkorb leeren" Button loescht alles unwiderruflich
- Backend: is_trashed, trashed_at, original_parent_id Felder im File-Model
- Getrashte Dateien erscheinen nicht in der normalen Dateiliste

Bestaetigungsdialoge (vorher fehlend):
- Kontakte: "Moechtest du XY wirklich loeschen?"
- Kalender Events: Bestaetigung vor dem Loeschen
- Kalender: Bestaetigung vor dem Loeschen (mit Hinweis auf Events)
- E-Mail Nachrichten: Bestaetigung mit Betreff-Vorschau
- Share-Link Dateien: Bestaetigung beim Loeschen aus geteiltem Ordner
- Admin SFTP-Backup-Ziele: Bestaetigung
- Admin Email-Konten: Bestaetigung

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/views/CalendarView.vue

@@ -85,7 +85,7 @@
         <label><input type="checkbox" v-model="eventForm.all_day" /> Ganztaegig</label>
       </div>
       <template #footer>
-        <Button v-if="editingEvent" label="Loeschen" severity="danger" text @click="deleteEvent" />
+        <Button v-if="editingEvent" label="Loeschen" severity="danger" text @click="confirmDeleteEvent = true" />
         <Button label="Abbrechen" text @click="showEventDialog = false" />
         <Button :label="editingEvent ? 'Speichern' : 'Erstellen'" @click="saveEvent" />
       </template>
@@ -114,9 +114,27 @@
         </div>
 
         <Button v-if="selectedCal.permission === 'owner'" label="Kalender loeschen"
-                severity="danger" text size="small" @click="deleteCalendar" />
+                severity="danger" text size="small" @click="confirmDeleteCal = true" />
       </div>
     </Dialog>
+
+    <!-- Confirm delete event -->
+    <Dialog v-model:visible="confirmDeleteEvent" header="Event loeschen" modal :style="{ width: '400px' }">
+      <p>Moechtest du <strong>{{ editingEvent?.summary }}</strong> wirklich loeschen?</p>
+      <template #footer>
+        <Button label="Abbrechen" text @click="confirmDeleteEvent = false" />
+        <Button label="Loeschen" severity="danger" @click="deleteEvent; confirmDeleteEvent = false" />
+      </template>
+    </Dialog>
+
+    <!-- Confirm delete calendar -->
+    <Dialog v-model:visible="confirmDeleteCal" header="Kalender loeschen" modal :style="{ width: '400px' }">
+      <p>Moechtest du den Kalender <strong>{{ selectedCal?.name }}</strong> mit allen Events loeschen?</p>
+      <template #footer>
+        <Button label="Abbrechen" text @click="confirmDeleteCal = false" />
+        <Button label="Loeschen" severity="danger" @click="deleteCalendar(); confirmDeleteCal = false" />
+      </template>
+    </Dialog>
   </div>
 </template>
 
@@ -147,6 +165,8 @@ const selectedCal = ref(null)
 const shareUsername = ref('')
 const sharePermission = ref('read')
 const icalUrl = ref('')
+const confirmDeleteEvent = ref(false)
+const confirmDeleteCal = ref(false)
 const permOptions = [{ label: 'Lesen', value: 'read' }, { label: 'Lesen+Schreiben', value: 'readwrite' }]
 
 const weekDays = ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So']