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

modules/menus/notifications/index.ts

@@ -27,7 +27,7 @@ export default (): Window<Child, Attribute> => {
 
     return DropdownMenu({
         name: 'notificationsmenu',
-        transition: 'crossfade',
+        transition: options.menus.transition.bind('value'),
         child: Widget.Box({
             class_name: 'notification-menu-content',
             css: 'padding: 1px; margin: -1px;',

modules/menus/notifications/notification/placeholder/index.ts

@@ -14,7 +14,7 @@ const Placeholder = (notifs: Notifications): BoxWidget => {
             children: [
                 Widget.Label({
                     vpack: 'center',
-                    class_name: 'placeholder-label dim bell',
+                    class_name: 'placeholder-label dim bell txt-icon',
                     label: notifs.bind('dnd').as((dnd) => (dnd ? '󰂛' : '󰂚')),
                 }),
                 Widget.Label({