Restore search module slice usage

it's best i leave it as is, some unexpected behavior may happen with the
useEffect hooks

site/src/component/SearchModule/SearchModule.tsx

@@ -19,7 +19,8 @@ interface SearchModuleProps {
 
 const SearchModule: FC<SearchModuleProps> = ({ index }) => {
   const dispatch = useAppDispatch();
-  const search = useAppSelector((state) => state.search[index]);
+  const courseSearch = useAppSelector((state) => state.search.courses);
+  const professorSearch = useAppSelector((state) => state.search.professors);
   let pendingRequest: NodeJS.Timeout | null = null;
 
   const searchNames = useCallback(
@@ -64,8 +65,13 @@ const SearchModule: FC<SearchModuleProps> = ({ index }) => {
 
   // Refresh search results when names and page number changes
   useEffect(() => {
-    searchResults(index, search.pageNumber, search.names);
-  }, [index, search.names, search.pageNumber, searchResults]);
+    searchResults('courses', courseSearch.pageNumber, courseSearch.names);
+  }, [courseSearch.names, courseSearch.pageNumber, searchResults]);
+
+  // Refresh search results when names and page number changes
+  useEffect(() => {
+    searchResults('professors', professorSearch.pageNumber, professorSearch.names);
+  }, [professorSearch.names, professorSearch.pageNumber, searchResults]);
 
   const searchNamesAfterTimeout = (query: string) => {
     if (pendingRequest) {