refactor: improve code formatting and organization across multiple components

- Enhanced readability by restructuring code formatting in various components, including API documentation, user management, and sales modules.
- Standardized table and object definitions for better clarity in API documentation.
- Improved layout and indentation in React components for better maintainability.
- Updated unit tests to reflect changes in formatting and ensure consistency.

These changes enhance the overall code quality and maintainability of the project, making it easier for developers to navigate and understand the codebase.

packages/ui/src/components/map/location-map.tsx

@@ -123,10 +123,19 @@ export function LocationMap({
         className="tg-map-viewport"
         style={{ cursor: interactive ? 'crosshair' : undefined }}
       >
-        <MapContainer center={center} zoom={zoom} style={{ height: '100%', width: '100%' }} scrollWheelZoom={interactive}>
+        <MapContainer
+          center={center}
+          zoom={zoom}
+          style={{ height: '100%', width: '100%' }}
+          scrollWheelZoom={interactive}
+        >
           <TileLayer attribution={attribution} url={tileUrl} />
           {position ? (
-            <CircleMarker center={position} radius={10} pathOptions={{ color: 'var(--mantine-color-blue-8)', fillOpacity: 0.9 }} />
+            <CircleMarker
+              center={position}
+              radius={10}
+              pathOptions={{ color: 'var(--mantine-color-blue-8)', fillOpacity: 0.9 }}
+            />
           ) : null}
           <SyncMapView latitude={latitude} longitude={longitude} lastPickedRef={lastPickedRef} />
           {onChange ? <MapClickPicker onPick={handlePick} /> : null}