Fix #90093

[octref]

Fix #90093

Explanation:

We have roughly this display for suggest label:

/**
 * Flexbox
 * < ------- left ------- >     < -------- right -------- >
 * <icon><label><signature>     <qualifier><type><readmore>
 */

Previously I set a left margin for right, so left and right side wouldn't touch each other.
Now I set the margin for qualifier, type and readmore individually, so that if they are shown, they would have enough space to the left because of their own margin-left:

[Tyriar]

Can qualifier and type show up at the same time? What does that look like after this PR?

[octref]

@Tyriar Sorry, I forgot to update the code comment...We recently changed qualifier to be displayed right after signature.

/**
 * Flexbox
 * < ------------- left ------------ >     < --- right -- >
 * <icon><label><signature><qualifier>     <type><readmore>
 */

Code:

vscode.languages.registerCompletionItemProvider('plaintext', {
	provideCompletionItems() {
		return {
			isIncomplete: false,
			items: [
				{
					label: 'foooooooooo',
					label2: {
						name: 'foooooooooo',
						signature: '(bar)',
						qualifier: 'baz.foo',
						type: 'MyTypeMyTypeMyType'
					},
					documentation: 'my documentation',
					detail: 'my detail'
				},
				{
					label: 'foo2',
					label2: {
						name: 'foo2',
						signature: '(bar)',
						qualifier: 'baz.foo',
						type: 'MyType'
					},
					documentation: 'my documentation',
					detail: 'my detail'
				}
			]
		}
	}
})