Bug: MenuBar CSS uses incorrect height variable

[coderabbitai]

Description

The MenuBar component's CSS is using the incorrect CSS variable for heights:

1. In .menu-bar class, it's using --ylv-status-bar-height but should be using --ylv-menu-bar-height
2. In .menu-bar-logo-container class, it's using --ylv-status-bar-height but should be using --ylv-menu-bar-height

Although both variables currently have the same value (32px), for semantic correctness and future maintainability, the proper variables should be used.

Suggested Fix

In new-log-viewer/src/components/MenuBar/index.css:

 .menu-bar {
     z-index: var(--ylv-menu-bar-z-index);

     display: flex;
     flex-direction: row;
     align-items: center;

-    height: var(--ylv-status-bar-height);
+    height: var(--ylv-menu-bar-height);

     /* stylelint-disable-next-line custom-property-pattern */
     box-shadow: 0 1px 0 0 var(--joy-palette-neutral-outlinedBorder);
 }

 .menu-bar-logo-container {
     display: flex;
     justify-content: center;
     width: 48px;
-    height: var(--ylv-status-bar-height);
+    height: var(--ylv-menu-bar-height);

Issue identified in PR #74 by @junhaoliao

[junhaoliao]

Fixed by #254