✨ chore: compile styles via gresources, gicon support

started using gicon in application for custom icons support

src/window/Bar.tsx

@@ -2,7 +2,6 @@ import { Astal, Gtk } from "ags/gtk4";
 import { Tray } from "../widget/bar/Tray";
 import { Workspaces } from "../widget/bar/Workspaces";
 import { FocusedClient } from "../widget/bar/FocusedClient";
-import { Media } from "../widget/bar/Media";
 import { Apps } from "../widget/bar/Apps";
 import { Clock } from "../widget/bar/Clock";
 import { Status } from "../widget/bar/Status";
@@ -12,8 +11,9 @@ export const Bar = (mon: number) => {
     const widgetSpacing = 4;
     return <Astal.Window namespace={"top-bar"} layer={Astal.Layer.TOP}
       anchor={Astal.WindowAnchor.TOP | Astal.WindowAnchor.LEFT | Astal.WindowAnchor.RIGHT}
-      exclusivity={Astal.Exclusivity.EXCLUSIVE} heightRequest={46} monitor={mon}
-      visible={true} canFocus={false}>
+      exclusivity={Astal.Exclusivity.EXCLUSIVE} heightRequest={46} monitor={mon} 
+      canFocus={false}>
+
         <Gtk.Box class={"bar-container"}>
             <Gtk.CenterBox class={"bar-centerbox"} hexpand>
                 <Gtk.Box class={"widgets-left"} homogeneous={false}
@@ -29,7 +29,6 @@ export const Bar = (mon: number) => {
                   $type="center">
 
                     <Clock />
-                    <Media />
                 </Gtk.Box>
                 <Gtk.Box class={"widgets-right"} homogeneous={false}
                   spacing={widgetSpacing} halign={Gtk.Align.END}