ags(bar,scripts,i18n): added i18n system(wip), changed some bar stuff and started doing control center

ags/widget/bar/Tray.tsx

@@ -1,5 +1,5 @@
 import { bind } from "astal";
-import { Astal, Gtk, Widget } from "astal/gtk3";
+import { Gtk, Widget } from "astal/gtk3";
 import AstalTray from "gi://AstalTray"
 
 const astalTray = AstalTray.get_default();
@@ -7,6 +7,7 @@ const astalTray = AstalTray.get_default();
 export function Tray() {
     return new Widget.Box({
         className: "tray",
+        visible: bind(astalTray, "items").as((items: Array<AstalTray.TrayItem>) => items.length > 0),
         children: bind(astalTray, "items").as((items: Array<AstalTray.TrayItem>) => 
             items.map((item: AstalTray.TrayItem) => 
                 new Widget.MenuButton({
@@ -15,6 +16,8 @@ export function Tray() {
                     menuModel: bind(item, "menuModel"),
                     usePopover: false,
                     actionGroup: bind(item, "actionGroup").as((actionGroup: any) => ["dbusmenu", actionGroup]),
+                    direction: Gtk.ArrowType.DOWN,
+                    halign: Gtk.Align.CENTER,
                     child: new Widget.Icon({
                         gIcon: bind(item, "gicon"),
                         iconSize: Gtk.IconSize.SMALL_TOOLBAR