✨ chore: compile styles via gresources, gicon support

started using gicon in application for custom icons support

src/widget/bar/Media.tsx

@@ -3,14 +3,18 @@ import { Gtk } from "ags/gtk4";
 import { Separator } from "../Separator";
 import { Windows } from "../../windows";
 import { Clipboard } from "../../scripts/clipboard";
+import { decoder, getPlayerIconFromBusName, variableToBoolean } from "../../scripts/utils";
 
 import GObject from "ags/gobject";
 import AstalMpris from "gi://AstalMpris";
 import Pango from "gi://Pango?version=1.0";
-import { decoder, getPlayerIconFromBusName, variableToBoolean } from "../../scripts/utils";
 
 
-export const dummyPlayer = AstalMpris.Player.new("colorshellDummy");
+export const dummyPlayer = {
+    available: false,
+    busName: "dummy_player",
+    bus_name: "dummy_player"
+} as AstalMpris.Player;
 export let [player, setPlayer] = createState(dummyPlayer);
 
 export const Media = () => {

src/widget/center-window/BigMedia.tsx

@@ -58,7 +58,7 @@ class PlayerWidget extends Gtk.Box {
 
         this.append(
             <Gtk.Revealer hexpand={false} revealChild={
-                createBinding(player, "artUrl").as(Boolean)
+                createBinding(player, "coverArt").as(Boolean)
             } transitionType={Gtk.RevealerTransitionType.SLIDE_LEFT} transitionDuration={300}>
 
                 <Gtk.Box class={"image"} css={createBinding(player, "artUrl").as((art) =>