Refactor Artist index to use react-window

(cherry picked from commit d022679b7dcbce3cec98e6a1fd0879e3c0d92523)

Fixed: Restoring scroll position when going back/forward to artist list

(cherry picked from commit 5aad84dba453c42b4b5a9eac43deecf91a98f4f6)

frontend/src/Components/Page/PageContentBody.tsx

@@ -0,0 +1,51 @@
+import React, { forwardRef, ReactNode, useCallback } from 'react';
+import Scroller from 'Components/Scroller/Scroller';
+import ScrollDirection from 'Helpers/Props/ScrollDirection';
+import { isLocked } from 'Utilities/scrollLock';
+import styles from './PageContentBody.css';
+
+interface PageContentBodyProps {
+  className?: string;
+  innerClassName?: string;
+  children: ReactNode;
+  initialScrollTop?: number;
+  onScroll?: (payload) => void;
+}
+
+const PageContentBody = forwardRef(
+  (
+    props: PageContentBodyProps,
+    ref: React.MutableRefObject<HTMLDivElement>
+  ) => {
+    const {
+      className = styles.contentBody,
+      innerClassName = styles.innerContentBody,
+      children,
+      onScroll,
+      ...otherProps
+    } = props;
+
+    const onScrollWrapper = useCallback(
+      (payload) => {
+        if (onScroll && !isLocked()) {
+          onScroll(payload);
+        }
+      },
+      [onScroll]
+    );
+
+    return (
+      <Scroller
+        ref={ref}
+        {...otherProps}
+        className={className}
+        scrollDirection={ScrollDirection.Vertical}
+        onScroll={onScrollWrapper}
+      >
+        <div className={innerClassName}>{children}</div>
+      </Scroller>
+    );
+  }
+);
+
+export default PageContentBody;