feat(app): update home screen alignment + markdown styles (#34172)

packages/app/src/pages/home.tsx

@@ -1133,7 +1133,7 @@ function HomeSessionSearchResultRow(props: {
 function HomeSessionGroupHeader(props: { title: string; onNewSession?: () => void }) {
   const language = useLanguage()
   return (
-    <div class="flex h-7 min-w-0 items-center justify-between pl-[18px]">
+    <div class="flex h-7 min-w-0 items-center justify-between pl-3">
       <div class={HOME_SECTION_LABEL}>{props.title}</div>
       <Show when={props.onNewSession}>
         {(onNewSession) => (

packages/session-ui/src/components/markdown.css

@@ -49,12 +49,20 @@
     line-height: var(--line-height-large);
   }
 
-  h3,
+  h3 {
+    font-size: 13px;
+    color: var(--v2-text-text-base);
+    font-weight: var(--font-weight-medium);
+    margin-top: 0px;
+    margin-bottom: 24px;
+    line-height: var(--line-height-large);
+  }
+
   h4,
   h5,
   h6 {
     font-size: 13px;
-    color: var(--v2-text-text-base);
+    color: var(--v2-text-text-muted);
     font-weight: var(--font-weight-medium);
     margin-top: 0px;
     margin-bottom: 24px;