message: refactor: some of the styles are removed and used native antd components
diff: import { blue } from '@ant-design/colors';
  import { SearchOutlined } from '@ant-design/icons';
  -import { Button, Input, Space, Table } from 'antd';
  +import { Button, Card, Input, Space, Table } from 'antd';
  import type { ColumnsType, ColumnType } from 'antd/es/table';
  import type { FilterConfirmProps } from 'antd/es/table/interface';
  import localStorageGet from 'api/browser/localstorage/get';
  @@ -48,11 +48,8 @@ function Metrics(): JSX.Element {
  const filterDropdown = useCallback(
  ({ setSelectedKeys, selectedKeys, confirm }) => (
  - <div
  - style={{
  - padding: 8,
  - }}
  - >
  + <Card size="small">
  + <Space align="start" direction="vertical">
  <Input
  placeholder="Search by service"
  value={selectedKeys[0]}
  @@ -61,24 +58,17 @@ function Metrics(): JSX.Element {
  }
  allowClear
  onPressEnter={(): void => handleSearch(confirm)}
  - style={{
  - marginBottom: 8,
  - }}
  />
  - <Space>
  <Button
  type="primary"
  onClick={(): void => handleSearch(confirm)}
  icon={<SearchOutlined />}
  size="small"
  - style={{
  - width: 90,
  - }}
  >
  Search
  </Button>
  </Space>
  - </div>
  + </Card>
  ),
  [],
  );
  