feat(desktop): UI + new notification sounds

apps/desktop/src/main/lib/notification-sound.ts

@@ -11,10 +11,10 @@ function getNotificationSoundPath(): string {
 	const isDev = !app.isPackaged;
 
 	if (isDev) {
-		return join(app.getAppPath(), "src/resources/sounds/notification.mp3");
+		return join(app.getAppPath(), "src/resources/sounds/arcade.mp3");
 	}
 
-	return join(process.resourcesPath, "resources/sounds/notification.mp3");
+	return join(process.resourcesPath, "resources/sounds/arcade.mp3");
 }
 
 /**

apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/TabView/mosaic-theme.css

@@ -1,5 +1,5 @@
 .mosaic-container {
-	background: var(--background);
+	background: var(--color-tertiary);
 }
 
 .mosaic-theme-dark .mosaic-window {

apps/desktop/src/renderer/screens/main/components/WorkspaceView/Sidebar/TabsView/index.tsx

@@ -129,7 +129,7 @@ export function TabsView() {
 					layout={!isResizing}
 					transition={{ layout: { duration: 0.2, ease: "easeInOut" } }}
 				>
-					<ButtonGroup className="w-full mt-1">
+					<ButtonGroup className="w-full mb-1">
 						<Button
 							variant="ghost"
 							onClick={handleAddTab}

apps/desktop/src/renderer/screens/main/components/WorkspaceView/index.tsx

@@ -125,8 +125,8 @@ export function WorkspaceView() {
 				onDragging={setIsResizing}
 			/>
 			<ResizablePanel defaultSize={100 - sidebarSize}>
-				<div className="flex-1 h-full p-2">
-					<div className="h-full p-1.5 bg-background rounded-lg flex flex-col overflow-hidden">
+				<div className="flex-1 h-full p-1">
+					<div className="h-full bg-background rounded-lg flex flex-col overflow-hidden">
 						<ContentView />
 					</div>
 				</div>