docs: rewrite user-facing documentation with screenshots (#11)

compliance-dashboard/src/pages/repositories.rs

@@ -394,11 +394,15 @@ pub fn RepositoriesPage() -> Element {
                                 r#type: "text",
                                 readonly: true,
                                 style: "font-family: monospace; font-size: 12px;",
-                                value: format!("/webhook/{}/{eid}", edit_webhook_tracker()),
-                            }
-                            p {
-                                style: "font-size: 11px; color: var(--text-secondary); margin-top: 4px;",
-                                "Use the full dashboard URL as the base, e.g. https://your-domain.com/webhook/..."
+                                value: {
+                                    #[cfg(feature = "web")]
+                                    let origin = web_sys::window()
+                                        .and_then(|w: web_sys::Window| w.location().origin().ok())
+                                        .unwrap_or_default();
+                                    #[cfg(not(feature = "web"))]
+                                    let origin = String::new();
+                                    format!("{origin}/webhook/{}/{eid}", edit_webhook_tracker())
+                                },
                             }
                         }
                         div { class: "form-group",