🤖 fix: align TitleBar background with WorkspaceHeader

Changed TitleBar from bg-dark to bg-separator to match WorkspaceHeader
and create visual continuity across the top of the app.

Author: ibetitsmike

src/browser/components/TitleBar.tsx

@@ -220,7 +220,7 @@ export function TitleBar() {
   const showUpdateIndicator = true;
 
   return (
-    <div className="bg-dark border-border-light font-primary text-muted flex shrink-0 items-center justify-between border-b px-4 py-1 text-[11px] select-none">
+    <div className="bg-separator border-border-light font-primary text-muted flex h-8 shrink-0 items-center justify-between border-b px-4 text-[11px] select-none">
       <div className="mr-4 flex min-w-0 items-center gap-2">
         {showUpdateIndicator && (
           <TooltipWrapper>

src/browser/components/WorkspaceHeader.tsx

@@ -28,7 +28,7 @@ export const WorkspaceHeader: React.FC<WorkspaceHeaderProps> = ({
   }, [workspaceId]);
 
   return (
-    <div className="bg-separator border-border-light flex items-center justify-between border-b px-[15px] py-1 [@media(max-width:768px)]:flex-wrap [@media(max-width:768px)]:gap-2 [@media(max-width:768px)]:py-2 [@media(max-width:768px)]:pl-[60px]">
+    <div className="bg-separator border-border-light flex h-8 items-center justify-between border-b px-[15px] [@media(max-width:768px)]:h-auto [@media(max-width:768px)]:flex-wrap [@media(max-width:768px)]:gap-2 [@media(max-width:768px)]:py-2 [@media(max-width:768px)]:pl-[60px]">
       <div className="text-foreground flex min-w-0 items-center gap-2 overflow-hidden font-semibold">
         <WorkspaceStatusDot workspaceId={workspaceId} />
         <GitStatusIndicator