Feat: Updated the placeholder from object to text string

Author: UpenderOH

src/lib/components/select/select.module.scss

@@ -12,6 +12,9 @@
       }
       .selectValue {
         @apply tw-flex tw-items-center;
+        &.placeholder {
+          @apply tw-text-[#666666];
+        }
         .seletIcon {
           @apply tw-mr-2 tw-h-5 tw-w-5 tw-flex-shrink-0;
         }

src/lib/components/select/select.tsx

@@ -12,10 +12,7 @@ interface Props {
   selected: IOption | null;
   onSelect: (obj: IOption) => void;
   themeColor?: string;
-  placeholder?: {
-    text: string;
-    color?: string;
-  };
+  placeholder?: string;
 }
 
 interface IDropdownPosition {
@@ -148,11 +145,7 @@ export const Select: FC<Props> = ({ children, selected, onSelect, themeColor, pl
                     <span className={styles.selectText}>{selected.label}</span>
                   </span>
                 ) : (
-                  placeholder && (
-                    <span className={styles.selectValue} style={{ color: placeholder.color || '#9ca3af' }}>
-                      {placeholder.text}
-                    </span>
-                  )
+                  placeholder && <span className={`${styles.selectValue} ${styles.placeholder}`}>{placeholder}</span>
                 )}
                 <span className={styles.chevronDownIconSpan}>
                   <ChevronDownIcon