feat(ui): sticky note header

Author: Dobrunia

codex-ui/src/styles/z-axis.pcss

@@ -2,4 +2,5 @@
   --z-popover: 3;
   --z-navbar: calc(var(--z-popover) + 1);
   --z-popup: calc(var(--z-navbar) + 1);
+  --z-note-header: var(--z-navbar);
 }

src/presentation/components/note-header/NoteHeader.vue

@@ -22,6 +22,10 @@
   transition: opacity 100ms;
   justify-content: space-between;
   padding: var(--spacing-s) var(--spacing-m);
+  position: sticky;
+  top: var(--layout-navbar-height);
+  background-color: var(--base--bg-primary);
+  z-index: var(--z-note-header);
 
   &__left {
     color: var(--base--text-secondary);