feat: export catalog component and update styles

Signed-off-by: Amit Amrutiya <[email protected]>

src/custom/CatalogSearchSort/index.tsx

@@ -0,0 +1,3 @@
+import CatalogSearch from './CatalogSearch';
+import CatalogSortByMenu from './CatalogSortByMenu';
+export { CatalogSearch, CatalogSortByMenu };

src/custom/CatalogSearchSort/style.tsx

@@ -0,0 +1,32 @@
+import { FormControl, styled } from '@mui/material';
+import { InputAdornment, OutlinedInput } from '../../base';
+import { CHINESE_SILVER, CULTURED, WHITESMOKE } from '../../theme';
+
+export const CatalogSearchInput = styled(OutlinedInput)(({ style }) => ({
+  backgroundColor: WHITESMOKE,
+  width: '100%',
+  '@media (max-width: 590px)': {
+    marginLeft: '0.25rem',
+    paddingLeft: '0.25rem'
+  },
+  display: 'flex',
+  ...style
+}));
+
+export const InputAdornmentEnd = styled(InputAdornment)(() => ({
+  borderLeft: `1px solid ${CHINESE_SILVER}`,
+  height: '30px',
+  paddingLeft: '10px',
+  '@media (max-width: 590px)': {
+    paddingLeft: '0px'
+  }
+}));
+
+export const CatalogSortBy = styled(FormControl)(() => ({
+  backgroundColor: CULTURED,
+  borderRadius: '.25rem',
+  minWidth: 'fit-content',
+  '@media (max-width: 590px)': {
+    minWidth: '75px'
+  }
+}));

src/custom/index.tsx

@@ -43,6 +43,7 @@ import { TransferList } from './TransferModal/TransferList';
 import { TransferListProps } from './TransferModal/TransferList/TransferList';
 import UniversalFilter, { UniversalFilterProps } from './UniversalFilter';
 export { CatalogCard } from './CatalogCard';
+export { CatalogSearch, CatalogSortByMenu } from './CatalogSearchSort';
 export { StyledChartDialog } from './ChartDialog';
 export { LearningContent } from './LearningContent';
 export { Note } from './Note';