fix: resolve type error in select component Chakra styles

fix: resolve type error in select component Chakra styles

- Updated utils.ts to explicitly cast `state.selectProps.size` to `Size | undefined` in `getValueContainerStyles` and `getSingleValueStyles`.
- Fixed TypeScript compatibility issues related to `SizeProp` and `Size` types.
- Ensured proper typing for Chakra styles in the select component.

This fix addresses TypeScript errors during `npx tsc --noEmit` and improves type safety.

ui/shared/forms/inputs/select/utils.ts

@@ -59,14 +59,14 @@ const getChakraStyles: (colorMode: ColorMode) => ChakraStylesConfig<Option> = (c
     }),
     valueContainer: (provided, state) => ({
       ...provided,
-      ...getValueContainerStyles(state.selectProps.size),
+      ...getValueContainerStyles(state.selectProps.size as Size | undefined), // Explicitly cast here
       py: 0,
     }),
     singleValue: (provided, state) => ({
       ...provided,
       mx: 0,
       transform: 'none',
-      ...getSingleValueStyles(state.selectProps.size),
+      ...getSingleValueStyles(state.selectProps.size as Size | undefined), // Explicitly cast here
     }),
   };
 };