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/core/src/components/root-app-sidebar/index.css.ts

@@ -6,6 +6,7 @@ export const workspaceAndUserWrapper = style({
   justifyContent: 'space-between',
   gap: 8,
   width: 'calc(100% + 12px)',
+  height: 42,
   paddingRight: 6,
   alignSelf: 'center',
 });
@@ -13,8 +14,9 @@ export const quickSearchAndNewPage = style({
   display: 'flex',
   alignItems: 'center',
   gap: 8,
-  padding: '8px 0',
+  padding: '4px 0',
   marginLeft: -8,
+  marginRight: -6,
 });
 export const quickSearch = style({
   width: 0,

packages/frontend/core/src/components/workspace-selector/index.tsx

@@ -113,7 +113,7 @@ export const WorkspaceSelector = ({
       }
       contentOptions={{
         // hide trigger
-        sideOffset: -58,
+        sideOffset: dense ? -32 : -58,
         onInteractOutside: closeUserWorkspaceList,
         onEscapeKeyDown: closeUserWorkspaceList,
         ...menuContentOptions,