ui: increase custom titlebar height by 4px (36 -> 40)

Search input in titlebar also grows 4px (24 -> 28) for better
readability. Layout calculations updated in page, sidebar, and store.

src/lib/components/Sidebar.svelte

@@ -2050,7 +2050,7 @@
     z-index: 2000;
     display: flex;
     flex-direction: column;
-    height: calc(100vh - 140px); /* 104px NowPlayingBar + 36px TitleBar */
+    height: calc(100vh - 144px); /* 104px NowPlayingBar + 40px TitleBar */
     transition: width 200ms ease, min-width 200ms ease;
   }
 

src/lib/components/TitleBar.svelte

@@ -259,8 +259,8 @@
 
 <style>
   .titlebar {
-    height: 36px;
-    min-height: 36px;
+    height: 40px;
+    min-height: 40px;
     background-color: var(--bg-secondary);
     display: flex;
     align-items: center;
@@ -285,7 +285,7 @@
     gap: 6px;
     width: 100%;
     max-width: 400px;
-    height: 24px;
+    height: 28px;
     background-color: var(--bg-tertiary);
     border-radius: 6px;
     padding: 0 8px;

src/lib/stores/titleBarStore.ts

@@ -85,10 +85,10 @@ export function shouldShowTitleBar(): boolean {
 
 /**
  * Get the title bar height for layout calculations
- * Returns 0 if title bar is hidden or system title bar is active, 36 otherwise
+ * Returns 0 if title bar is hidden or system title bar is active, 40 otherwise
  */
 export function getTitleBarHeight(): number {
-  return (hideTitleBar || useSystemTitleBar) ? 0 : 36;
+  return (hideTitleBar || useSystemTitleBar) ? 0 : 40;
 }
 
 /**

src/routes/+page.svelte

@@ -4726,7 +4726,7 @@
     display: flex;
     flex: 1;
     min-width: 0;
-    height: calc(100vh - 140px); /* 104px NowPlayingBar + 36px TitleBar */
+    height: calc(100vh - 144px); /* 104px NowPlayingBar + 40px TitleBar */
     overflow: hidden;
     position: relative;
   }
@@ -4734,7 +4734,7 @@
   .main-content {
     flex: 1;
     min-width: 0;
-    height: calc(100vh - 140px); /* 104px NowPlayingBar + 36px TitleBar */
+    height: calc(100vh - 144px); /* 104px NowPlayingBar + 40px TitleBar */
     overflow: hidden; /* Views handle their own scrolling */
     padding-right: 8px; /* Gap between scrollbar and window edge */
     background-color: var(--bg-primary, #0f0f0f);