style(core): adjust app sidebar style (#12852)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Style**
- Adjusted layout and spacing in sidebar and quick search components for
a more compact appearance.
- Reduced header and tab heights in the desktop app, increasing main
view space.
- Updated add-page button size, padding, and font for improved
usability.
  - Refined menu positioning in workspace selector for dense layouts.
  - Improved macOS window button positioning for better alignment.
  - Updated and restructured iOS app dependencies.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Co-authored-by: fengmk2 <fengmk2@gmail.com>

packages/frontend/apps/electron/src/main/windows-manager/tab-views.ts

@@ -925,7 +925,7 @@ export async function handleWebContentsResize(webContents?: WebContents) {
   if (isMacOS()) {
     const window = await getMainWindow();
     const factor = webContents?.getZoomFactor() || 1;
-    window?.setWindowButtonPosition({ x: 16 * factor, y: 24 * factor - 6 });
+    window?.setWindowButtonPosition({ x: 14 * factor, y: 14 * factor - 2 });
   }
 }