DocumentBrowserDialog/ImageBrowserDialog - Gray out incompatible documents in the listings

As an editor/author, when I open a document picker or image link picker 

• to select a document or image to use in an HTML field, I want to be able to identify the items that are compatible with it

Requirements

• Restrict document types in the picker based on compatibility with the field's "linkpicker.nodetypes" or "imagepicker.nodetypes" configuration, 
  see "Link Picker Configuration for a Rich Text Editor Field" at
  https://xmdocumentation.bloomreach.com/library/concepts/document-types/configure-the-linkpicker-to-select-folders-or-filter-on-document-type.html,
  should also be at
  https://xmdocumentation.bloomreach.com/library/concepts/document-types/html-fields/html-fields-configuration-properties.html
• Auto filter compatible item and gray out the ones that are not compatible
  • Design Figma