[Backport 4.5-7.16] Add ignore and restrict fields (#5224)

Add ignore and restrict fields (#5203)

* Add ignore and restrict fields

* change labels

* add changelog

* Remove the last dot

(cherry picked from commit 326b874)

Co-authored-by: Ian Yenien Serrano <63758389+yenienserrano@users.noreply.github.com>

CHANGELOG.md

@@ -6,7 +6,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 
 ### Added
 
--
+- 2 fields (ignore and restrict) are added in the `Management/Configuration/Log collection`. [#5203](https://github.com/wazuh/wazuh-kibana-app/pull/5203)
 
 ### Changed
 

public/controllers/management/components/management/configuration/log-collection/log-collection-logs.js

@@ -15,13 +15,21 @@ import React, { Component, Fragment } from 'react';
 import WzNoConfig from '../util-components/no-config';
 import WzConfigurationSettingsTabSelector from '../util-components/configuration-settings-tab-selector';
 import WzConfigurationListSelector from '../util-components/configuration-settings-list-selector';
-import { isString, renderValueOrDefault, renderValueOrNoValue } from '../utils/utils';
+import { isString, renderValueOrNoValue } from '../utils/utils';
 import { settingsListBuilder } from '../utils/builders';
 
 import helpLinks from './help-links';
 import { LOGCOLLECTOR_LOCALFILE_PROP, LOCALFILE_LOGS_PROP } from './types';
 
 const renderTargetField = (item) => (item ? item.join(', ') : 'agent');
+const renderArrayObjectField = arrayObjectField => {
+  const stringToRender = arrayObjectField
+    ? arrayObjectField
+      .map(({ value, type }) => value?.concat(type ? ` (${type})` : ''))
+      .join(', ')
+    : '-';
+  return stringToRender;
+};
 
 const mainSettings = [
   { field: 'logformat', label: 'Log format' },
@@ -53,6 +61,16 @@ const mainSettings = [
     label: 'Redirect output to this socket',
     render: renderTargetField,
   },
+  {
+    field: 'ignore',
+    label: 'If the expression matches, the log will be ignored',
+    render: renderArrayObjectField,
+  },
+  {
+    field: 'restrict',
+    label: 'The log will only be processed if the expression matches',
+    render: renderArrayObjectField,
+  },
 ];
 
 const getMainSettingsAgentOrManager = (agent) =>