message: Move breadcrumb to PF4
diff: import * as React from 'react';
  import { Paths } from '../../config';
  import { Link } from 'react-router-dom';
  -import { Breadcrumb } from 'patternfly-react';
  +import { Breadcrumb, BreadcrumbItem } from '@patternfly/react-core';
  import { ActiveFilter } from '../../types/Filters';
  import { FilterSelected } from '../Filters/StatefulFilters';
  import { dicIstioType } from '../../types/IstioConfigList';
  @@ -97,37 +97,39 @@ export class BreadcrumbView extends React.Component<BreadCumbViewProps, BreadCum
  const { namespace, itemName, item, istioType, pathItem } = this.state;
  const isIstio = this.isIstio();
  const linkItem = isIstio ? (
  - <Breadcrumb.Item componentClass="span" active={true}>
  + <BreadcrumbItem isActive={true}>
  {itemName}: {item}
  - </Breadcrumb.Item>
  + </BreadcrumbItem>
  ) : (
  - <Breadcrumb.Item componentClass="span">
  + <BreadcrumbItem isActive={true}>
  <Link to={this.getItemPage()} onClick={this.cleanFilters}>
  {itemName}: {item}
  </Link>
  - </Breadcrumb.Item>
  + </BreadcrumbItem>
  );
  return (
  - <Breadcrumb title={true}>
  - <Breadcrumb.Item componentClass="span">
  + <div className="breadcrumb">
  + <Breadcrumb>
  + <BreadcrumbItem>
  <Link to={`/${pathItem}`} onClick={this.cleanFilters}>
  {isIstio ? IstioName : BreadcrumbView.capitalize(pathItem)}
  </Link>
  - </Breadcrumb.Item>
  - <Breadcrumb.Item componentClass="span">
  + </BreadcrumbItem>
  + <BreadcrumbItem>
  <Link to={`/${pathItem}?namespaces=${namespace}`} onClick={this.cleanFilters}>
  Namespace: {namespace}
  </Link>
  - </Breadcrumb.Item>
  + </BreadcrumbItem>
  {isIstio && (
  - <Breadcrumb.Item componentClass="span">
  + <BreadcrumbItem>
  <Link to={`/${pathItem}?namespaces=${namespace}`} onClick={this.updateTypeFilter}>
  {itemName} Type: {istioType}
  </Link>
  - </Breadcrumb.Item>
  + </BreadcrumbItem>
  )}
  {linkItem}
  </Breadcrumb>
  + </div>
  );
  }
  }
  