Fix toast pointer-events, add show-all-series button, fix UI tests

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

src/server/web/static/css/components/notifications.css

@@ -13,6 +13,7 @@
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
+  pointer-events: none;
 }
 
 /* Toast base */
@@ -24,6 +25,7 @@
   box-shadow: var(--shadow-elevated);
   min-width: 300px;
   animation: slideIn var(--transition-duration) var(--transition-easing);
+  pointer-events: auto;
 }
 
 /* Toast variants */

src/server/web/static/js/app.js

@@ -529,9 +529,15 @@ class AniWorldApp {
             this.toggleMissingOnlyFilter();
         });
 
-        document.getElementById('sort-alphabetical').addEventListener('click', () => {
-            this.toggleAlphabeticalSort();
-        });
+                document.getElementById('show-all-series').addEventListener('click', () => {
+                    if (this.showMissingOnly) {
+                        this.toggleMissingOnlyFilter();
+                    }
+                });
+
+                document.getElementById('sort-alphabetical').addEventListener('click', () => {
+                    this.toggleAlphabeticalSort();
+                });
     }
 
     initTheme() {

src/server/web/templates/index.html

@@ -131,7 +131,11 @@
                             <i class="fas fa-filter"></i>
                             <span data-text="show-missing-only">Missing Episodes Only</span>
                         </button>
-                        <button id="sort-alphabetical" class="btn btn-secondary" data-active="false">
+                                                <button id="show-all-series" class="btn btn-secondary" data-active="true">
+                                                    <i class="fas fa-list"></i>
+                                                    <span data-text="show-all-series">Show All</span>
+                                                </button>
+                                                <button id="sort-alphabetical" class="btn btn-secondary" data-active="false">
                             <i class="fas fa-sort-alpha-down"></i>
                             <span data-text="sort-alphabetical">A-Z Sort</span>
                         </button>