HOOKS: notification and searchable hooks all done.

Author: Amir-Zouerami

src/shared/hooks/useNotificationSound.ts

@@ -0,0 +1,15 @@
+import { useSettingsStore } from '@/app/store/useSettingsStore';
+import { audioService } from '@/shared/lib/audio-service';
+import { useCallback } from 'react';
+
+export const useNotificationSound = () => {
+	const { soundEnabled } = useSettingsStore();
+
+	const playNotificationSound = useCallback(() => {
+		if (soundEnabled) {
+			audioService.play();
+		}
+	}, [soundEnabled]);
+
+	return { playNotificationSound };
+};

src/shared/lib/hooks/useSearchableList.ts

@@ -0,0 +1,28 @@
+import { api } from '@/shared/api/api';
+import type { components } from '@/shared/types/api-types';
+import { useQuery } from '@tanstack/react-query';
+
+type UserListItem = components['schemas']['SanitizedUserDto'];
+type TeamListItem = components['schemas']['TeamDto'];
+type ListData = (UserListItem | TeamListItem)[];
+
+export const useSearchableList = (type: 'user' | 'team', searchTerm: string) => {
+	const queryKey = [`search-${type}s`, searchTerm];
+	const endpoint = type === 'user' ? '/users' : '/teams';
+	const isSearchEnabled = searchTerm.length === 0 || searchTerm.length >= 2;
+
+	return useQuery({
+		queryKey,
+		queryFn: async () => {
+			const queryParams: Record<string, any> = { page: 1, limit: 100 };
+			if (searchTerm) {
+				queryParams.search = searchTerm;
+			}
+			const response = await api.get<ListData>(endpoint, {
+				params: queryParams,
+			});
+			return response.data;
+		},
+		enabled: isSearchEnabled,
+	});
+};