Match home section spacing to design (48 + 16, not uniform 40)

The design uses asymmetric spacing — 48 px between the hero and the
favorites grid, and only 16 px between favorites and the Continue +
Activity recap row. The previous uniform gap(40) flattened both gaps
to the same value. Wrap each section in a div with the correct margin
so the lower row hugs the favorites strip the way the design does.

crates/ely_app/src/shell/chrome/home/mod.rs

@@ -31,10 +31,9 @@ pub(crate) fn render_home_page(
                 .pb(px(28.0))
                 .flex()
                 .flex_col()
-                .gap(px(40.0))
                 .child(hero::render_hero(greeting, cx))
-                .child(favorites::render_favorites_grid(snapshot, cx))
-                .child(recap::render_recap(snapshot, cx)),
+                .child(div().mt(px(48.0)).child(favorites::render_favorites_grid(snapshot, cx)))
+                .child(div().mt(px(16.0)).child(recap::render_recap(snapshot, cx))),
         )
         .into_any_element()
 }