Refactor LoRA template with modular components and script updates

templates/components/controls.html

@@ -0,0 +1,16 @@
+<div class="controls">
+    <div class="folder-tags">
+        {% for folder in folders %}
+        <div class="tag" data-folder="{{ folder }}">{{ folder }}</div>
+        {% endfor %}
+    </div>
+    
+    <div class="actions">
+        <select id="sortSelect">
+            <option value="name">Name</option>
+            <option value="date">Date</option>
+        </select>
+        <button onclick="refreshLoras()"><i class="fas fa-sync"></i> Refresh</button>
+        <button onclick="fetchCivitai()" class="secondary"><i class="fas fa-download"></i> Fetch</button>
+    </div>
+</div> 

templates/components/loading.html

@@ -0,0 +1,9 @@
+<div id="loading-overlay" class="loading-overlay" style="display: none;">
+    <div class="loading-content">
+        <div class="loading-spinner"></div>
+        <div class="loading-status">Scanning Loras...</div>
+        <div class="progress-container">
+            <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
+        </div>
+    </div>
+</div> 

templates/components/modals.html

@@ -0,0 +1,15 @@
+<!-- Model details Modal -->
+<div id="loraModal" class="modal"></div>
+
+<!-- Delete Confirmation Modal -->
+<div id="deleteModal" class="modal delete-modal">
+    <div class="modal-content delete-modal-content">
+        <h2>Delete Model</h2>
+        <p class="delete-message">Are you sure you want to delete this model and all associated files?</p>
+        <div class="delete-model-info"></div>
+        <div class="modal-actions">
+            <button class="cancel-btn" onclick="closeDeleteModal()">Cancel</button>
+            <button class="delete-btn" onclick="confirmDelete()">Delete</button>
+        </div>
+    </div>
+</div>