more fixes

resources/js/components/forum/AuthorBadge.jsx

@@ -18,6 +18,7 @@ export default function AuthorBadge({ user, size = 'md' }) {
   const role   = (user?.role ?? 'member').toLowerCase()
   const cls    = ROLE_STYLES[role] ?? ROLE_STYLES.member
   const label  = ROLE_LABELS[role] ?? 'Member'
+  const rank   = user?.rank ?? null
 
   const imgSize = size === 'sm' ? 'h-8 w-8' : 'h-10 w-10'
 
@@ -32,9 +33,16 @@ export default function AuthorBadge({ user, size = 'md' }) {
       />
       <div className="min-w-0">
         <div className="truncate text-sm font-semibold text-zinc-100">{name}</div>
-        <span className={`inline-flex rounded-full px-2 py-0.5 text-[11px] font-medium ${cls}`}>
-          {label}
-        </span>
+        <div className="mt-1 flex flex-wrap gap-1.5">
+          <span className={`inline-flex rounded-full px-2 py-0.5 text-[11px] font-medium ${cls}`}>
+            {label}
+          </span>
+          {rank && (
+            <span className="inline-flex rounded-full bg-emerald-500/12 px-2 py-0.5 text-[11px] font-medium text-emerald-300">
+              {rank}
+            </span>
+          )}
+        </div>
       </div>
     </div>
   )