Search listener improper use of onKeyDown

[longshuicy]

we should only use onkeydown when enter
the actual search should be done using UseEffect hook listening to the search term change

Similar pattern can be found in searching groups

[longshuicy]

// search
	useEffect(() => {
		if (searchTerm !== "") searchGroups(searchTerm, skip, limit);
		else listGroups(skip, limit);
	}, [searchTerm]);

and

<InputBase
		sx={{ml: 1, flex: 1}}
		placeholder="keyword for group"
		inputProps={{"aria-label": "Type in keyword to search for group"}}
		onChange={(e) => {
			setSearchTerm(e.target.value);
		}}
		onKeyDown={(e) => {
			if (e.key === "Enter") {
				e.preventDefault();
				searchGroups(searchTerm, skip, limit);
			}
		}}
		value={searchTerm}
	/>