Fix Select component styling and remove duplicate Dropdown Icon

src/DataTable/Select.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import styled from 'styled-components';
-import DropDownIcon from '../icons/Dropdown';
 
 const SelectControl = styled.select`
 	cursor: pointer;
@@ -61,7 +60,6 @@ type SelectProps = {
 const Select = ({ defaultValue, onChange, ...rest }: SelectProps): JSX.Element => (
 	<SelectWrapper>
 		<SelectControl onChange={onChange} defaultValue={defaultValue} {...rest} />
-		<DropDownIcon />
 	</SelectWrapper>
 );
 

src/DataTable/__tests__/__snapshots__/DataTable.test.tsx.snap

@@ -1425,20 +1425,6 @@ exports[`DataTable::Pagination should change the page position when using pagina
             2
           </option>
         </select>
-        <svg
-          height="24"
-          viewBox="0 0 24 24"
-          width="24"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M7 10l5 5 5-5z"
-          />
-          <path
-            d="M0 0h24v24H0z"
-            fill="none"
-          />
-        </svg>
       </div>
       <span
         class="c14 c18"

src/DataTable/__tests__/__snapshots__/Pagination.test.tsx.snap

@@ -170,20 +170,6 @@ exports[`should render correctly with default props 1`] = `
         30
       </option>
     </select>
-    <svg
-      height="24"
-      viewBox="0 0 24 24"
-      width="24"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M7 10l5 5 5-5z"
-      />
-      <path
-        d="M0 0h24v24H0z"
-        fill="none"
-      />
-    </svg>
   </div>
   <span
     class="c1 c5"