feat: ograniczenie widocznych plików do 10 ostatnio używanych, dodanie okna modalnego z całą bazą plików oraz zmiana ikony na plus przy przycisku Dodaj

static/index.html

@@ -139,7 +139,7 @@
                             <input type="text" id="track-query" class="premium-input" placeholder="Wklej link YouTube lub wpisz wyszukiwanie..." required>
                         </div>
                         <button type="submit" id="btn-add-track" class="btn btn-primary">
-                            <span id="btn-add-text"><i data-lucide="music-3"></i> Dodaj</span>
+                            <span id="btn-add-text"><i data-lucide="plus"></i> Dodaj</span>
                             <span id="btn-add-spinner" class="spinner" style="display: none;"></span>
                         </button>
                     </form>
@@ -173,6 +173,9 @@
                             </div>
                         </ul>
                     </div>
+                    <button type="button" id="btn-open-all-uploads" class="btn btn-secondary" style="width: 100%; margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 8px;">
+                        <i data-lucide="folder-open"></i> Pokaż wszystkie pliki na serwerze (<span id="btn-all-uploads-count">0</span>)
+                    </button>
                 </div>
 
                 <!-- Queue List Panel -->
@@ -234,6 +237,25 @@
         </div>
     </div>
 
+    <!-- All Uploads Modal -->
+    <div class="modal-overlay" id="uploads-modal" style="display: none;">
+        <div class="modal-card glass-card" style="max-width: 650px;">
+            <div class="modal-header">
+                <h2 class="card-title"><i data-lucide="folder-up"></i> Wszystkie pliki na serwerze</h2>
+                <button class="btn-icon" id="btn-close-uploads" title="Zamknij"><i data-lucide="x"></i></button>
+            </div>
+            <div class="modal-body" style="max-height: 70vh; overflow-y: auto;">
+                <p class="settings-desc">Pełna lista plików zapisanych w serwerowej bazie danych (posortowana od ostatnio używanych / przesłanych).</p>
+                <ul class="queue-list" id="modal-uploads-list">
+                    <div class="empty-queue-message" id="empty-modal-uploads-msg">
+                        <i data-lucide="folder-open"></i>
+                        <p>Brak przesłanych plików na serwerze.</p>
+                    </div>
+                </ul>
+            </div>
+        </div>
+    </div>
+
     <!-- Notification Toast -->
     <div class="toast-container" id="toast-container"></div>