Use react-query for root folders

New: Add tooltip for empty root folders
Closes #8196

frontend/src/Series/Index/Select/SeriesIndexSelectFooter.tsx

@@ -9,7 +9,6 @@ import PageContentFooter from 'Components/Page/PageContentFooter';
 import usePrevious from 'Helpers/Hooks/usePrevious';
 import { kinds } from 'Helpers/Props';
 import Series from 'Series/Series';
-import { fetchRootFolders } from 'Store/Actions/rootFolderActions';
 import {
   saveSeriesEditor,
   updateSeriesMonitor,
@@ -167,10 +166,6 @@ function SeriesIndexSelectFooter() {
     }
   }, [previousIsDeleting, isDeleting, deleteError, unselectAll]);
 
-  useEffect(() => {
-    dispatch(fetchRootFolders());
-  }, [dispatch]);
-
   const anySelected = selectedCount > 0;
 
   return (