feat: add styling for selectinput

src/components/CreatableSelect.tsx

@@ -5,7 +5,12 @@ import Creatable from 'react-select/creatable';
 
 const CreatableSelect = <OptionType, isMulti extends boolean>(props: NamedProps<OptionType, isMulti>): JSX.Element => {
   const customStyles: StylesConfig<OptionType, isMulti> = {
-    control: (provided) => ({ ...provided, border: '0', borderRadius: '0.5em' }),
+    control: (provided) => ({
+      ...provided,
+      border: '0',
+      borderRadius: '0.5em',
+      boxShadow: 'none',
+    }),
     multiValue: (provided) => ({ ...provided, borderRadius: '999px', padding: '0 3px' }),
     multiValueRemove: (provided) => ({
       ...provided,

src/components/Form/AddPoiForm.tsx

@@ -161,6 +161,7 @@ const AddPoiForm: React.FC = () => {
         <SelectInput
           label={'Kategorie'}
           required
+          placeholder={'Auswählen...'}
           name={'category'}
           options={categoryOptions}
           onChange={(selectedOption) =>
@@ -174,6 +175,7 @@ const AddPoiForm: React.FC = () => {
           label={'Verhältnis zum Fab City Hamburg e.V.'}
           required
           name={'relationStatus'}
+          placeholder={'Auswählen...'}
           options={relationStatusOptions}
           onChange={(selectedOption) =>
             setFormData((prev) => ({

src/components/Form/SelectInput.tsx

@@ -26,7 +26,7 @@ const SelectInput = <OptionType, isMulti extends boolean>({
       <CreatableSelect
         name={name}
         value={value}
-        className="form-input form-input-custom"
+        className="p-0 form-input form-input-custom"
         onChange={onChange}
         {...inputProps}
       />