feat: add and enable wlogout module

modules/home/roles/default.nix

@@ -92,6 +92,7 @@ in
         ataraxia.wayland.hyprland.enable = mkDefault true;
         ataraxia.wayland.mako.enable = mkDefault true;
         ataraxia.wayland.waybar.enable = mkDefault true;
+        ataraxia.wayland.wlogout.enable = mkDefault true;
       };
     in
     mkMerge [

modules/home/workspace/wayland/wlogout/default.nix

@@ -0,0 +1,117 @@
+{ config, lib, ... }:
+let
+  inherit (lib) mkEnableOption mkIf;
+  inherit (config.theme) colors fonts;
+
+  cfg = config.ataraxia.wayland.wlogout;
+in
+{
+  options.ataraxia.wayland.wlogout = {
+    enable = mkEnableOption "Enable wlogout";
+  };
+
+  config = mkIf cfg.enable {
+    programs.wlogout = {
+      enable = true;
+      layout = [
+        {
+          label = "lock";
+          action = "";
+          text = "Lock";
+        }
+        {
+          label = "reboot";
+          action = "systemctl reboot";
+          text = "Reboot";
+        }
+        {
+          label = "shutdown";
+          action = "systemctl poweroff";
+          text = "Shutdown";
+        }
+        {
+          label = "logout";
+          action = "hyprctl dispatch exit 0";
+          text = "Logout";
+        }
+        {
+          label = "suspend";
+          action = "systemctl suspend";
+          text = "Suspend";
+        }
+      ];
+      style = mkIf (!config.catppuccin.wlogout.enable) ''
+        window {
+          font-family: "${fonts.mono.family}";
+          font-size: 18pt;
+          color: ${colors.color5};
+          background-color: alpha(${colors.color0}, 0.8);
+        }
+        button {
+          background-repeat: no-repeat;
+          background-position: center;
+          background-size: 25%;
+          border: none;
+          background-color: alpha(${colors.color0}, 0);
+          color: ${colors.color14};
+        }
+        button:hover {
+          background-color: alpha(${colors.color2}, 0.1);
+        }
+        button:focus {
+          background-color: ${colors.color14};
+          color: ${colors.color0};
+        }
+        #lock {
+          background-image: image(url("${./lock.png}"));
+          padding: 35px;
+        }
+        #lock:focus {
+          background-image: image(url("${./lock-hover.png}"));
+          padding: 35px;
+        }
+        #logout {
+          background-image: image(url("${./logout.png}"));
+          padding: 30px;
+        }
+        #logout:focus {
+          background-image: image(url("${./logout-hover.png}"));
+          padding: 30px;
+        }
+        #suspend {
+          background-image: image(url("${./sleep.png}"));
+          padding: 30px;
+        }
+        #suspend:focus {
+          background-image: image(url("${./sleep-hover.png}"));
+          padding: 30px;
+        }
+        #shutdown {
+          background-image: image(url("${./power.png}"));
+          padding: 30px;
+        }
+        #shutdown:focus {
+          background-image: image(url("${./power-hover.png}"));
+          padding: 30px;
+        }
+        #reboot {
+          background-image: image(url("${./restart.png}"));
+          padding: 30px;
+        }
+        #reboot:focus {
+          background-image: image(url("${./restart-hover.png}"));
+          padding: 30px;
+        }
+      '';
+    };
+    catppuccin.wlogout = {
+      iconStyle = "wlogout";
+      extraStyle = ''
+        window {
+          font-family: "${fonts.mono.family}";
+          font-size: 18pt;
+        }
+      '';
+    };
+  };
+}