fix(ui): align section headings (drop padding=none + redundant inner s-box)

app/routes/app._index.tsx

@@ -113,11 +113,9 @@ export default function Index() {
 
       <s-section
         heading="Recent invoices"
-        padding="none"
         accessibilityLabel="Recent invoices table"
       >
         {recent.length === 0 ? (
-          <s-box padding="base">
           <s-stack direction="block" gap="base" alignItems="center">
             <s-text type="strong">No invoices yet</s-text>
             <s-paragraph tone="neutral">
@@ -126,7 +124,6 @@ export default function Index() {
             </s-paragraph>
             <s-link href="/app/invoices">Open invoices →</s-link>
           </s-stack>
-          </s-box>
         ) : (
           <s-table>
             <s-table-header-row>
@@ -171,11 +168,9 @@ export default function Index() {
             </s-table-body>
           </s-table>
         )}
-        <s-box padding="base">
         <s-stack direction="inline" justifyContent="end">
           <Link to="/app/invoices">View all invoices →</Link>
         </s-stack>
-        </s-box>
       </s-section>
 
       <s-section heading="How it works">

app/routes/app.invoices.tsx

@@ -140,8 +140,7 @@ export default function InvoicesPage() {
 
   return (
     <s-page heading="Invoices">
-      <s-section heading="Recent orders" padding="none">
-        <s-box padding="base">
+      <s-section heading="Recent orders">
         <s-stack direction="block" gap="base">
           <s-paragraph>
             Generate the invoice for an order, regenerate an unsent draft,
@@ -164,24 +163,19 @@ export default function InvoicesPage() {
             </FilterChip>
           </s-stack>
         </s-stack>
-        </s-box>
 
         {isLoading ? (
-          <s-box padding="base">
           <s-stack direction="inline" gap="small" alignItems="center">
             <s-spinner size="small" accessibilityLabel="Loading orders" />
             <s-text tone="neutral">Loading…</s-text>
           </s-stack>
-          </s-box>
         ) : orders.length === 0 ? (
-          <s-box padding="base">
           <s-stack direction="block" gap="base" alignItems="center">
             <s-text type="strong">No orders match this filter</s-text>
             <s-paragraph tone="neutral">
               Try a different filter or wait for new orders.
             </s-paragraph>
           </s-stack>
-          </s-box>
         ) : (
           <s-table>
             <s-table-header-row>