feat(web): monitors list/detail/form UI

web/components/Sidebar.tsx

@@ -60,6 +60,14 @@ function SettingsIcon() {
   );
 }
 
+function MonitorIcon() {
+  return (
+    <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
+      <path strokeLinecap="round" strokeLinejoin="round" d="M3 12h4l2 6 4-14 2 8h6" />
+    </svg>
+  );
+}
+
 function StepsIcon() {
   return (
     <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
@@ -70,6 +78,7 @@ function StepsIcon() {
 
 const navItems: NavItem[] = [
   { href: "/servers", label: "Servers", icon: <ServerIcon /> },
+  { href: "/monitors", label: "Monitors", icon: <MonitorIcon /> },
   { href: "/keys", label: "SSH Keys", icon: <KeyIcon /> },
   { href: "/secrets", label: "Secrets", icon: <SecretIcon /> },
   { href: "/workflows", label: "Workflows", icon: <WorkflowIcon /> },