[#925] Redesign /airdrop page with 2-column grid layout

package.json

@@ -1,6 +1,6 @@
 {
   "name": "plotlink",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "private": true,
   "workspaces": [
     "packages/*"

src/app/airdrop/page.tsx

@@ -16,12 +16,24 @@ export default function AirdropPage() {
   const campaignEnded = new Date() > AIRDROP_CONFIG.CAMPAIGN_END;
 
   return (
-    <main className="mx-auto max-w-xl px-4 py-8 space-y-6">
+    <main className="mx-auto max-w-5xl px-6 py-8 pb-24 lg:pb-8">
+      {/* Hero spans full width */}
       <CampaignHero />
-      {campaignEnded ? <ClaimPanel /> : <UserPoints />}
-      <Leaderboard />
-      <WeeklySnapshots />
-      <MilestoneTrack />
+
+      {/* 2-column grid below hero */}
+      <div className="mt-6 grid grid-cols-1 gap-6 lg:grid-cols-[1fr_320px]">
+        {/* Left column: user-specific */}
+        <div className="min-w-0 space-y-6">
+          {campaignEnded ? <ClaimPanel /> : <UserPoints />}
+        </div>
+
+        {/* Right column: global sections */}
+        <div className="space-y-6">
+          <MilestoneTrack />
+          <Leaderboard />
+          <WeeklySnapshots />
+        </div>
+      </div>
     </main>
   );
 }