[offers][fix] Add loading spinner

apps/portal/src/pages/offers/submit/result/[offerProfileId].tsx

@@ -2,7 +2,7 @@ import { useRouter } from 'next/router';
 import { useEffect, useRef, useState } from 'react';
 import { ArrowLeftIcon, ArrowRightIcon } from '@heroicons/react/20/solid';
 import { EyeIcon } from '@heroicons/react/24/outline';
-import { Button } from '@tih/ui';
+import { Button, Spinner } from '@tih/ui';
 
 import type { BreadcrumbStep } from '~/components/offers/Breadcrumb';
 import { Breadcrumbs } from '~/components/offers/Breadcrumb';
@@ -68,6 +68,11 @@ export default function OffersSubmissionResult() {
   }, [step]);
 
   return (
+    <>
+      {getAnalysis.isLoading && (
+        <Spinner className="m-10" display="block" size="lg" />
+      )}
+      {!getAnalysis.isLoading && (
         <div ref={pageRef} className="fixed h-full w-full overflow-y-scroll">
           <div className="mb-20 flex justify-center">
             <div className="my-5 block w-full max-w-screen-md rounded-lg bg-white py-10 px-10 shadow-lg">
@@ -99,7 +104,10 @@ export default function OffersSubmissionResult() {
                     onClick={() => setStep(step - 1)}
                   />
                   <Button
-                href={getProfilePath(offerProfileId as string, token as string)}
+                    href={getProfilePath(
+                      offerProfileId as string,
+                      token as string,
+                    )}
                     icon={EyeIcon}
                     label="View your profile"
                     variant="primary"
@@ -109,5 +117,7 @@ export default function OffersSubmissionResult() {
             </div>
           </div>
         </div>
+      )}
+    </>
   );
 }