fix: make unified filter chip accessible

Signed-off-by: kristian-zendato <kristian.zendato@nextcloud.com>

Author: kristian-zendato

core/src/components/UnifiedSearch/SearchFilterChip.vue

@@ -102,12 +102,13 @@
 				</NcCheckboxRadioSwitch>
 			</div>
 			<div class="unified-search-modal__filters-applied">
-				<FilterChip
+				<NcChip
 					v-for="filter in filters"
 					:key="filter.id"
 					:text="filter.name ?? filter.text"
 					pretext=""
-					@delete="removeFilter(filter)">
+					:aria-label-close="t('core', 'Remove filter: {text}', { text: filter.name ?? filter.text })"
+					@close="removeFilter(filter)">
 					<template #icon>
 						<NcAvatar
 							v-if="filter.type === 'person'"
@@ -117,9 +118,13 @@
 							hide-user-status
 							:hide-favorite="false" />
 						<IconCalendarRange v-else-if="filter.type === 'date'" />
-						<img v-else :src="filter.icon" alt="">
+						<img
+							v-else
+							:src="filter.icon"
+							class="unified-search-modal__filter-icon"
+							alt="">
 					</template>
-				</FilterChip>
+				</NcChip>
 			</div>
 		</div>
 
@@ -208,6 +213,7 @@ import NcActions from '@nextcloud/vue/components/NcActions'
 import NcAvatar from '@nextcloud/vue/components/NcAvatar'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
+import NcChip from '@nextcloud/vue/components/NcChip'
 import NcDialog from '@nextcloud/vue/components/NcDialog'
 import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
 import NcInputField from '@nextcloud/vue/components/NcInputField'
@@ -220,7 +226,6 @@ import IconListBox from 'vue-material-design-icons/ListBox.vue'
 import IconMagnify from 'vue-material-design-icons/Magnify.vue'
 import CustomDateRangeModal from './CustomDateRangeModal.vue'
 import SearchableList from './SearchableList.vue'
-import FilterChip from './SearchFilterChip.vue'
 import SearchResult from './SearchResult.vue'
 import { unifiedSearchLogger } from '../../logger.js'
 import { getContacts, getProviders, search as unifiedSearch } from '../../services/UnifiedSearchService.js'
@@ -238,11 +243,11 @@ export default defineComponent({
 		IconMagnify,
 
 		CustomDateRangeModal,
-		FilterChip,
 		NcActions,
 		NcActionButton,
 		NcAvatar,
 		NcButton,
+		NcChip,
 		NcEmptyContent,
 		NcDialog,
 		NcInputField,
@@ -936,6 +941,7 @@ export default defineComponent({
 		padding-top: 4px;
 		display: flex;
 		flex-wrap: wrap;
+		gap: 4px;
 	}
 
 	&__no-content {