Compile timeout- Adding the paywall component (#23606)

* adding the upgrade prompt component

* adding the container queries for cards

* removing comment

* styles:lint:fix

* adding ? for checking

GitOrigin-RevId: 63250f73fa543b510423835633de04eff69c47c5

services/web/frontend/js/shared/components/upgrade-prompt.tsx

@@ -76,7 +76,7 @@ export function UpgradePrompt({
         <p className="upgrade-prompt-summary">{summary}</p>
       </OLRow>
       <OLRow className="g-3">
-        <OLCol md={6}>
+        <OLCol md={6} className="upgrade-prompt-card-container">
           <div className="g-0 upgrade-prompt-card upgrade-prompt-card-premium">
             <OLRow className="justify-content-between">
               <OLCol>
@@ -117,7 +117,7 @@ export function UpgradePrompt({
             </OLRow>
           </div>
         </OLCol>
-        <OLCol md={6}>
+        <OLCol md={6} className="upgrade-prompt-card-container">
           <div className="g-0 upgrade-prompt-card upgrade-prompt-card-free">
             <OLRow>
               <h3>{t('free')}</h3>