SoapboxMount: load WaitlistPage async

app/soapbox/containers/soapbox.tsx

@@ -22,8 +22,8 @@ import {
   ModalContainer,
   NotificationsContainer,
   OnboardingWizard,
+  WaitlistPage,
 } from 'soapbox/features/ui/util/async-components';
-import WaitlistPage from 'soapbox/features/verification/waitlist_page';
 import { createGlobals } from 'soapbox/globals';
 import { useAppSelector, useAppDispatch, useOwnAccount, useFeatures, useSoapboxConfig, useSettings, useSystemTheme } from 'soapbox/hooks';
 import MESSAGES from 'soapbox/locales/messages';
@@ -166,7 +166,12 @@ const SoapboxMount = () => {
       )}
 
       {waitlisted && (
-        <Route render={(props) => <WaitlistPage {...props} account={account} />} />
+        <Route render={(props) => (
+          <BundleContainer fetchComponent={WaitlistPage} loading={LoadingScreen}>
+            {(Component) => <Component {...props} account={account} />}
+          </BundleContainer>
+        )}
+        />
       )}
 
       {!me && (singleUserMode

app/soapbox/features/ui/util/async-components.ts

@@ -498,6 +498,10 @@ export function OnboardingWizard() {
   return import(/* webpackChunkName: "features/onboarding" */'../../onboarding/onboarding-wizard');
 }
 
+export function WaitlistPage() {
+  return import(/* webpackChunkName: "features/verification" */'../../verification/waitlist_page');
+}
+
 export function CompareHistoryModal() {
   return import(/*webpackChunkName: "modals/compare_history_modal" */'../components/compare_history_modal');
 }