MP-85 & MP-87 select dropdoen UI fixes

Author: kkartunov

src/apps/accounts/src/settings/tabs/tools/software/Software.tsx

@@ -279,6 +279,7 @@ const Software: FC<SoftwareProps> = (props: SoftwareProps) => {
                         name='softwareTypes'
                         label='Software Type *'
                         error={formErrors.softwareType}
+                        placeholder='Select a Software Type'
                         dirty
                     />
                     <InputText

src/libs/ui/lib/components/form/form-groups/form-input/input-select/InputSelect.module.scss

@@ -5,7 +5,7 @@
     align-items: center;
     margin-top: $sp-1;
     cursor: pointer;
-    color: $black-100;
+    color: $black-60;
 
     &-icon {
         margin-left: auto;

src/libs/ui/lib/components/form/form-groups/form-input/input-select/InputSelect.tsx

@@ -32,6 +32,7 @@ interface InputSelectProps {
     readonly name: string
     readonly onChange: (event: ChangeEvent<HTMLInputElement>) => void
     readonly options: ReadonlyArray<InputSelectOption>
+    readonly placeholder?: string
     readonly tabIndex?: number
     readonly value?: string
 }
@@ -79,6 +80,7 @@ const InputSelect: FC<InputSelectProps> = (props: InputSelectProps) => {
         >
             <div className={styles.selected} onClick={toggleIfNotDisabled}>
                 <span className='body-small'>{selectedOption ? label(selectedOption) : ''}</span>
+                <span className='body-small'>{!selectedOption && !!props.placeholder ? props.placeholder : ''}</span>
                 <span className={styles['selected-icon']}>
                     <IconOutline.ChevronDownIcon />
                 </span>