Refactored hooks to specify events and reworked the dropdowns to be significantly faster and more responsive. (#304)

* Updated events to be more specific

* Update more events

* Update globalmousepos

* Update themes and submap module to show submap name.

* Type fixes

* Reworked menu position calculation logic to be much more efficient.

* Revert import file location

* We luv arrow functions

* Remove globalMousePos remnants since it's unused.

* Added the ability to configure menu dropdown transition and duration.

* Fix type

widget/settings/pages/config/general/index.ts

@@ -48,6 +48,20 @@ export const BarGeneral = (): Scrollable<Child, Attribute> => {
                         "Enabling this will change all overlays (Notifications, OSDs, Bar) to the 'top' layer instead the 'overlay' layer.",
                     type: 'boolean',
                 }),
+                Option({
+                    opt: options.menus.transition,
+                    title: 'Menu Transition',
+                    type: 'enum',
+                    enums: ['none', 'crossfade'],
+                }),
+                Option({
+                    opt: options.menus.transitionTime,
+                    title: 'Menu Transition Duration',
+                    type: 'number',
+                    min: 100,
+                    max: 10000,
+                    increment: 100,
+                }),
 
                 Header('Scaling'),
                 Option({