Feature/project info publications list submap select

Description

Introduced submap selector

How it works

• on select it triggers fetching publications
• it sets value in the store for selected modelId
• if any other action fires "fetchPublications" it's going to use modelId from the store

src/components/FunctionalArea/Modal/PublicationsModal/PublicationsSearch/PublicationsSearch.component.tsx

 import { ChangeEvent, useCallback, useEffect, useState } from 'react';
 import lensIcon from '@/assets/vectors/icons/lens.svg';
-import { useDebounce } from '@/hooks/useDebounce';
+import { useDebounce } from 'use-debounce';
 import { useAppDispatch } from '@/redux/hooks/useAppDispatch';
 import { getPublications } from '@/redux/publications/publications.thunks';
 import { useAppSelector } from '@/redux/hooks/useAppSelector';
@@ -14,11 +14,13 @@ import Image from 'next/image';
 import { setPublicationSearchValue } from '@/redux/publications/publications.slice';
 import { DEFAULT_PAGE_SIZE } from '../PublicationsTable/PublicationsTable.constants';
 
+const DEFAULT_DELAY = 500;
+
 export const PublicationsSearch = (): JSX.Element => {
   const dispatch = useAppDispatch();
   const isLoading = useAppSelector(isLoadingSelector);
   const [value, setValue] = useState('');
-  const debouncedValue = useDebounce<string>(value);
+  const [debouncedValue] = useDebounce<string>(value, DEFAULT_DELAY);
   const sortColumn = useAppSelector(sortColumnSelector);
   const sortOrder = useAppSelector(sortOrderSelector);
   const selectedId = useAppSelector(selectedModelIdSelector);