Update last leftover from React Redux 8 migration

Use the specialized `useAppDispatch()` and `useAppSelector()` hooks
everywhere.

Follow-up to  #64

src/components/PageCommon.tsx

@@ -20,7 +20,6 @@
 
 import _ from 'lodash';
 import * as React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 import { useSearchParams } from 'react-router-dom';
 import {
     Alert,
@@ -33,24 +32,20 @@ import {
 } from '@patternfly/react-core';
 
 import { config } from '../config';
-import { useTitle } from '../hooks';
-import { RootStateType } from '../slices';
+import { useAppDispatch, useAppSelector, useTitle } from '../hooks';
 import { popAlert } from '../actions';
-import { IStateAlerts } from '../actions/types';
 import { DashboardPageHeader } from './PageHeader';
 
 type PageCommonProps = React.PropsWithChildren<React.ReactNode> & {
     title?: string;
 };
 
 export function ToastAlertGroup() {
-    const dispatch = useDispatch();
+    const dispatch = useAppDispatch();
     const onClick = (key: number) => {
         dispatch(popAlert(key));
     };
-    const { alerts } = useSelector<RootStateType, IStateAlerts>(
-        (state) => state.alerts,
-    );
+    const { alerts } = useAppSelector((state) => state.alerts);
     return (
         <AlertGroup isToast>
             {_.map(alerts, ({ key, title, variant }) => (