fix intended use issue for readonly perms

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

src/components/form/FormField.tsx

@@ -171,8 +171,10 @@ const FormFieldInput = ({
       case FieldTypeOptions.STRING:
       case FieldTypeOptions.HIDDEN:
       case FieldTypeOptions.FRACTIONAL:
+        return value
+
       case FieldTypeOptions.INTENDED_USE:
-        return value;
+        return value?.name ?? '-';
 
       case FieldTypeOptions.REFERENCE_NUMBER:
         return value ? <ExternalLink href={getReferenceNumberLink(value)} text={value} /> : null;
@@ -191,6 +193,7 @@ const FormFieldInput = ({
 
       default:
         console.error(`Field type ${type} is not implemented`);
+        console.log(type, value)
         return 'NOT IMPLEMENTED';
     }
   };