Add TOTP field support and restructured ItemFieldValues components

packages/web/src/components/ItemFieldValue/hooks.ts

@@ -0,0 +1,14 @@
+import { useCallback } from "react"
+import { useTranslate } from "../../i18n"
+import { toast, ToastType } from "../Toast"
+
+export function useCopy(text: string) {
+  const t = useTranslate()
+  return useCallback(() => {
+    navigator.clipboard.writeText(text)
+    toast({
+      type: ToastType.Secondary,
+      message: t.tips.copied_to_clipboard,
+    })
+  }, [text, t])
+}