feat: reminder button in list/tabs view, notifications show reminders, trash count live update

- Add reminder action to NoteActions (masonry view) and NoteMetaSidebar (tabs view)
- NotificationPanel now fetches and displays upcoming/overdue reminders alongside share requests
- Badge count includes overdue reminders; overdue items show mark-as-done toggle
- Sidebar trash count refreshes on NoteRefreshContext trigger (no more manual refresh)
- Add "Clear completed" button on reminders page with clearCompletedReminders action
- Add i18n keys for new features (en/fr)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

memento-note/components/reminders-page.tsx

@@ -1,9 +1,9 @@
 'use client'
 
 import { useState, useTransition } from 'react'
-import { Bell, BellOff, CheckCircle2, Circle, Clock, AlertCircle, RefreshCw } from 'lucide-react'
+import { Bell, BellOff, CheckCircle2, Circle, Clock, AlertCircle, RefreshCw, Trash2 } from 'lucide-react'
 import { Note } from '@/lib/types'
-import { toggleReminderDone } from '@/app/actions/notes'
+import { toggleReminderDone, clearCompletedReminders } from '@/app/actions/notes'
 import { useLanguage } from '@/lib/i18n'
 import { cn } from '@/lib/utils'
 import { useRouter } from 'next/navigation'
@@ -213,12 +213,27 @@ export function RemindersPage({ notes: initialNotes }: RemindersPageProps) {
         {/* Terminés */}
         {done.length > 0 && (
           <section>
-            <SectionTitle
-              icon={CheckCircle2}
-              label={t('reminders.done') || 'Terminés'}
-              count={done.length}
-              color="text-green-600 dark:text-green-400"
-            />
+            <div className="flex items-center justify-between mb-3">
+              <SectionTitle
+                icon={CheckCircle2}
+                label={t('reminders.done') || 'Terminés'}
+                count={done.length}
+                color="text-green-600 dark:text-green-400"
+              />
+              <button
+                onClick={() => {
+                  startTransition(async () => {
+                    await clearCompletedReminders()
+                    setNotes(prev => prev.filter(n => !n.isReminderDone))
+                    router.refresh()
+                  })
+                }}
+                className="flex items-center gap-1.5 text-xs font-medium text-muted-foreground hover:text-red-500 transition-colors"
+              >
+                <Trash2 className="w-3 h-3" />
+                {t('reminders.clearCompleted') || 'Effacer'}
+              </button>
+            </div>
             <div className="space-y-3">
               {done.map(note => (
                 <ReminderCard key={note.id} note={note} onToggleDone={handleToggleDone} t={t} />