fix intended use issue for readonly perms (#516)

* fix intended use issue for readonly perms

tried to render an object which is not possible as text.

* add textarea to be viewable as readonly in edit mode

field `note` was not showing up in edit mode for users that only had readonly perms for it

src/components/form/FormField.tsx

@@ -171,9 +171,12 @@ const FormFieldInput = ({
       case FieldTypeOptions.STRING:
       case FieldTypeOptions.HIDDEN:
       case FieldTypeOptions.FRACTIONAL:
-      case FieldTypeOptions.INTENDED_USE:
+      case FieldTypeOptions.TEXTAREA:
         return value;
 
+      case FieldTypeOptions.INTENDED_USE:
+        return value?.name ?? '-';
+
       case FieldTypeOptions.REFERENCE_NUMBER:
         return value ? <ExternalLink href={getReferenceNumberLink(value)} text={value} /> : null;