feat: check payment

apps/frontend/src/components/layout/check.payment.tsx

@@ -8,6 +8,17 @@ export const CheckPayment: FC<{
   check: string;
   mutate: () => void;
   children: ReactNode;
+}> = (props) => {
+  if (!props.check) {
+    return <>{props.children}</>;
+  }
+  return <CheckPaymentInner {...props} />;
+};
+
+export const CheckPaymentInner: FC<{
+  check: string;
+  mutate: () => void;
+  children: ReactNode;
 }> = (props) => {
   const [showLoader, setShowLoader] = useState(true);
   const fetch = useFetch();

apps/frontend/src/components/new-layout/layout.component.tsx

@@ -77,7 +77,7 @@ export const LayoutComponent = ({ children }: { children: ReactNode }) => {
         <MantineWrapper>
           <ToolTip />
           <Toaster />
-          <CheckPayment check={searchParams.get('check')!} mutate={mutate}>
+          <CheckPayment check={searchParams.get('check') || ''} mutate={mutate}>
             <ShowMediaBoxModal />
             <ShowLinkedinCompany />
             <MediaSettingsLayout />