fix(core): ai subscribe button is not show in ai usage page (#8869)

packages/frontend/core/src/desktop/dialogs/setting/account-setting/ai-usage-panel.tsx

@@ -31,6 +31,7 @@ export const AIUsagePanel = ({
   useEffect(() => {
     // revalidate latest subscription status
     subscriptionService.subscription.revalidate();
+    subscriptionService.prices.revalidate();
   }, [subscriptionService]);
   const copilotQuotaService = useService(UserCopilotQuotaService);
   useEffect(() => {

packages/frontend/core/src/desktop/dialogs/setting/general-setting/plans/ai/actions/subscribe.tsx

@@ -74,7 +74,12 @@ export const AISubscribe = ({
       onBeforeCheckout={onBeforeCheckout}
       checkoutOptions={checkoutOptions}
       renderer={props => (
-        <Button variant="primary" {...props} {...btnProps}>
+        <Button
+          variant="primary"
+          {...props}
+          {...btnProps}
+          data-testid="ai-subscribe-button"
+        >
           {btnProps.children ?? `${priceReadable} / ${priceFrequency}`}
           {displayedFrequency === 'monthly' ? (
             <span