feat: Implement PWA support, responsive drawer layout, and custom context menu

frontend/src/components/layout/sidebar.rs

@@ -19,7 +19,7 @@ pub fn Sidebar() -> impl IntoView {
     };
 
     view! {
-        <aside class="w-64 bg-base-200 h-full flex flex-col border-r border-base-300">
+        <div class="w-64 h-full flex flex-col">
             <div class="p-4">
                 <h2 class="text-xl font-bold px-4 mb-2 text-primary">"Filters"</h2>
                 <ul class="menu w-full rounded-box gap-1">
@@ -78,6 +78,6 @@ pub fn Sidebar() -> impl IntoView {
                     <li><a>"Error"</a></li>
                 </ul>
             </div>
-        </aside>
+        </div>
     }
 }

frontend/src/components/layout/toolbar.rs

@@ -4,6 +4,9 @@ use leptos::*;
 pub fn Toolbar() -> impl IntoView {
     view! {
         <div class="h-14 min-h-14 flex items-center px-4 border-b border-base-300 bg-base-100 gap-4">
+            <label for="my-drawer" class="btn btn-square btn-ghost lg:hidden drawer-button">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-5 h-5 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>
+            </label>
             <div class="join">
                 <button class="join-item btn btn-sm btn-outline gap-2" title="Open Torrent">
                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">