fix(org): drop the desktop toolbar's offset from a phone page's first row

Below 48rem there is no sidebar toolbar to line up with, so pages sat 80px under
the bar. The zone already does this through its page opener.

Author: waleedlatif1

apps/sim/platform/design-system/styles/embedded.css

@@ -51,6 +51,13 @@
   background: var(--ui-canvas);
 }
 
+/* A phone has no sidebar toolbar for a page's first row to line up with, only the bar above it. */
+@media (max-width: 48rem) {
+  [data-platform-ui] {
+    --shell-home-row-start: var(--ui-product-section-gap);
+  }
+}
+
 [data-platform-ui][data-theme="dark"] {
   color-scheme: dark;
 }

apps/sim/platform/embedded/app/(shell)/home/_components/home-dashboard/home-dashboard.module.css

@@ -17,6 +17,11 @@
   margin-inline: auto;
   padding-block: var(--design-spacing-64) var(--design-spacing-24);
 }
+@media (max-width: 48rem) {
+  .dashboard {
+    padding-block-start: var(--design-spacing-24);
+  }
+}
 /* Customize Home's menu opens over the composer, whose own stacking stays within its row. */
 .dashboard > :first-child {
   position: relative;