Fix Compare UI and only show differences in Calcs tab (#9798)

* Change Copy+Use to Equip

Think using equip is more obvious for users and also makes the button smaller

* Change gem quality display

Gem level + quality used to look like Lv20/20q and would not display the quality if it was 0
It now shows it like we have in the skills tab of just 20/20

* Add gear icons to skill tab

Adds the gear icons to the stat of each group label
Increase the font size of the header too as it didn't stand out before
Adjust the indenting of the list so they all line up nicely

* Use background colour of other tabs

The background colour was being set to pitch black instead of the slightly lighter block that we use in the other tabs

* Ctrl + F hotkey + reorder config header

Ctrl + f now selects the search box on the configs tab
Changed the order of the buttons so it uses the same layout as the main configs tab

* Widen skill selection box

* Fix scrolling on control elements

Trying to scroll on dropdowns or input boxes was not working as it was always trying to handle the scroll input before the control input
Also change to use KeyUp from the scroll events as that's what we do elsewhere

* Add scrollbars to tabs

Scrollbars were not appearing in the summary, skill, items and config tabs

* Fix tooltip display on small horizontal viewport

Tooltips would clip off the side on smaller widths.
Now passes in a max width value to compact the size of the tooltips to fit more info on screen

* Improve top header sections

Changes the header for summary, skills and items tab to no move when scrolled
Tree tab now shows the build name for each dropdown

* Add config tooltips

Hovering over the checkboxes or input boxes wasn't showing the tooltip for that part

* Fix build list scrolling

When you select the search bar you can't use the scroll wheel to scroll the build list

* Only compare calcs that are different checkbox

Adds a checkbox that is on by default and it now only shows the rows in the calcs section that are different between the 2 builds
You can disable this and see all the rows again by unchecking the box

* Update variable names

* Reduce spacing for skill dropdowns

---------

Co-authored-by: LocalIdentity <localidentity2@gmail.com>

Author: LocalIdentity

src/Classes/ComparePowerReportListControl.lua

@@ -16,8 +16,8 @@ local ComparePowerReportListClass = newClass("ComparePowerReportListControl", "L
 		{ width = width * 0.10, label = "Category", sortable = true },
 		{ width = width * 0.44, label = "Name" },
 		self.impactColumn,
-		{ width = width * 0.08, label = "Points", sortable = true },
-		{ width = width * 0.16, label = "Per Point", sortable = true },
+		{ width = width * 0.06, label = "Points", sortable = true },
+		{ width = width * 0.14, label = "Per Point", sortable = true },
 	}
 	self.colLabels = true
 	self.showRowSeparators = true