Fix Check Mark Display in Select Component and Update Documentation

[YounessHassoune]

• This pull request updates the Select component code to fix the check mark on the select options, as it was not displaying. This issue is resolved by passing the value prop to the <Options> component:

Before:

<Options
  testID={testID}
  ref={modal.ref}
  options={options}
  onSelect={onSelectOption}
/>

After:

<Options
  testID={testID}
  ref={modal.ref}
  options={options}
  onSelect={onSelectOption}
  value={value}
/>

• Additionally, this pull request updates the select usage example in the documentation to reflect the updated Option type. The import statement for the Option type has been changed to OptionType, and the options array has been modified to use this new type.

Before:

import type { Option } from '@/ui';
......
const options: Option[] = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' },
];
......
onSelect={(option) => setValue(option.value)}
......

After:

import type { OptionType } from '@/ui'
......
const options: OptionType[] = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' },
];
......
onSelect={(option) => setValue(option)}
......

[netlify]

✅ Deploy Preview for obytes-starter ready!

Name	Link
🔨 Latest commit	d63bf8f
🔍 Latest deploy log	https://app.netlify.com/sites/obytes-starter/deploys/670628981306100008eacca8
😎 Deploy Preview	https://deploy-preview-365--obytes-starter.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.