fix(ui): react-datepicker in number fields and datepicker visual issu…

…es (#8694)

Fixes #8683

Number fields now display correctly 

![image](https://github.com/user-attachments/assets/edf5e8d9-2292-49d2-99b7-c10e940b2a49)

Fixes issue with react-datepicker by manually copying in the css of the
library so it can be layered in

![image](https://github.com/user-attachments/assets/fcaec51a-5914-4fb5-be12-7fa2cf44a176)

packages/ui/src/elements/DatePicker/DatePicker.tsx

@@ -5,14 +5,14 @@ import React from 'react'
 import ReactDatePickerDefaultImport, { registerLocale } from 'react-datepicker'
 const ReactDatePicker = (ReactDatePickerDefaultImport.default ||
   ReactDatePickerDefaultImport) as unknown as typeof ReactDatePickerDefaultImport.default
-import 'react-datepicker/dist/react-datepicker.css'
 
 import type { Props } from './types.js'
 
 import { CalendarIcon } from '../../icons/Calendar/index.js'
 import { XIcon } from '../../icons/X/index.js'
 import { useTranslation } from '../../providers/Translation/index.js'
 import { getFormattedLocale } from './getFormattedLocale.js'
+import './library.scss'
 import './index.scss'
 
 const baseClass = 'date-time-picker'