feat: initial OmniRoute release (rebranded from 9router)

This project is inspired by and originally forked from 9router by decolua
(https://github.com/decolua/9router).

Full rebrand: 9router → OmniRoute across all source code, configuration,
Docker, documentation, and assets.

src/shared/components/Input.js

@@ -0,0 +1,89 @@
+"use client";
+
+import { useId } from "react";
+import { cn } from "@/shared/utils/cn";
+
+export default function Input({
+  label,
+  type = "text",
+  placeholder,
+  value,
+  onChange,
+  error,
+  hint,
+  icon,
+  disabled = false,
+  required = false,
+  className,
+  inputClassName,
+  id: externalId,
+  ...props
+}) {
+  const generatedId = useId();
+  const inputId = externalId || generatedId;
+  const errorId = error ? `${inputId}-error` : undefined;
+  const hintId = hint && !error ? `${inputId}-hint` : undefined;
+  const describedBy = [errorId, hintId].filter(Boolean).join(" ") || undefined;
+
+  return (
+    <div className={cn("flex flex-col gap-1.5", className)}>
+      {label && (
+        <label htmlFor={inputId} className="text-sm font-medium text-text-main">
+          {label}
+          {required && (
+            <span className="text-red-500 ml-1" aria-hidden="true">
+              *
+            </span>
+          )}
+        </label>
+      )}
+      <div className="relative">
+        {icon && (
+          <div className="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-text-muted">
+            <span className="material-symbols-outlined text-[20px]" aria-hidden="true">
+              {icon}
+            </span>
+          </div>
+        )}
+        <input
+          id={inputId}
+          type={type}
+          placeholder={placeholder}
+          value={value}
+          onChange={onChange}
+          disabled={disabled}
+          required={required}
+          aria-required={required || undefined}
+          aria-invalid={error ? true : undefined}
+          aria-describedby={describedBy}
+          className={cn(
+            "w-full py-2 px-3 text-sm text-text-main",
+            "bg-white dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-md",
+            "placeholder-text-muted/60",
+            "focus:ring-1 focus:ring-primary/30 focus:border-primary/50 focus:outline-none",
+            "transition-all shadow-inner disabled:opacity-50 disabled:cursor-not-allowed",
+            // iOS zoom fix
+            "text-[16px] sm:text-sm",
+            icon && "pl-10",
+            error ? "border-red-500 focus:border-red-500 focus:ring-red-500/20" : "",
+            inputClassName
+          )}
+          {...props}
+        />
+      </div>
+      {error && (
+        <p id={errorId} className="text-xs text-red-500 flex items-center gap-1" role="alert">
+          <span className="material-symbols-outlined text-[14px]" aria-hidden="true">
+            error
+          </span>
+          {error}
+        </p>
+      )}
+      {hint && !error && (
+        <p id={hintId} className="text-xs text-text-muted">
+          {hint}
+        </p>
+      )}
+    </div>
+  );
+}