Adding plan properties comparison, fixed dark icons, fixed dropdown text. (#19601)

* Adding prop compare logic

* Fixed using semaphore

* Adding dark icons
Adding dropdown prefix
Adding all visible plans from plan comparison

* Reverting mssql vbump

* Fixing icon name

* executionPlanComparisonPropertiesView

* Fixing icon paths and adding preselect model

* Fixed icon spacing

* Removing styling in formatter

* Adding tooltip to plugs
switching to plugins

* Removing unecessary calls to getSkeletonNodes()

* Renaming variable

* Fixed column value formatting

* Undoing formatter change

src/sql/base/browser/ui/table/formatters.ts

@@ -90,7 +90,6 @@ export function textFormatter(row: number | undefined, cell: any | undefined, va
 	let valueToDisplay = '';
 	let titleValue = '';
 	let cellStyle = '';
-
 	if (DBCellValue.isDBCellValue(value)) {
 		valueToDisplay = 'NULL';
 		if (!value.isNull) {

src/sql/base/browser/ui/table/plugins/textWithIconColumn.ts

@@ -20,7 +20,8 @@ export class TextWithIconColumn<T extends Slick.SlickData> implements TableColum
 			resizable: this.options.resizable,
 			formatter: (row: number, cell: number, value: any, columnDef: Slick.Column<T>, dataContext: T): string => {
 				const iconValue = getIconCellValue(this.options, dataContext);
-				return `<div class="icon codicon slick-icon-cell-content ${iconValue.iconCssClass ?? ''}">${escape(iconValue.title ?? '')}</div>`;
+				const titleValue = escape(iconValue.title ?? '');
+				return `<div class="icon codicon slick-icon-cell-content ${iconValue.iconCssClass ?? ''}" title="${titleValue}">${titleValue}</div>`;
 			},
 			width: this.options.width,
 			name: this.options.name,