feat: implement full breadcrumb path navigation in Files tab

- Add breadcrumbPath array to app state for tracking folder hierarchy
- Rewrite updateBreadcrumb() to render full path: Home > folder > subfolder
- Each breadcrumb segment is clickable to navigate back to that level
- Current folder shown in bold (non-clickable), parent folders as links
- Reset breadcrumb path on tab switch, home navigation, and initial load
- Update navigateFolder/selectFolder to push to breadcrumb path
- Enhanced breadcrumb CSS with hover effects and dark mode support

static/js/core/icons.js

@@ -200,6 +200,9 @@ function replaceIconsInElement(container) {
     // Copy inline style if present
     if (el.style.cssText) svg.style.cssText = el.style.cssText;
 
+    // Preserve id attribute if present
+    if (el.id) svg.id = el.id;
+
     const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
     path.setAttribute("fill", "currentColor");
     path.setAttribute("d", d);

static/js/core/modal.js

@@ -87,8 +87,18 @@ const Modal = {
                 cancelText = null
             } = options;
             
-            // Set modal content
-            this.icon.className = `fas ${icon}`;
+            // Set modal content - update the icon
+            const iconContainer = document.querySelector('.modal-icon');
+            if (iconContainer) {
+                // Replace contents with a fresh <i> that icons.js will convert
+                iconContainer.innerHTML = `<i id="modal-icon" class="fas ${icon}"></i>`;
+                this.icon = document.getElementById('modal-icon');
+                // Let icons.js convert it to SVG
+                if (window.replaceIconsInElement) {
+                    window.replaceIconsInElement(iconContainer);
+                    this.icon = document.getElementById('modal-icon');
+                }
+            }
             this.title.textContent = title;
             this.label.textContent = label;
             this.input.placeholder = placeholder;