fix(core): update pricing pages (#7521)

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/layout.tsx

@@ -212,7 +212,11 @@ export const CloudPlanLayout = ({
           <ScrollArea.Thumb className={styles.scrollThumb}></ScrollArea.Thumb>
         </ScrollArea.Scrollbar>
       </ScrollArea.Root>
-      {lifetime ? <div id="lifetimePricingPlan">{lifetime}</div> : null}
+      {lifetime ? (
+        <div style={{ paddingTop: 12 }} id="lifetimePricingPlan">
+          {lifetime}
+        </div>
+      ) : null}
     </PricingCollapsible>
   );
 };

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/lifetime/benefits.tsx

@@ -31,11 +31,6 @@ export const BelieverBenefits = ({
           })}
         </span>
       </li>
-
-      <li className={li}>
-        <DoneIcon />
-        <span>{t['com.affine.payment.lifetime.benefit-4']()}</span>
-      </li>
     </ul>
   );
 };

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/lifetime/lifetime-plan.tsx

@@ -49,7 +49,7 @@ export const LifetimePlan = () => {
         <Trans
           i18nKey="com.affine.payment.lifetime.caption-2"
           components={{
-            a: <a className={styles.usePolicyLink} href="#" />,
+            a: <a className={styles.userPolicyLink} href="#" />,
           }}
         />
       </div>

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/lifetime/style.css.ts

@@ -36,7 +36,10 @@ export const caption2 = style({
   marginBottom: 16,
   maxWidth: 324,
 });
-export const usePolicyLink = style({
-  color: cssVar('textPrimaryColor'),
-  textDecoration: 'underline',
+export const userPolicyLink = style({
+  // link not ready
+  // color: cssVar('textPrimaryColor'),
+  // textDecoration: 'underline',
+  color: 'inherit',
+  cursor: 'text',
 });