Adjusting the lead note and dashboard header height

apps/web/src/layouts/AppLayout.vue

@@ -47,7 +47,15 @@ const showOwnRecordsBanner = computed(
 const todayLabel = computed(() => formatJalaliShort(new Date()));
 
 const SIDEBAR_KEY = 'mento_sidebar_collapsed';
-const collapsed = ref(false);
+
+function readSidebarCollapsed() {
+  try {
+    return localStorage.getItem(SIDEBAR_KEY) === '1';
+  } catch {
+    return false;
+  }
+}
+const collapsed = ref(readSidebarCollapsed());
 
 const openHubKey = ref<NavHubKey | null>(null);
 const hubStack = ref<NavHubKey[]>([]);
@@ -472,7 +480,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div class="shell" :class="{ collapsed, 'hub-open': Boolean(openHub), 'more-open': moreOpen }">
+  <div class="shell app-frame" :class="{ collapsed, 'hub-open': Boolean(openHub), 'more-open': moreOpen }">
 
     <aside id="app-sidebar" class="sidebar" :class="{ collapsed }">
       <div class="brand-row">