feat:Issue 26: Frontend - User Profile and On-chain Reputation Viewin…

.github/workflows/ci.yml

@@ -12,7 +12,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - uses: dtolnay/rust-toolchain@stable
+      - uses: dtolnay/rust-toolchain@1.88.0
         with:
           targets: wasm32-unknown-unknown
           components: clippy
@@ -27,7 +27,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - uses: dtolnay/rust-toolchain@stable
+      - uses: dtolnay/rust-toolchain@1.88.0
         with:
           targets: wasm32-unknown-unknown
       - uses: Swatinem/rust-cache@v2
@@ -42,7 +42,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - uses: dtolnay/rust-toolchain@stable
+      - uses: dtolnay/rust-toolchain@1.88.0
         with:
           components: clippy
       - uses: Swatinem/rust-cache@v2
@@ -73,7 +73,7 @@ jobs:
       PINATA_JWT: test-token
     steps:
       - uses: actions/checkout@v4
-      - uses: dtolnay/rust-toolchain@stable
+      - uses: dtolnay/rust-toolchain@1.88.0
       - uses: Swatinem/rust-cache@v2
         with:
           workspaces: ". -> target"
@@ -141,7 +141,7 @@ jobs:
     needs: [contracts-test, backend-test, e2e]
     steps:
       - uses: actions/checkout@v4
-      - uses: dtolnay/rust-toolchain@stable
+      - uses: dtolnay/rust-toolchain@1.88.0
         with:
           targets: wasm32-unknown-unknown
       - name: Install Stellar CLI
@@ -160,4 +160,3 @@ jobs:
         run: |
           echo "🚀 Frontend deployment logic (Vercel/etc)..."
           # vercel deploy --prefix apps/web --prod
-

apps/web/app/disputes/[id]/page.tsx

@@ -1,8 +1,39 @@
+"use client";
+
+import { useEffect } from "react";
+import { useParams, useRouter } from "next/navigation";
+import { SiteShell } from "@/components/site-shell";
+import { api } from "@/lib/api";
+
 export default function DisputePage() {
-    return (
-        <main className="p-8">
-            <h1 className="text-2xl font-bold">Dispute Verdict</h1>
-            <p>Verdict details coming soon...</p>
-        </main>
-    );
+  const { id } = useParams<{ id: string }>();
+  const router = useRouter();
+
+  useEffect(() => {
+    let active = true;
+
+    void api.disputes
+      .get(id)
+      .then((dispute) => {
+        if (!active) return;
+        router.replace(`/jobs/${dispute.job_id}/dispute?disputeId=${dispute.id}`);
+      })
+      .catch(() => {
+        if (!active) return;
+      });
+
+    return () => {
+      active = false;
+    };
+  }, [id, router]);
+
+  return (
+    <SiteShell
+      eyebrow="Dispute Center"
+      title="Redirecting to job-linked dispute center"
+      description="Legacy dispute URLs now resolve to the canonical job-based route."
+    >
+      <div className="h-64 animate-pulse rounded-[2rem] border border-slate-200 bg-white/70" />
+    </SiteShell>
+  );
 }

apps/web/app/globals.css

@@ -1,26 +1,45 @@
 @import "tailwindcss";
 
 :root {
-  --background: #ffffff;
-  --foreground: #171717;
+  --background: #f8f5ef;
+  --foreground: #0f172a;
+  --font-sans-stack: "Avenir Next", "Segoe UI", sans-serif;
+  --font-mono-stack: "SFMono-Regular", "SF Mono", "Roboto Mono", monospace;
 }
 
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
+  --font-sans: var(--font-sans-stack);
+  --font-mono: var(--font-mono-stack);
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
+    --background: #0f172a;
+    --foreground: #f8fafc;
   }
 }
 
+* {
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
 body {
   background: var(--background);
   color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: var(--font-sans-stack);
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+::selection {
+  background: rgba(245, 158, 11, 0.28);
 }