Bug fixes and new biome lint update

src/pages/settings/components/Shared/SettingsHeader.tsx

@@ -11,7 +11,7 @@ import {
 } from '@mantine/core';
 import { useCommonHooks } from 'hooks';
 import { useState } from 'react';
-import { FiHelpCircle, FiLoader, FiPlus } from 'react-icons/fi';
+import { FiHelpCircle, FiLoader, FiPlus, FiX } from 'react-icons/fi';
 import {
 	actionIconClasses,
 	buttonClasses,
@@ -137,13 +137,23 @@ function SettingsHeader({
 						zIndex: 100,
 					}}
 					rightSection={
-						isLoading && (
+						isLoading ? (
 							<ActionIcon
 								className={actionIconClasses.loadingSpinner}
 								classNames={actionIconClasses}
 							>
 								<FiLoader />
 							</ActionIcon>
+						) : (
+							searchValue && (
+								<ActionIcon
+									className={actionIconClasses.settingsTooltip}
+									classNames={actionIconClasses}
+									onClick={() => setSearchValue('')}
+								>
+									<FiX />
+								</ActionIcon>
+							)
 						)
 					}
 				/>