feat(app): add router and dynamic item loading to app component

src/app.rs

@@ -1,5 +1,7 @@
 use leptos::*;
 use leptos_meta::*;
+use leptos_router::*; 
+use leptos::logging::log;
 use crate::components::items_list::ItemsList;
 use crate::models::item::Item;
 use crate::nostr::NostrClient;
@@ -26,7 +28,26 @@ pub fn App() -> impl IntoView {
             }
         }
     });
+    view! {
+        <Router>
+            <Routes>
+                <Route path="/:url?" view=move || {
+                    let params = use_params_map();
+                    let url = move || params.with(|params| params.get("url").cloned().unwrap_or_default());
                     
+                    // This effect will re-run when URL changes
+                    create_effect(move |_| {
+                        let current_url = url();
+                        spawn_local(async move {
+                            // Load items for new URL
+                            match load_items_from_db(&current_url).await {
+                                Ok(loaded_items) => {
+                                    set_items.set(loaded_items);
+                                }
+                                Err(err) => log!("Error loading items: {}", err),
+                            }
+                        });
+                    });
                         view! {
                             <Stylesheet href="/assets/style.css" />
                             <Stylesheet href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
@@ -35,4 +56,8 @@ pub fn App() -> impl IntoView {
                                 <ItemsList items=items_signal set_items=set_items />
                             </div>
                         }
+                }/>
+            </Routes>
+        </Router>
+    }
 }