A few adjustments for chunking the new file edit page

resources/scripts/components/elements/SuspenseSpinner.tsx

@@ -0,0 +1,14 @@
+import React, { Suspense } from 'react';
+import Spinner from '@/components/elements/Spinner';
+
+export default ({ children }: { children?: React.ReactNode }) => (
+    <Suspense
+        fallback={
+            <div className={'mx-4 w-3/4 mr-4 flex items-center justify-center'}>
+                <Spinner centered={true} size={'normal'}/>
+            </div>
+        }
+    >
+        {children}
+    </Suspense>
+);