[Doc-Table] Import styles into JS where possible (#65329) (#65518)

Fixes styles and overflow table vis

src/plugins/discover/public/application/angular/_index.scss

@@ -1,3 +1,2 @@
 @import 'directives/index';
-@import 'doc_table/index';
 @import 'context/index';

src/plugins/discover/public/application/angular/doc_table/_doc_table.scss

@@ -2,6 +2,7 @@
  * 1. Stack content vertically so the table can scroll when its constrained by a fixed container height.
  */
 doc-table {
+  @include euiScrollBar;
   overflow: auto;
   flex: 1 1 100%;
   flex-direction: column; /* 1 */

src/plugins/discover/public/application/angular/doc_table/doc_table.ts

@@ -22,6 +22,7 @@ import { dispatchRenderComplete } from '../../../../../kibana_utils/public';
 // @ts-ignore
 import { getLimitedSearchResultsMessage } from './doc_table_strings';
 import { getServices } from '../../../kibana_services';
+import './index.scss';
 
 export interface LazyScope extends ng.IScope {
   [key: string]: any;

src/plugins/discover/public/application/angular/doc_table/_index.scss → src/plugins/discover/public/application/angular/doc_table/index.scss

@@ -1,2 +1,4 @@
+@import '../../mixins';
+
 @import 'doc_table';
 @import 'components/index';

src/plugins/discover/public/application/components/doc_viewer/doc_viewer.tsx

@@ -16,6 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import './doc_viewer.scss';
 import React from 'react';
 import { EuiTabbedContent } from '@elastic/eui';
 import { getDocViewsRegistry } from '../../../kibana_services';

src/plugins/discover/public/application/components/fetch_error/fetch_error.tsx

@@ -16,6 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import './fetch_error.scss';
 import React, { Fragment } from 'react';
 import { FormattedMessage, I18nProvider } from '@kbn/i18n/react';
 import { EuiFlexGroup, EuiFlexItem, EuiCallOut, EuiCodeBlock, EuiSpacer } from '@elastic/eui';

src/plugins/discover/public/application/components/sidebar/discover_sidebar.tsx

@@ -16,6 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import './discover_sidebar.scss';
 import React, { useCallback, useEffect, useState, useMemo } from 'react';
 import { i18n } from '@kbn/i18n';
 import { EuiButtonIcon, EuiTitle } from '@elastic/eui';

src/plugins/discover/public/application/embeddable/search_embeddable.ts

@@ -16,6 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import './search_embeddable.scss';
 import angular from 'angular';
 import _ from 'lodash';
 import * as Rx from 'rxjs';

src/plugins/discover/public/application/index.scss

@@ -10,6 +10,4 @@
 //   monChart__legend--small
 //   monChart__legend-isLoading
 
-@import 'components/index';
 @import 'angular/index';
-@import 'embeddable/index';