refactor: replace split-panel with overlay Drawer on Properties and FutureAvailability

650px right Drawer overlays the list instead of compressing it — full list always visible, detail panel has adequate space.

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

src/pages/supply/Properties.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { Box } from '@mui/material'
+import { Box, Drawer } from '@mui/material'
 import { PageHeader } from '../../components/layout'
 import { useProperties } from '../../hooks/useProperties'
 import { PropertyFilterBar, PropertyTable, PropertyDetailView } from '../../components/supply'
@@ -59,36 +59,28 @@ export default function Properties() {
       />
       <PropertyFilterBar filters={filters} onFiltersChange={setFilters} />
 
-      <Box sx={{ display: 'flex', flex: 1, overflow: 'hidden' }}>
-        {/* Table */}
-        <Box sx={{ flex: 1, overflowY: 'auto' }}>
-          <PropertyTable
-            properties={filtered}
-            isLoading={isLoading}
-            isError={isError}
-            selectedId={selectedId}
-            onSelect={setSelectedId}
-            filters={filters}
-            onFiltersChange={setFilters}
-          />
-        </Box>
-
-        {/* Detail panel */}
-        {selectedId && (
-          <Box
-            sx={{
-              width: 480,
-              flexShrink: 0,
-              borderLeft: '1px solid #e2e8f0',
-              overflow: 'hidden',
-              display: 'flex',
-              flexDirection: 'column',
-            }}
-          >
-            <PropertyDetailView propertyId={selectedId} onClose={() => setSelectedId(null)} />
-          </Box>
-        )}
+      <Box sx={{ flex: 1, overflowY: 'auto' }}>
+        <PropertyTable
+          properties={filtered}
+          isLoading={isLoading}
+          isError={isError}
+          selectedId={selectedId}
+          onSelect={setSelectedId}
+          filters={filters}
+          onFiltersChange={setFilters}
+        />
       </Box>
+
+      <Drawer
+        anchor="right"
+        open={!!selectedId}
+        onClose={() => setSelectedId(null)}
+        slotProps={{ paper: { sx: { width: 650, boxShadow: '-4px 0 24px rgba(0,0,0,0.10)' } } }}
+      >
+        {selectedId && (
+          <PropertyDetailView propertyId={selectedId} onClose={() => setSelectedId(null)} />
+        )}
+      </Drawer>
     </Box>
   )
 }