Long source and destination names make the connection list table scro…

…ll horizontally

- Removed styled-components
- Refactored Table component
- Added responsive columns
- Created new cell components

airbyte-webapp/src/components/connection/CatalogTree/next/CatalogTreeTableRow.tsx

@@ -66,7 +66,7 @@ export const CatalogTreeTableRow: React.FC<StreamHeaderProps> = ({
       <CatalogTreeTableCell size="small">
         <Switch size="sm" checked={stream.config?.selected} onChange={onSelectStream} disabled={disabled} />
       </CatalogTreeTableCell>
-      {/* <EntityCell>{fieldCount}</EntityCell> */}
+      {/* <Cell>{fieldCount}</Cell> */}
       <CatalogTreeTableCell withTooltip>
         <Text size="md" className={styles.cellText}>
           {stream.stream?.namespace || <FormattedMessage id="form.noNamespace" />}