Add page-reload recovery to *all* code splitting

Still getting some chunk load errors in my Sentry reporting! My hunch is these are the culprit. I hooope that after this the errors are pretty much gone! If not, then I'm missing something about what causes these failures…

src/app/PageLayout.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Box } from "@chakra-ui/react";
-import loadable from "@loadable/component";
+import { loadable } from "./util";
 
 const GlobalHeader = loadable(() => import("./GlobalHeader"));
 const GlobalFooter = loadable(() => import("./GlobalFooter"));

src/app/WardrobePage/Item.js

@@ -11,7 +11,7 @@ import {
 } from "@chakra-ui/react";
 import { EditIcon, DeleteIcon, InfoIcon } from "@chakra-ui/icons";
 import { Link } from "react-router-dom";
-import loadable from "@loadable/component";
+import { loadable } from "../util";
 
 import {
   ItemCardContent,

src/app/WardrobePage/PosePicker.js

@@ -15,7 +15,7 @@ import {
   useColorModeValue,
   useTheme,
 } from "@chakra-ui/react";
-import loadable from "@loadable/component";
+import { loadable } from "../util";
 
 import {
   getVisibleLayers,

src/app/WardrobePage/index.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { useToast } from "@chakra-ui/react";
-import loadable from "@loadable/component";
+import { loadable } from "../util";
 
 import ItemsAndSearchPanels from "./ItemsAndSearchPanels";
 import SupportOnly from "./support/SupportOnly";