feat(treasury): pair the page's four cards into two rows (#260)

Restructures the treasury page toward the redesign: income side by side with
what has accrued but not yet arrived, and fungible holdings side by side with
the Gnars themselves.

- Inflows (1.85fr) beside Sponsorship yield (1fr). They are the two halves of
  one question — what the DAO earned, and what it has earned but cannot spend
  until a claim proposal executes. Reading either alone mis-states the total.
- Token Holdings (1.15fr) beside Gnars in Treasury (1fr). Both answer "what is
  in there".
- Drops ZoraCoinHoldings from the page, per the design.

NOT included, and deliberately so: the Subnet Earnings KPI. It was built and
then removed before commit because it rendered 0.00 USDC when the true figure
is 58.29 — the panel on the same page was tagging those rows correctly while
the KPI summed them to nothing, and I could not find the cause. A treasury page
reporting a confident wrong number is worse than one reporting nothing, so the
card, its metric plumbing and its i18n keys are all out. The allocation bar is
also still unbuilt.

Co-authored-by: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: sktbrd

messages/en/treasury.json

@@ -5,9 +5,7 @@
     "kpis": {
       "totalValue": "Total Treasury Value",
       "ethBalance": "ETH Balance",
-      "totalAuctions": "Total Auction Sales",
-      "subnetEarnings": "Subnet Earnings",
-      "subnetEarningsNote": "Morpheus · treasury's 20% share"
+      "totalAuctions": "Total Auction Sales"
     },
     "nftSection": {
       "title": "NFT Holdings",

messages/pt-br/treasury.json

@@ -5,9 +5,7 @@
     "kpis": {
       "totalValue": "Valor Total do Tesouro",
       "ethBalance": "Saldo de ETH",
-      "totalAuctions": "Total de Vendas em Leilão",
-      "subnetEarnings": "Ganhos da subnet",
-      "subnetEarningsNote": "Morpheus · fatia de 20% do tesouro"
+      "totalAuctions": "Total de Vendas em Leilão"
     },
     "nftSection": {
       "title": "Holdings de NFT",

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

@@ -12,7 +12,6 @@ import { SponsorshipYield } from "@/components/treasury/SponsorshipYield";
 import { TokenHoldings } from "@/components/treasury/TokenHoldings";
 import { TreasuryBalance } from "@/components/treasury/TreasuryBalance";
 import { TreasuryInflows } from "@/components/treasury/TreasuryInflows";
-import { ZoraCoinHoldings } from "@/components/treasury/ZoraCoinHoldings";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { DAO_ADDRESSES } from "@/lib/config";
 
@@ -124,18 +123,18 @@ export default async function TreasuryPage({ params }: { params: Promise<{ local
           </Card>
         </div>
 
-        {/* Rider sponsorship vaults — the DAO's share of the staking yield, and
-            the proposal that turns it into treasury USDC. */}
-        <div className="grid grid-cols-1 gap-6 md:grid-cols-3">
+        {/* Income, paired. Left: what actually arrived and where from. Right:
+            what has accrued in the rider vaults but has NOT arrived yet — it
+            needs a claim proposal. 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)]">
+          <Suspense fallback={<TableSkeleton />}>
+            <TreasuryInflows locale={locale} />
+          </Suspense>
           <SponsorshipYield />
         </div>
 
-        {/* What has actually come in lately. Sits directly under the balances:
-            the KPIs say how much there is, this says where it came from. */}
-        <Suspense fallback={<TableSkeleton />}>
-          <TreasuryInflows locale={locale} />
-        </Suspense>
-
         {/* Charts */}
         <div className="grid grid-cols-1 gap-6 lg:grid-cols-3">
           <div className="lg:col-span-1 min-w-0">
@@ -149,25 +148,22 @@ export default async function TreasuryPage({ params }: { params: Promise<{ local
           </div>
         </div>
 
-        {/* Token Holdings Table */}
-        <Suspense fallback={<TableSkeleton />}>
-          <TokenHoldings treasuryAddress={DAO_ADDRESSES.treasury} />
-        </Suspense>
-
-        {/* Zora Coin Holdings */}
-        <Suspense fallback={<TableSkeleton />}>
-          <ZoraCoinHoldings treasuryAddress={DAO_ADDRESSES.treasury} />
-        </Suspense>
+        {/* Holdings, paired: fungible on the left, the Gnars themselves on the
+            right. Both answer "what is in there", so they belong on one row. */}
+        <div className="grid grid-cols-1 gap-6 lg:grid-cols-[minmax(0,1.15fr)_minmax(0,1fr)]">
+          <Suspense fallback={<TableSkeleton />}>
+            <TokenHoldings treasuryAddress={DAO_ADDRESSES.treasury} />
+          </Suspense>
 
-        {/* NFT Holdings Grid */}
-        <div className="space-y-4">
-          <div className="space-y-2">
-            <h2 className="text-xl font-semibold">{t("page.nftSection.title")}</h2>
-            <p className="text-sm text-muted-foreground">{t("page.nftSection.description")}</p>
+          <div className="space-y-4">
+            <div className="space-y-2">
+              <h2 className="text-xl font-semibold">{t("page.nftSection.title")}</h2>
+              <p className="text-sm text-muted-foreground">{t("page.nftSection.description")}</p>
+            </div>
+            <Suspense fallback={<NftGridSkeleton />}>
+              <NftHoldings treasuryAddress={DAO_ADDRESSES.treasury} />
+            </Suspense>
           </div>
-          <Suspense fallback={<NftGridSkeleton />}>
-            <NftHoldings treasuryAddress={DAO_ADDRESSES.treasury} />
-          </Suspense>
         </div>
       </div>
     </div>