feat: make AGS colorshell configuration fully declarative

- Add complete colorshell v2.0.3 configuration to home/ags-config/
- Disable runner plugin and NightLight tile (incompatible with NixOS)
- Customize SCSS with full opacity (no transparency)
- Add dark pale blue color scheme in home/pywal-colors/
- Configure Papirus-Dark icon theme via home-manager
- Make ~/.config/ags/ immutable and managed by Nix store
- Auto-deploy pywal colors to ~/.cache/wal/colors.json

All AGS configuration is now reproducible and version controlled.

home/ags-config/window/apps-window/index.tsx

@@ -0,0 +1,85 @@
+import { Astal, Gdk, Gtk } from "ags/gtk4";
+import { execApp, getAppIcon, getApps, getAstalApps } from "../../modules/apps";
+import { getPopupWindowContainer, PopupWindow } from "../../widget/PopupWindow";
+
+import AstalApps from "gi://AstalApps";
+import Pango from "gi://Pango?version=1.0";
+import { createState, For } from "ags";
+import { escapeUnintendedMarkup } from "../../modules/utils";
+
+
+const ignoredKeys = [
+    Gdk.KEY_Right, 
+    Gdk.KEY_Down, 
+    Gdk.KEY_Up, 
+    Gdk.KEY_Shift_L,
+    Gdk.KEY_Shift_R,
+    Gdk.KEY_Shift_Lock,
+    Gdk.KEY_Left, 
+    Gdk.KEY_Return, 
+    Gdk.KEY_space
+];
+
+export const AppsWindow = (mon: number) => {
+    const [results, setResults] = createState(getApps() as Array<AstalApps.Application>);
+
+    return <PopupWindow namespace="apps-window" layer={Astal.Layer.OVERLAY}
+      exclusivity={Astal.Exclusivity.IGNORE} monitor={mon} marginTop={64} 
+      class={"apps-window"} orientation={Gtk.Orientation.VERTICAL}
+      cssBackgroundWindow="background: rgba(0, 0, 0, .2);"
+      actionKeyPressed={(self, key) => {
+          const entry = getPopupWindowContainer(self).get_first_child()!
+              .get_first_child()!.get_first_child()! as Gtk.SearchEntry;
+
+          for(const ignoredKey of ignoredKeys) 
+              if(key === ignoredKey) return
+
+          entry.grab_focus();
+      }}>
+        <Gtk.Box hexpand={false} halign={Gtk.Align.CENTER}>
+            <Gtk.SearchEntry hexpand={false} onSearchChanged={(self) => {
+                setResults(getAstalApps().fuzzy_query(self.text.trim()));
+            }} onStopSearch={(self) => (self.get_root() as Astal.Window)?.close()} />
+        </Gtk.Box>
+
+        <Gtk.ScrolledWindow vscrollbarPolicy={Gtk.PolicyType.AUTOMATIC}
+          hscrollbarPolicy={Gtk.PolicyType.NEVER} overlayScrolling
+          propagateNaturalHeight={false} hexpand vexpand>
+
+            <Gtk.Box hexpand={false} vexpand={false}>
+                <Gtk.FlowBox rowSpacing={60} columnSpacing={60} activateOnSingleClick
+                  minChildrenPerLine={1} homogeneous onChildActivated={(_, child) =>
+                      child.get_child()!.activate() // pass activation to button
+                  }>
+
+                    <For each={results}>
+                        {(app) => 
+                            <Gtk.Button heightRequest={150} tooltipMarkup={`${
+                                escapeUnintendedMarkup(app.name)}${app.description ? 
+                                  `\n<span foreground="#7f7f7f">${
+                                      escapeUnintendedMarkup(app.description)
+                                  }</span>`
+                                : ""}`
+                              } onActivate={(self) => {
+                                  execApp(app);
+                                  (self.get_root() as Astal.Window)?.close();
+                              }} onClicked={(self) => {
+                                  execApp(app);
+                                  (self.get_root() as Astal.Window)?.close();
+                              }}>
+                                <Gtk.Box orientation={Gtk.Orientation.VERTICAL} valign={Gtk.Align.CENTER}
+                                  hexpand={false} vexpand={false}>
+
+                                    <Gtk.Image iconName={getAppIcon(app) ?? "application-x-executable"} 
+                                      iconSize={Gtk.IconSize.LARGE} vexpand={false} class={"app-icon"} />
+                                    <Gtk.Label ellipsize={Pango.EllipsizeMode.END} label={app.name}
+                                      valign={Gtk.Align.END} maxWidthChars={30} class={"app-name"} />
+                                </Gtk.Box>
+                            </Gtk.Button>
+                        }
+                    </For>
+                </Gtk.FlowBox>
+            </Gtk.Box>
+        </Gtk.ScrolledWindow>
+    </PopupWindow>
+}