fix(treasury): natural height for the sponsorship card (#268)

* fix(treasury): real grid for the inflows list — aligned columns, headers

The list was a bag of floats wearing a table costume: named rows had no
avatar so their text started at the card edge while hex rows started
after a 32px identicon, and each badge floated wherever its row's name
ended. No column read as a column.

- One grid template, five fixed columns (From / Source / Amount / Age /
  link), shared by a header row exactly like the design reference.
- Every row carries an avatar: entity mark when known, the address's
  identicon otherwise — including named entities with no known logo, so
  the left edge is a single line.
- Amounts, ages and links justify to their column end; badges sit in a
  fixed 116px column instead of trailing the name.
- Below `sm` the same children wrap into the verified mobile layout.

Verified in browser: all avatars at one x, all badges at one x, header
visible, mobile 390px with zero collisions and no horizontal overflow.

* fix(treasury): natural height for the sponsorship card

The paired-cards grid had no items-* class, so the CSS grid default —
align-items: stretch — forced the short sponsorship card to the inflows
card's full height, leaving a void below its button. items-start lets it
end where its content ends, as the design reference shows.

Measured: before both children at 1414px; after 1414 vs 772. Mobile
stacks single-column, each card natural height, no overflow.

Author: sktbrd

src/app/[locale]/treasury/page.tsx

@@ -130,7 +130,11 @@ export default async function TreasuryPage({ params }: { params: Promise<{ local
             are permissionless. Side by side because they are the two halves
             of the same question, and reading one without the other overstates
             or understates what the DAO has earned. */}
-        <div className="grid grid-cols-1 gap-6 lg:grid-cols-[minmax(0,1.85fr)_minmax(0,1fr)]">
+        {/* `items-start`, against the grid default: stretch forced the short
+            sponsorship card to the inflows card's full height, leaving a void
+            below its button. In the design reference it ends where its content
+            ends. */}
+        <div className="grid grid-cols-1 items-start gap-6 lg:grid-cols-[minmax(0,1.85fr)_minmax(0,1fr)]">
           <Suspense fallback={<TableSkeleton />}>
             <TreasuryInflows locale={locale} />
           </Suspense>