Change value widget in object renderer based on key

[9at8]

#99635

This PR adds functionality to render the correct value widget based on the key.

Providing a 'SelectBox' to select keys while adding new items will be in a separate PR.

Before

After

Settings to test

• emmet.variables: (keys - lang, charset)
• tsserver.watchOptions: (keys - watchFile, watchDirectory, fallbackPolling, synchronousWatchDirectory)
• You can also change the schema of an existing setting (like files.associations)

[FILES_ASSOCIATIONS_CONFIG]: {
			'type': 'object',
			'markdownDescription': nls.localize('associations', "Configure file associations to languages (e.g. `\"*.extension\": \"html\"`). These have precedence over the default associations of the languages installed."),
			properties: {
				'foo bar': { type: 'string', default: 'baz' },
				'enum prop': { type: 'string', default: 'a', enum: ['a', 'b', 'c'] },
				'boolf': { type: 'boolean', default: false },
				'boolt': { type: 'boolean', default: true },
				'bool': { type: 'boolean' },
			},
			patternProperties: {
				'pa(tt)*ern': { type: 'string', default: 'b', enum: ['A', 'b', 'C'] },
				'another(1)*': { type: 'string', default: 'one' },
			},
			'additionalProperties': {
				'type': 'string',
				default: 'typescript',
			}
		},

[roblourens]

Nice work, this looks great to me. I think that debouncing the value update is a good idea