feat: ship minecraft theme updates and platform workflow improvements

frontend/src/app/me/page.tsx

@@ -2,6 +2,7 @@
 
 import { useEffect, useMemo, useState } from "react";
 
+import { PixelAvatar } from "@/components/pixel-avatar";
 import { apiFetch } from "@/lib/api";
 import { readToken } from "@/lib/auth";
 import { useI18nText } from "@/lib/i18n";
@@ -218,10 +219,23 @@ export default function MePage() {
 
       {profile && (
         <section className="mt-4 rounded-xl border bg-white p-4 text-sm">
-          <p>ID: {profile.id}</p>
-          <p>{tx("用户名", "Username")}: {profile.username}</p>
-          <p>Rating: {profile.rating}</p>
-          <p>{tx("创建时间", "Created At")}: {fmtTs(profile.created_at)}</p>
+          <div className="flex flex-wrap items-center gap-4">
+            <PixelAvatar
+              seed={`${profile.username}-${profile.id}`}
+              size={72}
+              className="border-zinc-700"
+              alt={`${profile.username} avatar`}
+            />
+            <div className="space-y-1">
+              <p>ID: {profile.id}</p>
+              <p>{tx("用户名", "Username")}: {profile.username}</p>
+              <p>Rating: {profile.rating}</p>
+              <p>{tx("创建时间", "Created At")}: {fmtTs(profile.created_at)}</p>
+              <p className="text-xs text-zinc-500">
+                {tx("默认像素头像按账号随机生成，可作为主题角色形象。", "Default pixel avatar is randomly generated by account as your theme character.")}
+              </p>
+            </div>
+          </div>
         </section>
       )}