Clear persisted data on user logout

Make sure that the persisted redux states are cleared before logging
out.

src/apps/menu/menu-logged-in/MenuLoggedInContent.tsx

@@ -13,6 +13,7 @@ import DashboardNotificationList from "../../dashboard/dashboard-notification-li
 import useReservations from "../../../core/utils/useReservations";
 import useLoans from "../../../core/utils/useLoans";
 import { usePatronData } from "../../../core/utils/helpers/usePatronData";
+import { resetPersistedData } from "../../../core/store";
 
 interface MenuLoggedInContentProps {
   pageSize: number;
@@ -111,6 +112,7 @@ const MenuLoggedInContent: FC<MenuLoggedInContentProps> = ({ pageSize }) => {
         <div className="modal-profile__btn-logout mx-32">
           <Link
             className="btn-primary btn-filled btn-large arrow__hover--right-small"
+            onClick={() => resetPersistedData()}
             href={logoutUrl}
           >
             {t("menuLogOutText")}

src/components/atoms/links/Link.tsx

@@ -3,6 +3,7 @@ import { getLinkHandler } from "./getLinkHandler";
 
 export interface LinkProps {
   href: URL;
+  onClick?: () => Promise<void>;
   children: React.ReactNode;
   isNewTab?: boolean;
   className?: string;
@@ -16,6 +17,7 @@ export interface LinkProps {
 
 const Link: React.FC<LinkProps> = ({
   href,
+  onClick,
   children,
   isNewTab = false,
   className,
@@ -42,6 +44,14 @@ const Link: React.FC<LinkProps> = ({
     trackClick
   });
 
+  const onclickHandler = onClick
+    ? (
+        e:
+          | React.MouseEvent<HTMLAnchorElement>
+          | React.KeyboardEvent<HTMLAnchorElement>
+      ) => onClick().then(() => handleClick(e))
+    : handleClick;
+
   return (
     <a
       id={id}
@@ -50,7 +60,7 @@ const Link: React.FC<LinkProps> = ({
       target={isNewTab ? "_blank" : undefined}
       rel="noreferrer"
       className={className}
-      onClick={handleClick}
+      onClick={onclickHandler}
       onKeyUp={handleKeyUp}
       aria-labelledby={ariaLabelledBy}
       tabIndex={isHiddenFromScreenReaders ? -1 : 0}

src/core/store.ts

@@ -54,3 +54,5 @@ export type RootState = ReturnType<typeof store.getState>;
 export type AppDispatch = typeof store.dispatch;
 export type TypedDispatch = ThunkDispatch<RootState, never, never>;
 export const useSelector: TypedUseSelectorHook<RootState> = rawUseSelector;
+
+export const resetPersistedData = async () => persistor.purge();