fix: Resolve blank modal issue when viewing YData Profiling reports

- Normalize report paths by removing leading './' before constructing URLs
- Add proper Content-Type headers for HTML files in /outputs endpoint
- Add media type detection for different file types (HTML, CSV, JSON, images)
- Rebuild frontend with path normalization fix

The issue was that report paths like './outputs/reports/file.html' were being
used directly in URLs, creating invalid URLs like 'http://localhost:8080./outputs/'.
Now paths are normalized to '/outputs/reports/file.html' format.

Fixes: Blank white modal when clicking 'View Report' button

FRRONTEEEND/components/ChatInterface.tsx

@@ -419,16 +419,20 @@ export const ChatInterface: React.FC<{ onBack: () => void }> = ({ onBack }) => {
                   )}
                   {msg.reports && msg.reports.length > 0 && (
                     <div className="mt-4 flex flex-wrap gap-2">
-                      {msg.reports.map((report, idx) => (
-                        <button
-                          key={idx}
-                          onClick={() => setReportModalUrl(`${window.location.origin}${report.path}`)}
-                          className="flex items-center gap-2 px-4 py-2 rounded-lg bg-indigo-500/20 hover:bg-indigo-500/30 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-all group"
-                        >
-                          <Sparkles className="w-3.5 h-3.5 group-hover:scale-110 transition-transform" />
-                          View {report.name} Report
-                        </button>
-                      ))}
+                      {msg.reports.map((report, idx) => {
+                        // Normalize the report path: remove leading ./ and ensure it starts with /
+                        const normalizedPath = report.path.replace(/^\.\//, '/');
+                        return (
+                          <button
+                            key={idx}
+                            onClick={() => setReportModalUrl(`${window.location.origin}${normalizedPath}`)}
+                            className="flex items-center gap-2 px-4 py-2 rounded-lg bg-indigo-500/20 hover:bg-indigo-500/30 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-all group"
+                          >
+                            <Sparkles className="w-3.5 h-3.5 group-hover:scale-110 transition-transform" />
+                            View {report.name} Report
+                          </button>
+                        );
+                      })}
                     </div>
                   )}
                   <div className="mt-2 text-[10px] opacity-20 font-mono">

src/api/app.py

@@ -471,7 +471,20 @@ async def serve_output_files(file_path: str):
     except ValueError:
         raise HTTPException(status_code=403, detail="Access denied")
     
-    return FileResponse(output_path)
+    # Determine media type based on file extension
+    media_type = None
+    if file_path.endswith('.html'):
+        media_type = "text/html"
+    elif file_path.endswith('.csv'):
+        media_type = "text/csv"
+    elif file_path.endswith('.json'):
+        media_type = "application/json"
+    elif file_path.endswith('.png'):
+        media_type = "image/png"
+    elif file_path.endswith('.jpg') or file_path.endswith('.jpeg'):
+        media_type = "image/jpeg"
+    
+    return FileResponse(output_path, media_type=media_type)
 
 
 @app.get("/{full_path:path}")