Fixed BUG -- sd-webui-aspect-ratio-helper -- Inaccurate aspect ratio calculations

[ghostNic8]

I refactored the javascript aspect ratio helper for webUI because it was bothering me that when selecting sizes above smaller values like 512 and above the aspect ratio was inaccurate.

I found that the aspect ratio was being recalculated while resizing between fields a couple times. This redundancy caused the miscalculation of accurate aspect ratio when being passed through the clamp to 8-bit calculation in clampToBoundaries function.

Here's a list of changes I made. I also annotated my changes to the areas I changed. It works pretty much flawlessly now, for now:

1. Introduced a global container for the fixed aspect ratio selection in the UI. (1:1, 3:2, 4:3, 5:4, 16:9, etc). This sets the aspect ratio to reference based on the ratio selection made in the UI.
2. Refactored the clampToBoundaries() to us the global aspect ratio selected.
3. Updated setAspectRatio() to reference the global fixed aspect ration and calculate it based on field inputs.
4. Changed the mantainAspectRatio() to set a const aspectRatio = to the global fixed aspect ratio declared.
5. I commented out and replaced the update the new maintainAspectRatio() vs the old updateInputStates() that handled the max/min settings and landscape vs. portrait(square).
6. It's now pushing debug logs to the console for review in browser console.
7. Functionally centralized the aspect ratio calculation to remove the redundancy that was in conflict - the root cause of the inaccurate aspect ratio results.
   aspectRatioController.zip

I've attached my updated javascript. I hope it's useful to others.