Refactor TaskQueuePage to use lazy loading and suspense

packages/client/src/page/taskQueuePage.tsx

@@ -1,9 +1,13 @@
-import DynamicWorkQueue from "@/components/gallery/WorkQueue";
+import { lazy, Suspense } from 'react';
+
+const DynamicWorkQueue = lazy(() => import('@/components/gallery/WorkQueue'));
 
 export default function TaskQueuePage() {
     return (
         <div>
+            <Suspense fallback={<div>Loading...</div>}>
                 <DynamicWorkQueue />
+            </Suspense>
         </div>
-    )   
+    );
 }