Updated taskbar to be OS agnostic

Updated task bar to use MacOS traffic lights on left when on MacOS and the regular buttons on the right when it is Windows or Linux

frontend/css/components.css

@@ -151,6 +151,7 @@
 /* ── Toolbar ──────────────────────────────────────────────────────────────── */
 
 .gd-toolbar {
+  --mac-window-controls-width: 80px;
   display: flex;
   align-items: stretch;
   grid-column: 1 / -1;
@@ -227,6 +228,57 @@
   color: #ffffff;
 }
 
+.gd-toolbar-macos .gd-window-controls {
+  align-items: center;
+  gap: 8px;
+  width: var(--mac-window-controls-width);
+  padding: 0 14px;
+  border-left: 0;
+  border-right: 1px solid rgba(229, 161, 62, 0.12);
+}
+
+.gd-toolbar-macos .gd-toolbar-left {
+  width: calc(320px - var(--mac-window-controls-width));
+}
+
+.gd-toolbar-macos .gd-window-control {
+  width: 12px;
+  height: 12px;
+  border-radius: 999px;
+  color: rgba(60, 64, 67, 0.72);
+}
+
+.gd-toolbar-macos .gd-window-control svg {
+  opacity: 0;
+  transform: scale(0.72);
+  transition: opacity 0.12s ease;
+}
+
+.gd-toolbar-macos .gd-window-controls:hover .gd-window-control svg {
+  opacity: 1;
+}
+
+.gd-toolbar-macos .gd-window-close {
+  background: #ff5f57;
+}
+
+.gd-toolbar-macos .gd-window-minimize {
+  background: #ffbd2e;
+}
+
+.gd-toolbar-macos .gd-window-maximize {
+  background: #28c840;
+}
+
+.gd-toolbar-macos .gd-window-control:hover {
+  color: rgba(36, 41, 47, 0.8);
+}
+
+.gd-toolbar-macos .gd-window-close:hover {
+  background: #ff5f57;
+  color: rgba(36, 41, 47, 0.8);
+}
+
 .gd-external-actions {
   display: flex;
   align-items: center;