Refactor Movie index to use react-window

frontend/src/Helpers/Hooks/useMeasure.ts

@@ -0,0 +1,21 @@
+import { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';
+import {
+  default as useMeasureHook,
+  Options,
+  RectReadOnly,
+} from 'react-use-measure';
+
+const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;
+
+export type Measurements = RectReadOnly;
+
+function useMeasure(
+  options?: Omit<Options, 'polyfill'>
+): ReturnType<typeof useMeasureHook> {
+  return useMeasureHook({
+    polyfill: ResizeObserver,
+    ...options,
+  });
+}
+
+export default useMeasure;

frontend/src/Helpers/Props/ScrollDirection.ts

@@ -0,0 +1,8 @@
+enum ScrollDirection {
+  Horizontal = 'horizontal',
+  Vertical = 'vertical',
+  None = 'none',
+  Both = 'both',
+}
+
+export default ScrollDirection;

frontend/src/Helpers/Props/SortDirection.ts

@@ -0,0 +1,6 @@
+enum SortDirection {
+  Ascending = 'ascending',
+  Descending = 'descending',
+}
+
+export default SortDirection;