refactor: clean up regression issues on mappings page (#16857)

Author: dizel852

airbyte-webapp/src/pages/connections/ConnectionMappingsPage/AddStreamForMappingComboBox.module.scss

@@ -25,7 +25,6 @@
   }
 
   &--secondary {
-    border: variables.$border-thin solid colors.$grey-100;
     width: 150px;
 
     input {
@@ -50,10 +49,6 @@
       }
     }
 
-    &.addStreamForMappingComboBox--secondary:hover input::placeholder {
-      color: colors.$grey-400;
-    }
-
     &:not(.disabled):hover {
       border-color: colors.$grey-400;
       color: colors.$grey-600;

airbyte-webapp/src/pages/connections/ConnectionMappingsPage/HashFieldRow.tsx

@@ -4,7 +4,6 @@ import { FormattedMessage } from "react-intl";
 
 import { hashingMapperConfiguration } from "components/connection/ConnectionForm/schemas/mapperSchema";
 import { FlexContainer } from "components/ui/Flex";
-import { Icon } from "components/ui/Icon";
 import { ListBox, ListBoxControlButtonProps } from "components/ui/ListBox";
 import { Text } from "components/ui/Text";
 
@@ -120,7 +119,6 @@ const SelectHashingMethodControlButton: React.FC<ListBoxControlButtonProps<Hashi
   return (
     <FlexContainer alignItems="center" gap="none">
       <Text color={isDisabled ? "grey300" : "darkBlue"}>{selectedOption.label}</Text>
-      <Icon type="caretDown" color="disabled" />
     </FlexContainer>
   );
 };

airbyte-webapp/src/pages/connections/ConnectionMappingsPage/MappingRow.module.scss

@@ -14,6 +14,7 @@
 
   input {
     font-size: variables.$font-size-md;
+    width: fit-content;
 
     ::placeholder {
       font-size: variables.$font-size-md;

airbyte-webapp/src/pages/connections/ConnectionMappingsPage/MappingTypeListBox.tsx

@@ -1,7 +1,6 @@
 import { FormattedMessage } from "react-intl";
 
 import { FlexContainer } from "components/ui/Flex";
-import { Icon } from "components/ui/Icon";
 import { ListBox, ListBoxControlButtonProps } from "components/ui/ListBox";
 import { Text } from "components/ui/Text";
 
@@ -75,7 +74,6 @@ export const MappingTypeListBox: React.FC<MappingTypeListBoxProps> = ({
         <Text as="span" color={isDisabled ? "grey300" : "darkBlue"}>
           <FormattedMessage id={mappingTypeLabels[selectedOption.value].title} />
         </Text>
-        <Icon type="caretDown" color="disabled" />
       </FlexContainer>
     );
   };