feat(compass-query-bar): update export to language button and icon (#3315)

Author: Anemy

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-settings/index.tsx

@@ -51,7 +51,7 @@ export const PipelineSettings: React.FunctionComponent<PipelineSettingsProps> =
         <Button
           variant="primaryOutline"
           size="xsmall"
-          leftGlyph={<Icon glyph={'Export'} />}
+          leftGlyph={<Icon glyph="Code" />}
           onClick={onExportToLanguage}
           data-testid="pipeline-toolbar-export-button"
         >

packages/compass-query-bar/src/components/query-bar.tsx

@@ -2,7 +2,6 @@ import React, { useCallback } from 'react';
 import {
   Button,
   Icon,
-  IconButton,
   MoreOptionsToggle,
   css,
   cx,
@@ -168,15 +167,16 @@ export const QueryBar: React.FunctionComponent<QueryBarProps> = ({
           {buttonLabel}
         </Button>
         {showExportToLanguageButton && (
-          <IconButton
+          <Button
             onClick={onOpenExportToLanguage}
             title="Open export to language"
             aria-label="Open export to language"
             data-testid="query-bar-open-export-to-language-button"
             type="button"
+            size="small"
           >
-            <Icon glyph="Export" />
-          </IconButton>
+            <Icon glyph="Code" />
+          </Button>
         )}
 
         {queryOptions && queryOptions.length > 0 && (