feat: enhance sales module with decimal formatting and input improvements

- Updated various components to utilize `FieldCurrencyInput` for quantity inputs, improving user experience in financial data entry.
- Introduced `formatDecimal` utility for consistent decimal formatting across the application, ensuring accurate display of numeric values.
- Refactored quantity handling in forms and tables to support decimal values, enhancing data integrity and usability.
- Added unit tests for new decimal formatting functionality to ensure reliability and correctness.

These changes improve the sales module's handling of numeric inputs and displays, providing a more user-friendly experience for managing financial data.

packages/ui/src/components/field-value/index.ts

@@ -1,3 +1,4 @@
 export * from './field-value';
 export * from './render-date';
 export * from './render-currency';
+export * from './render-decimal';

packages/ui/src/components/field-value/render-decimal.test.tsx

@@ -0,0 +1,15 @@
+import { describe, expect, it } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { RenderDecimal } from './render-decimal';
+
+describe('RenderDecimal', () => {
+  it('renders two display decimals without a currency prefix', () => {
+    render(<RenderDecimal value="2.0000" />);
+    expect(screen.getByText('2,00')).toBeInTheDocument();
+  });
+
+  it('renders the fallback when empty', () => {
+    render(<RenderDecimal value={null} />);
+    expect(screen.getByText('-')).toBeInTheDocument();
+  });
+});

packages/ui/src/components/field-value/render-decimal.tsx

@@ -0,0 +1,11 @@
+import { formatDecimal } from '@repo/utils';
+
+export interface RenderDecimalProps {
+  value?: string | number | null;
+  fallback?: string;
+}
+
+export function RenderDecimal({ value, fallback = '-' }: RenderDecimalProps) {
+  const formatted = formatDecimal(value);
+  return <>{formatted || fallback}</>;
+}