feat(stake): show the claim-lock instead of a button that reverts (#271)

* fix(ui): scroll clearance under the sticky nav, balanced source tiles

- html gets scroll-padding-top: 5rem (64px sticky DaoHeader + breathing
  room), so anchor jumps and scrollIntoView land clear of the nav
  site-wide instead of leaving headings clipped behind its blur.
- The source tiles' column count now derives from the source count so
  rows stay balanced: 5 sources render 3+2 instead of 4+1 with an
  orphan; 6 (a future Seaport source) becomes 3+3. The formula and its
  composition table are documented in place, including why auto-fit was
  rejected — it trades a reproducible orphan for an intermittent one.

* feat(stake): show the claim-lock instead of a button that reverts

usersData already carried claimLockEnd (the power lock chosen at stake
time) and the position hook already read it as morUnlockAt — nothing
consumed it. The lootbox offered a Claim button for locked MOR that the
contract would revert until the lock lifts; one user has 0.2007 MOR
locked to 2028-07-28 behind what looked like a working button.

Reward pools now split by the lock: unlocked ones keep the button,
locked ones render as a dashed row with 'MOR locked until {date}' and no
button. Locked MOR still counts as a reason to surface the chest — it is
the user's money; it just cannot pretend to be claimable.

Author: sktbrd

messages/en/stake.json

@@ -189,7 +189,8 @@
     "morphoTitle": "Morpho yield",
     "claimYield": "Harvest",
     "vaultClaimed": "Yield harvested to your wallet",
-    "enableRewards": "Enable rewards"
+    "enableRewards": "Enable rewards",
+    "claimLocked": "MOR locked until {date}"
   },
   "admin": {
     "title": "Sponsorship vaults",

messages/pt-br/stake.json

@@ -189,7 +189,8 @@
     "morphoTitle": "Yield Morpho",
     "claimYield": "Colher",
     "vaultClaimed": "Yield colhido na carteira",
-    "enableRewards": "Ativar recompensas"
+    "enableRewards": "Ativar recompensas",
+    "claimLocked": "MOR travado até {date}"
   },
   "admin": {
     "title": "Cofres de patrocínio",

src/components/stake/MorLootbox.tsx

@@ -175,16 +175,24 @@ export function MorLootbox({
   const collectable = collectItems.reduce((s, x) => s + x.amount, 0);
 
   const pools = position?.pools ?? [];
-  const claimable = pools.filter(
+  // Split by the claim-lock, not filtered out by it: locked MOR is still the
+  // user's money and still a reason to open the box — it just must not wear a
+  // Claim button that the contract will revert until claimLockEnd. One user
+  // already has 0.2 MOR locked to 2028 behind what looked like a working
+  // button.
+  const rewardable = pools.filter(
     (p) => p.pendingMor > LOOT_MIN_MOR && p.referrer && p.referrer.toLowerCase() !== ZERO,
   );
+  const claimable = rewardable.filter((p) => p.morUnlockAt <= nowSec);
+  const claimLocked = rewardable.filter((p) => p.morUnlockAt > nowSec);
   const distributable = pools.filter((p) => (splitBalances[p.asset] ?? 0) > LOOT_MIN_MOR);
   const stakedPools = pools.filter((p) => p.staked > 0);
   // The box surfaces whenever there's anything to act on — MOR rewards (claim,
   // distribute, collect), Morpho vault yield to harvest, OR a principal position
   // to manage (7-day lock).
   const hasAction =
     claimable.length > 0 ||
+    claimLocked.length > 0 ||
     distributable.length > 0 ||
     collectable > LOOT_MIN_MOR ||
     vaultRewards.length > 0 ||
@@ -313,6 +321,7 @@ export function MorLootbox({
       {open && (
         <RewardClaimModal
           claimable={claimable}
+          claimLocked={claimLocked}
           distributable={distributable}
           collectable={collectable}
           vaultRewards={vaultRewards}