Upgrade to Agsv2 + Astal (#533)

* migrate to astal

* Reorganize project structure.

* progress

* Migrate Dashboard and Window Title modules.

* Migrate clock and notification bar modules.

* Remove unused code

* Media menu

* Rework network and volume modules

* Finish custom modules.

* Migrate battery bar module.

* Update battery module and organize helpers.

* Migrate workspace module.

* Wrap up bar modules.

* Checkpoint before I inevitbly blow something up.

* Updates

* Fix event propagation logic.

* Type fixes

* More type fixes

* Fix padding for event boxes.

* Migrate volume menu and refactor scroll event handlers.

* network module WIP

* Migrate network service.

* Migrate bluetooth menu

* Updates

* Migrate notifications

* Update scrolling behavior for custom modules.

* Improve popup notifications and add timer functionality.

* Migration notifications menu header/controls.

* Migrate notifications menu and consolidate notifications menu code.

* Migrate power menu.

* Dashboard progress

* Migrate dashboard

* Migrate media menu.

* Reduce media menu nesting.

* Finish updating media menu bindings to navigate active player.

* Migrate battery menu

* Consolidate code

* Migrate calendar menu

* Fix workspace logic to update on client add/change/remove and consolidate code.

* Migrate osd

* Consolidate hyprland service connections.

* Implement startup dropdown menu position allocation.

* Migrate settings menu (WIP)

* Settings dialo menu fixes

* Finish Dashboard menu

* Type updates

* update submoldule for types

* update github ci

* ci

* Submodule update

* Ci updates

* Remove type checking for now.

* ci fix

* Fix a bunch of stuff, losing track... need rest. Brb coffee

* Validate dropdown menu before render.

* Consolidate code and add auto-hide functionality.

* Improve auto-hide behavior.

* Consolidate audio menu code

* Organize bluetooth code

* Improve active player logic

* Properly dismiss a notification on action button resolution.

* Implement CLI command engine and migrate CLI commands.

* Handle variable disposal

* Bar component fixes and add hyprland startup rules.

* Handle potentially null bindings network and bluetooth bindings.

* Handle potentially null wired adapter.

* Fix GPU stats

* Handle poller for GPU

* Fix gpu bar logic.

* Clean up logic for stat bars.

* Handle wifi and wired bar icon bindings.

* Fix battery percentages

* Fix switch behavior

* Wifi staging fixes

* Reduce redundant hyprland service calls.

* Code cleanup

* Document the option code and reduce redundant calls to optimize performance.

* Remove outdated comment.

* Add JSDocs

* Add meson to build hyprpanel

* Consistency updates

* Organize commands

* Fix images not showing up on notifications.

* Remove todo

* Move hyprpanel configuration to the ~/.config/hyprpanel directory and add utility commands.

* Handle SRC directory for the bundled/built hyprpanel.

* Add namespaces to all windows

* Migrate systray

* systray updates

* Update meson to include ts, tsx and scss files.

* Remove log from meson

* Fix file choose path and make it float.

* Added a command to check the dependency status

* Update dep names.

* Get scale directly from env

* Add todo

src/scss/style/notifications/popups.scss

@@ -0,0 +1,114 @@
+.notification-card {
+    color: $notification-text;
+    background: $notification-background;
+    margin: 0.45em;
+    border: 0.15em solid transparentize($notification-border, 0.5);
+    min-width: 26em;
+    min-height: 4em;
+    border-radius: $notification-border_radius;
+    opacity: $notification-opacity * 0.01;
+}
+
+.notification-card-container {
+    * {
+        font-size: $font-size * $notification-scaling * 0.01;
+    }
+
+    padding: 1px;
+}
+
+.notification-card-image-container {
+    margin: 0.65em 0.65em;
+    border-radius: 0.4em;
+}
+
+.notification-card-image {
+    border-radius: 0.4em;
+    min-width: 2.5em;
+    min-height: 2.5em;
+    padding: 0.85em 0.85em;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+
+    &.icon {
+        min-width: 0em;
+        padding: 0em;
+        min-height: 0em;
+        font-size: 3em;
+    }
+}
+
+.notification-card-content {
+    min-width: 2.9em;
+    min-height: 2.9em;
+    padding: 0.5em 0.5em;
+    margin-right: 0.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.notification-card-content.noimg {
+    margin-left: 0.5em;
+    margin-top: 0.15em;
+}
+
+.notification-card-header-label {
+    font-size: 0.95em;
+    margin-bottom: 0.5em;
+    color: $notification-label;
+}
+
+.notification-card-body-label {
+    font-size: 0.84em;
+    margin-bottom: 1em;
+    font-weight: 600;
+}
+
+.notification-card-actions {
+    margin-top: 0.25em;
+    margin-bottom: 0.4em;
+}
+
+.notification-action-buttons {
+    color: $notification-actions-text;
+    background: $notification-actions-background;
+    min-width: 4em;
+    min-height: 1.65em;
+    border-radius: $bar-menus-buttons-radius;
+
+    &:not(:last-child) {
+        margin-right: 2rem;
+    }
+
+    &:hover {
+        background: transparentize($notification-actions-background, 0.6);
+    }
+}
+
+.notification-icon {
+    color: $notification-labelicon;
+    margin-bottom: 0.4em;
+    min-width: 1em;
+    min-height: 1em;
+    font-size: 1.3em;
+}
+
+.notification-time {
+    font-size: 0.85em;
+    color: $notification-time;
+}
+
+.close-notification-button {
+    background: $notification-close_button-background;
+    color: $notification-close_button-label;
+    min-width: 2.1em;
+    border-radius: 0rem $notification-border_radius * 0.7 $notification-border_radius * 0.7 0em;
+
+    label {
+        font-size: 1.5em;
+    }
+
+    &:hover {
+        background: transparentize($notification-close_button-background, 0.5);
+    }
+}