Merge pull request #711 from aibtcdev/ai-t1

add title - The current Order

Author: biwasxyz

src/app/aibtc-charter/page.tsx

@@ -40,5 +40,9 @@ export default function AIBTCCharterPage() {
     );
   }
 
-  return <MissionContent description={dao.description} />;
+  return (
+    <div className="px-1 md:px-16">
+      <MissionContent description={dao.description} />
+    </div>
+  );
 }

src/app/application-layout.tsx

@@ -267,6 +267,12 @@ export default function ApplicationLayout({
             >
               AIBTC Charter
             </Link>
+            <Link
+              href="/leaderboard"
+              className="text-sm font-medium text-foreground/80 hover:text-foreground transition-colors duration-200"
+            >
+              Leaderboard
+            </Link>
             {/* Notification Bell - commented out per requirements */}
             {/* {isAuthenticated && (
               <div className="mr-3">
@@ -346,16 +352,25 @@ export default function ApplicationLayout({
               {/* Sidebar Header */}
               <div className="flex items-center justify-between p-4 border-b border-border/20 relative z-10">
                 <div className="flex items-center gap-3">
-                  <Image
-                    src="/logos/aibtcdev-avatar-1000px.png"
-                    alt="AIBTC"
-                    width={24}
-                    height={24}
-                    className="shadow-lg shadow-primary/20"
-                  />
-                  <span className="text-lg font-bold text-foreground">
-                    Menu
-                  </span>
+                  <div className="flex flex-col gap-1">
+                    <Image
+                      src="/logos/aibtcdev-primary-logo-black-wide-1000px.png"
+                      alt="AIBTCDEV"
+                      width={100}
+                      height={24}
+                      className="h-6 w-auto block dark:hidden"
+                    />
+                    <Image
+                      src="/logos/aibtcdev-primary-logo-white-wide-1000px.png"
+                      alt="AIBTCDEV"
+                      width={100}
+                      height={24}
+                      className="h-6 w-auto hidden dark:block"
+                    />
+                    <span className="text-[10px] text-muted-foreground whitespace-nowrap">
+                      The Bitcoin Coordination Network
+                    </span>
+                  </div>
                 </div>
                 <Button
                   variant="ghost"
@@ -367,12 +382,31 @@ export default function ApplicationLayout({
                 </Button>
               </div>
 
-              {/* Navigation - Empty since items moved to dropdown */}
+              {/* Navigation */}
               <nav className="flex-1 px-4 py-6 relative z-10 overflow-y-auto">
                 <div className="space-y-3">
-                  <div className="text-center text-muted-foreground text-sm py-8">
-                    Use the dropdown menu above to navigate
-                  </div>
+                  <a
+                    href="https://docs.aibtc.com/how-aibtc-works"
+                    target="_blank"
+                    className="block px-4 py-3 text-sm font-medium text-foreground/80 hover:text-foreground hover:bg-primary/10 rounded-sm transition-colors duration-200"
+                    onClick={() => setLeftPanelOpen(false)}
+                  >
+                    How it works
+                  </a>
+                  <Link
+                    href="/aibtc-charter"
+                    className="block px-4 py-3 text-sm font-medium text-foreground/80 hover:text-foreground hover:bg-primary/10 rounded-sm transition-colors duration-200"
+                    onClick={() => setLeftPanelOpen(false)}
+                  >
+                    AIBTC Charter
+                  </Link>
+                  <Link
+                    href="/leaderboard"
+                    className="block px-4 py-3 text-sm font-medium text-foreground/80 hover:text-foreground hover:bg-primary/10 rounded-sm transition-colors duration-200"
+                    onClick={() => setLeftPanelOpen(false)}
+                  >
+                    Leaderboard
+                  </Link>
                 </div>
               </nav>
             </div>

src/app/leaderboard/page.tsx

@@ -0,0 +1,43 @@
+"use client";
+
+import { useQuery } from "@tanstack/react-query";
+import { Loader } from "@/components/reusables/Loader";
+import LeaderboardView from "@/components/leaderboard/LeaderboardView";
+import { fetchAllUserMetrics } from "@/services/metrics.service";
+
+export const runtime = "edge";
+
+export default function LeaderboardPage() {
+  const {
+    data: metrics,
+    isLoading,
+    error,
+  } = useQuery({
+    queryKey: ["userMetrics"],
+    queryFn: () => fetchAllUserMetrics(),
+    staleTime: 30000, // 30 seconds
+  });
+
+  if (isLoading) {
+    return (
+      <div className="flex justify-center items-center h-[100vh] w-full">
+        <Loader />
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div className="flex justify-center items-center min-h-[200px] w-full">
+        <div className="text-center">
+          <h2 className="text-xl font-semibold mb-2">Error Loading Metrics</h2>
+          <p className="text-muted-foreground">
+            Failed to load user metrics. Please try again later.
+          </p>
+        </div>
+      </div>
+    );
+  }
+
+  return <LeaderboardView metrics={metrics || []} />;
+}

src/components/aidaos/RootDAOPage.tsx

@@ -482,7 +482,7 @@ export function RootDAOPage({ children, daoName }: RootDAOPageProps) {
               </div>
               <div className="flex items-center gap-2">
                 <span className="font-bold">Rewards:</span>
-                <span className="font-medium">$3,630</span>
+                <span className="font-medium">$4,005</span>
               </div>
             </div>
           </div>
@@ -533,6 +533,7 @@ submit daily at aibtc.com`}
                 avatarUrl="/logos/aibtcdev-avatar-250px.png"
                 verified={true}
                 link="https://x.com/aibtcdev/status/1985732853540470816"
+                title="The Current Order"
               />
             </div>
           </div>

src/components/auth/XLinking.tsx

@@ -129,7 +129,7 @@ export function XLinking({
             <div className="animate-spin rounded-sm h-6 w-6 border-2 border-primary border-t-transparent"></div>
           </div>
         ) : needsXLink ? (
-          <div className="flex items-start justify-between gap-3 p-4 bg-primary/5 rounded-sm">
+          <div className="flex items-start justify-between gap-3 p-4 rounded-sm">
             <div className="flex items-start gap-2 flex-1">
               <svg
                 className="w-4 h-4 flex-shrink-0 mt-0.5"