dashboard: quote slides down into place, no reserved empty band

User pointed out empty space sitting above the quote while the
greeting was typing. That was the reserved space for the quote
paragraph (opacity 0 but still occupying height).

Wrapped the quote in an aria-hidden container whose max-height is
0 while the greeting is still typing and expands to 120px once
greetingDone. Combined with a delayed opacity transition (0.55s
ease, 0.15s delay), the quote now drops down visibly after the
greeting finishes — no empty band above it during typing.

Also bumped the quote's top margin from 8px to 22px so there's a
clear gap below the greeting once both are visible.

Author: Jose Cruz

frontend/src/components/screens/Dashboard.tsx

@@ -582,22 +582,36 @@ export function Dashboard() {
         >
           <Typewriter text={greetingText} onDone={() => setGreetingDone(true)} />
         </h1>
+        {/* Quote row stays collapsed (max-height: 0) while the greeting
+            is still typing — no reserved empty band above where the
+            quote will land. When the greeting finishes, the row expands
+            and the text fades in, so the quote drops down into place
+            below the greeting. */}
         {quote && (
-          <p
-            className="body-serif"
+          <div
+            aria-hidden={!greetingDone}
             style={{
-              margin: "8px auto 0",
-              maxWidth: 640,
-              fontSize: 14,
-              fontStyle: "italic",
-              color: "var(--text-dim)",
-              lineHeight: 1.55,
-              opacity: greetingDone ? 1 : 0,
-              transition: "opacity 0.7s var(--ease)",
+              maxHeight: greetingDone ? 120 : 0,
+              overflow: "hidden",
+              transition: "max-height 0.7s var(--ease)",
             }}
           >
-            "{quote}"
-          </p>
+            <p
+              className="body-serif"
+              style={{
+                margin: "22px auto 0",
+                maxWidth: 640,
+                fontSize: 14,
+                fontStyle: "italic",
+                color: "var(--text-dim)",
+                lineHeight: 1.55,
+                opacity: greetingDone ? 1 : 0,
+                transition: "opacity 0.55s var(--ease) 0.15s",
+              }}
+            >
+              "{quote}"
+            </p>
+          </div>
         )}
       </div>