fix: resolve HTML hydration error and improve error handling

- Fix HTML structure error: remove nested div inside p element in UploadView
- Restructure ListItemText secondary content to use valid HTML
- Add warning log for upload failures with demo data fallback
- Improve error handling for ERR_CONNECTION_REFUSED
- Ensure proper HTML semantics and prevent hydration errors

src/services/api.ts

@@ -49,6 +49,7 @@ export const documentApi = {
       })
       return data
     } catch (error) {
+      console.warn('Upload failed, using demo data:', error)
       // Retourner des données de démonstration en cas d'erreur
       return {
         id: 'demo-' + Date.now(),

src/views/UploadView.tsx

@@ -132,23 +132,23 @@ export default function UploadView() {
                 <ListItemText
                   primary={doc.name}
                   secondary={
-                    <Box sx={{ display: 'flex', gap: 1, mt: 1 }}>
+                    <Typography component="span" variant="body2" color="text.secondary">
-                      <Chip
+                      {doc.type} • {doc.status} • {(doc.size / 1024 / 1024).toFixed(2)} MB
-                        label={doc.type}
+                    </Typography>
-                        size="small"
-                        variant="outlined"
-                      />
-                      <Chip
-                        label={doc.status}
-                        size="small"
-                        color={getStatusColor(doc.status) as any}
-                      />
-                      <Typography variant="caption" color="text.secondary">
-                        {(doc.size / 1024 / 1024).toFixed(2)} MB
-                      </Typography>
-                    </Box>
                   }
                 />
+                <Box sx={{ display: 'flex', gap: 1, mt: 1 }}>
+                  <Chip
+                    label={doc.type}
+                    size="small"
+                    variant="outlined"
+                  />
+                  <Chip
+                    label={doc.status}
+                    size="small"
+                    color={getStatusColor(doc.status) as any}
+                  />
+                </Box>
               </ListItem>
             ))}
           </List>