fix(styles): remove styles from ui components file

src/components/common/BaseAutoComplete/BaseAutoComplete.styles.ts

@@ -0,0 +1,10 @@
+import styled from 'styled-components';
+import { AutoComplete as BaseAutoComplete } from 'antd';
+
+export const AutoComplete = styled(BaseAutoComplete)`
+  .ant-select-selection-search {
+    input {
+      font-size: ${({ theme }) => theme.fontSizes.md};
+    }
+  }
+`;

src/components/common/BaseAutoComplete/BaseAutoComplete.tsx

@@ -1,2 +1,7 @@
-export { AutoComplete as BaseAutoComplete } from 'antd';
+import * as S from './BaseAutoComplete.styles';
+
 export type { AutoCompleteProps as BaseAutoCompleteProps } from 'antd';
+
+export const BaseAutoComplete : React.FC = (props) => {
+    return <S.AutoComplete {...props} />;
+}

src/components/common/BaseRadio/BaseRadio.styles.ts

@@ -8,10 +8,6 @@ export const Radio = styled(AntRadio)`
   }
 
   &.ant-radio-wrapper {
-    .ant-radio {
-      align-self: inherit;
-    }
-
     .ant-radio-inner,
     .ant-radio-inner::after {
       width: 1rem;

src/components/common/BaseSpin/BaseSpin.styles.ts

@@ -1,4 +1,8 @@
 import styled from 'styled-components';
 import { Spin as AntSpin } from 'antd';
 
-export const Spin = styled(AntSpin)``;
+export const Spin = styled(AntSpin)`
+  .ant-spin-blur {
+    opacity: 0;
+  }
+`;

src/pages/uiComponentsPages/UIComponentsPage.styles.ts

@@ -25,24 +25,6 @@ export const Card = styled(CommonCard)`
   &.ant-card-bordered {
     border: 1px solid ${({ theme }) => theme.border};
   }
-
-  .ant-radio-wrapper, label {
-    align-items: center;
-  }
-
-  .ant-spin-blur {
-    opacity: 0;
-  }
-
-  .ant-select-selection-search {
-    input {
-      font-size: ${({ theme }) => theme.fontSizes.md};
-    }
-  }
-
-  .ant-select-selection-placeholder {
-    opacity: 0.5;
-  }
 `;
 
 export const InputsWrapper = styled.div`