UPDATE: New data 4.1.5

src/components/avatarBar/index.tsx

@@ -47,7 +47,7 @@ export default function AvatarBar({ onClose }: { onClose?: () => void }) {
         list.sort((a, b) => {
             const r = calcRarity(b.Rarity) - calcRarity(a.Rarity)
             if (r !== 0) return r
-            return a.ID - b.ID
+            return b.ID - a.ID
         })
 
         return list

src/components/lightconeBar/index.tsx

@@ -47,7 +47,7 @@ export default function LightconeBar() {
         list.sort((a, b) => {
             const r = calcRarity(b.Rarity) - calcRarity(a.Rarity)
             if (r !== 0) return r
-            return a.ID - b.ID
+            return b.ID - a.ID
         })
 
         return list

src/helper/getName.ts

@@ -3,6 +3,10 @@ import { AvatarDetail } from "@/types";
 import { useTranslations } from "next-intl"
 
 type TFunc = ReturnType<typeof useTranslations>
+function cleanText(text: string): string {
+  if (!text) return ""
+  return text.replace(/<unbreak>(.*?)<\/unbreak>/g, "$1")
+}
 
 export function getNameChar(
   locale: string,
@@ -27,7 +31,7 @@ export function getNameChar(
     text = `${t("trailblazer")} • ${t(data?.BaseType?.toLowerCase() ?? "")}`;
   }
 
-  return text;
+  return cleanText(text)
 }
 
 export function getLocaleName(locale: string, data: Record<string, string> | undefined | null): string {
@@ -46,7 +50,8 @@ export function getLocaleName(locale: string, data: Record<string, string> | und
     if (!text) {
         text = data["en"] ?? "";
     }
-    return text
+    
+    return cleanText(text)
 }
 
 export function parseRuby(text: string): string {