refactor: remove useBillingAndUsageData hook

packages/web/src/components/CheckoutCompletedAlert/index.ee.jsx

@@ -1,14 +1,17 @@
 import * as React from 'react';
+import { useLocation } from 'react-router-dom';
 import Alert from '@mui/material/Alert';
 import Typography from '@mui/material/Typography';
+
 import useFormatMessage from 'hooks/useFormatMessage';
-import useSubscription from 'hooks/useSubscription.ee';
 
 export default function CheckoutCompletedAlert() {
   const formatMessage = useFormatMessage();
-  const subscription = useSubscription();
+  const location = useLocation();
+  const state = location.state;
+  const checkoutCompleted = state?.checkoutCompleted;
 
-  if (subscription?.data?.status !== 'active') return <React.Fragment />;
+  if (!checkoutCompleted) return <React.Fragment />;
 
   return (
     <Alert

packages/web/src/components/UsageDataInformation/index.ee.jsx

@@ -102,7 +102,7 @@ export default function UsageDataInformation() {
     billingInfo = {
       monthlyQuota: {
         title: formatMessage('usageDataInformation.freeTrial'),
-        action: '/settings/billing/upgrade',
+        action: URLS.SETTINGS_PLAN_UPGRADE,
         text: 'Upgrade plan',
       },
       nextBillAmount: {