adding scheduled view in torrents tab

web/index.html

@@ -75,6 +75,7 @@
         <button class="sort-btn" data-sort="availability">Availability</button>
       </div>
       <div class="toolbar-actions">
+        <button type="button" id="scheduled-filter" class="scheduled-filter" aria-pressed="false" disabled>Scheduled</button>
         <label class="interval-control" for="refresh-interval">
           <span class="sr-only">Refresh interval</span>
           <select id="refresh-interval" class="refresh-select" aria-label="Refresh interval">
@@ -90,6 +91,7 @@
         </div>
       </div>
     </div>
+    <p id="schedule-status" class="schedule-status hidden" role="status"></p>
 
     <section id="torrents" class="torrent-list" aria-live="polite"></section>
 
@@ -100,8 +102,8 @@
             opacity="0.4" />
         </svg>
       </div>
-      <p class="empty-title">No torrents</p>
-      <p class="empty-sub">Add torrents to your Transmission client to see them here.</p>
+      <p class="empty-title" id="empty-title">No torrents</p>
+      <p class="empty-sub" id="empty-sub">Add torrents to your Transmission client to see them here.</p>
     </div>
 
     <div id="error-state" class="error-state hidden">