fix: StyledSearchPrefixContainer rendering when searchPrefix is not p…

…resent (#105)

* refactor: `StyledSearchPrefixContainer` 삭제

* refactor: `StyledTextFieldWrapper` 내부 svg에 flex-shrink: 0 추가

- 내부 svg는 searchPrefix, suffix에 Icon이 들어가는 경우
- size 보장을 위해 설정

src/components/TextField/TextField.style.ts

@@ -16,10 +16,6 @@ export const StyledSuffixIconContainer = styled.div`
   display: none;
 `;
 
-export const StyledSearchPrefixContainer = styled.div`
-  display: flex;
-`;
-
 export const StyledTextFieldWrapper = styled.div<StyledTextFieldProps>`
   width: ${({ $width }) => $width};
   height: 46px;
@@ -50,6 +46,10 @@ export const StyledTextFieldWrapper = styled.div<StyledTextFieldProps>`
     display: flex;
     cursor: pointer;
   }
+
+  svg {
+    flex-shrink: 0;
+  }
 `;
 
 export const StyledTextField = styled.input<StyledTextFieldProps>`

src/components/TextField/TextField.tsx

@@ -1,7 +1,6 @@
 import {
   StyledFieldLabel,
   StyledHelperLabel,
-  StyledSearchPrefixContainer,
   StyledSuffixIconContainer,
   StyledSuffixText,
   StyledTextField,
@@ -32,7 +31,7 @@ export const TextField = ({
         $isDisabled={props.disabled}
         $width={width}
       >
-        <StyledSearchPrefixContainer>{searchPrefix}</StyledSearchPrefixContainer>
+        {searchPrefix}
         <StyledTextField {...props} />
         {typeof suffix === 'string' ? (
           <StyledSuffixText $isDisabled={props.disabled}>{suffix}</StyledSuffixText>