feat(id): replace crypto.randomUUID with nanoid for unique ID generation

web/src/lib/utils.ts

@@ -1,6 +1,18 @@
 import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
+import { nanoid } from "nanoid";
 
 export function cn(...inputs: ClassValue[]) {
     return twMerge(clsx(inputs));
 }
+
+/**
+ * Generate a unique id.
+ *
+ * Avoid `crypto.randomUUID`, which is only exposed in secure contexts (HTTPS or
+ * localhost) — over plain HTTP it is undefined and throws. `nanoid` works in any
+ * context.
+ */
+export function randomId(): string {
+    return nanoid();
+}