feat: responsive layout + Reminder Manager redesign

- Auto-collapse sidebar at <1536px (all laptops), expand at ≥1536px
- Responsive drawer/panel widths across Pipeline, Properties, MyListings, Anfragen, MatchDetail, AISearch
- Reminder Manager: dot+label priority badge, Fläche column removed, status only for non-active rows
- ReminderKpiBar: focal Überfällig card, three secondary KPIs
- ReminderDetailDrawer: Task Panel redesign — Finanzen removed, Notiz promoted, Pre-Market as inline badge, full create form
- useCreateReminder hook wired to reminderService.create with cache invalidation
- Mock data: contract-derived reminders (LEASE_EXPIRY, BREAK_OPTION, RENT_REVIEW, INSURANCE_RENEWAL, SCHATTENMARKT_RELEASE) now show auto-creation note in Verlauf

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/supply/ReminderPriorityBadge.tsx

@@ -5,7 +5,7 @@ const CONFIG: Record<ReminderPriority, { color: string; label: string }> = {
   URGENT: { color: '#dc2626', label: 'Dringend' },
   HIGH:   { color: '#ea580c', label: 'Hoch' },
   MEDIUM: { color: '#ca8a04', label: 'Mittel' },
-  LOW:    { color: '#64748b', label: 'Niedrig' },
+  LOW:    { color: '#94a3b8', label: 'Niedrig' },
 }
 
 interface Props {
@@ -15,9 +15,9 @@ interface Props {
 export function ReminderPriorityBadge({ priority }: Props) {
   const { color, label } = CONFIG[priority]
   return (
-    <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75 }}>
-      <Box sx={{ width: 8, height: 8, borderRadius: '50%', bgcolor: color, flexShrink: 0 }} />
-      <Typography variant="caption" sx={{ color, fontWeight: 600, fontSize: '0.7rem' }}>
+    <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.6 }}>
+      <Box sx={{ width: 7, height: 7, borderRadius: '50%', bgcolor: color, flexShrink: 0 }} />
+      <Typography sx={{ color, fontWeight: 600, fontSize: '0.7rem', lineHeight: 1, whiteSpace: 'nowrap' }}>
         {label}
       </Typography>
     </Box>