Fix HUD overlay clipping and horizontal scrollbar

The HUD overlay window (500px) was narrower than the HUD bar's
max-width (560px), causing content to clip on both sides and a
horizontal scrollbar to appear.

- Widen HUD overlay window from 500px to 600px
- Add overflow-hidden to the root container
- Remove unnecessary max-w-[560px] from the HUD bar

electron/windows.ts

@@ -28,7 +28,7 @@ export function createHudOverlayWindow(): BrowserWindow {
   const { workArea } = primaryDisplay;
 
 
-  const windowWidth = 500;
+  const windowWidth = 600;
   const windowHeight = 155;
 
   const x = Math.floor(workArea.x + (workArea.width - windowWidth) / 2);
@@ -37,8 +37,8 @@ export function createHudOverlayWindow(): BrowserWindow {
   const win = new BrowserWindow({
     width: windowWidth,
     height: windowHeight,
-    minWidth: 500,
-    maxWidth: 500,
+    minWidth: 600,
+    maxWidth: 600,
     minHeight: 155,
     maxHeight: 155,
     x: x,

src/components/launch/LaunchWindow.tsx

@@ -152,7 +152,7 @@ export function LaunchWindow() {
   };
 
   return (
-    <div className="w-full h-full flex items-end justify-center bg-transparent">
+    <div className="w-full h-full flex items-end justify-center bg-transparent overflow-hidden">
       <div className={`flex flex-col items-center gap-2 mx-auto ${styles.electronDrag}`}>
         {showMicControls && (
           <div
@@ -177,7 +177,7 @@ export function LaunchWindow() {
         )}
 
         <div
-          className={`w-full max-w-[560px] mx-auto flex items-center gap-1.5 px-3 py-2 ${styles.electronDrag} ${styles.hudBar}`}
+          className={`w-full mx-auto flex items-center gap-1.5 px-3 py-2 ${styles.electronDrag} ${styles.hudBar}`}
           style={{
             borderRadius: 9999,
             background: "linear-gradient(135deg, rgba(28,28,36,0.97) 0%, rgba(18,18,26,0.96) 100%)",