fix(client): avoid cannot getField by randomly generated name and throw error

[mytharcher]

TypeError: Cannot read properties of undefined (reading 'collectionName')
(anonymous function)
./client/src/schema-component/antd/record-picker/ReadPrettyRecordPicker.tsx:23
  20 | const [record, setRecord] = useState({});
  21 | return (
  22 |   <div>
> 23 |     <BlockAssociationContext.Provider value={`${collectionField.collectionName}.${collectionField.name}`}>
     | ^  24 |       <CollectionProvider name={collectionField.target}>
  25 |         <Space size={0} split={<span style={{ marginRight: 4, color: '#aaa' }}>, </span>}>
  26 |           {toArr(field.value).map((record, index) => {

in ReadPrettyRecordPicker.tsx#L18-L19, fieldSchema.name is a randomly generated name, and cannot be find in collection.fields if those fields is manually named.