fix responsive UI

components/FormattedNumber.tsx

@@ -0,0 +1,16 @@
+import { formatNumber } from '@/lib/utils/formatNumber'
+import { Settings } from '@/lib/types'
+
+interface FormattedNumberProps {
+  amount: number
+  settings: Settings
+  className?: string
+}
+
+export function FormattedNumber({ amount, settings, className }: FormattedNumberProps) {
+  return (
+    <span className={`break-all ${className || ''}`}>
+      {formatNumber({ amount, settings })}
+    </span>
+  )
+}