fix: align mobile usage log cost badge

web/default/src/features/usage-logs/components/usage-logs-mobile-card.tsx

@@ -183,14 +183,17 @@ function CommonLogsCard<TData>({
 
   const modelCell = cells.get('model_name')
   const quotaCell = cells.get('quota')
+  const createdAtCellOriginal = cells.get('created_at')?.row.original as
+    | Record<string, unknown>
+    | undefined
 
   return (
     <div className='space-y-2.5'>
-      <div className='flex min-w-0 items-start justify-between gap-3'>
+      <div className='flex min-w-0 items-center justify-between gap-3'>
         <CompactCell cell={modelCell} className='flex-1' />
         <CompactCell
           cell={quotaCell}
-          className='shrink-0 text-right [&_span]:!h-6 [&_span]:!px-2 [&_span]:!text-sm [&_span]:!leading-none'
+          className='shrink-0 text-right [&_.flex-col]:items-end'
         />
       </div>
 
@@ -200,8 +203,8 @@ function CommonLogsCard<TData>({
             {t('Time')}
           </div>
           <MobileLogTimeStatus
-            createdAt={cells.get('created_at')?.row.original?.created_at}
+            createdAt={createdAtCellOriginal?.created_at}
-            type={cells.get('created_at')?.row.original?.type}
+            type={createdAtCellOriginal?.type}
           />
         </div>
         <SummaryField