🐛 fix(TokenUsage): prevent animation when toggling between token and credit display (lobehub#10098)

Author: arvinxx

src/features/Conversation/components/Extras/Usage/UsageDetail/index.tsx

@@ -217,6 +217,9 @@ const TokenDetail = memo<TokenDetailProps>(({ meta, model, provider }) => {
         <Icon icon={isShowCredit ? BadgeCent : CoinsIcon} />
         <AnimatedNumber
           formatter={(value) => (formatShortenNumber(value) as string).toLowerCase?.()}
+          // Force remount when switching between token/credit to prevent unwanted animation
+          // See: https://github.com/lobehub/lobe-chat/pull/10098
+          key={isShowCredit ? 'credit' : 'token'}
           value={totalCount}
         />
       </Center>