fix checkout embeds

Author: emilwidlund

clients/apps/web/src/components/Checkout/Checkout.tsx

@@ -17,6 +17,7 @@ import ShadowBox, {
 } from 'polarkit/components/ui/atoms/shadowbox'
 import { useCallback, useState } from 'react'
 import { FormProvider, useForm } from 'react-hook-form'
+import { CheckoutCard } from './CheckoutCard'
 import { CheckoutForm } from './CheckoutForm'
 import { CheckoutInfo } from './CheckoutInfo'
 
@@ -117,6 +118,10 @@ export const Checkout = ({
     return (
       <ShadowBox className="dark:bg-polar-900 flex flex-col gap-y-12 bg-white">
         <FormProvider {...form}>
+          <CheckoutCard
+            checkout={checkout}
+            onCheckoutUpdate={onCheckoutUpdate}
+          />
           <CheckoutForm
             checkout={checkout}
             onCheckoutUpdate={onCheckoutUpdate}