feat: new directory dialog

repalces the new item table row

packages/web/src/components/with-atom.tsx

@@ -0,0 +1,15 @@
+import { type PrimitiveAtom, useAtom } from "jotai"
+
+export function WithAtom<Value>({
+	atom,
+	children,
+}: {
+	atom: PrimitiveAtom<Value>
+	children: (
+		value: Value,
+		setValue: (value: Value) => void,
+	) => React.ReactNode
+}) {
+	const [value, setValue] = useAtom(atom)
+	return children(value, setValue)
+}