feat: archiving

public/index.html

@@ -27,6 +27,12 @@
                         autocomplete="off"
                     >
                 </div>
+                <div class="archive-toggle-wrapper" title="Toggle archived links">
+                    <button id="archiveToggle" class="archive-toggle">
+                        <span class="toggle-slider"></span>
+                    </button>
+                    <span class="toggle-label">Archive</span>
+                </div>
             </div>
         </div>
     </header>
@@ -60,8 +66,6 @@
             </div>
         </div>
 
-        <div id="message" class="message" style="display: none;"></div>
-
         <div id="linksContainer" class="links-container">
             <div class="empty-state">
                 <p>No links yet. Add your first link to get started!</p>
@@ -69,6 +73,8 @@
         </div>
     </div>
 
+    <div id="toastContainer" class="toast-container"></div>
+
     <script src="app.js"></script>
 </body>
 </html>