Upgrade to the new accounts module to prepare for upcoming changes

Author: pimterry

package-lock.json

@@ -42,7 +42,7 @@
     "@fortawesome/free-regular-svg-icons": "^5.12.1",
     "@fortawesome/free-solid-svg-icons": "^5.12.1",
     "@fortawesome/react-fontawesome": "^0.1.8",
-    "@httptoolkit/accounts": "^2.1.1",
+    "@httptoolkit/accounts": "^2.2.0",
     "@httptoolkit/httpsnippet": "^2.1.7",
     "@open-rpc/meta-schema": "^1.14.2",
     "@phosphor-icons/react": "^2.1.5",

package.json

@@ -193,10 +193,10 @@ class SettingsPage extends React.Component<SettingsPageProps> {
                         <ContentValue>
                             {
                                 subscriptionPlans.state === 'fulfilled'
-                                ? (subscriptionPlans.value as SubscriptionPlans)[sub.plan]?.name
+                                ? (subscriptionPlans.value as SubscriptionPlans)[sub.sku]?.name
                                 // If the accounts API is unavailable for plan metadata for some reason, we can just
                                 // format the raw SKU to get something workable, no worries:
-                                : _.startCase(sub.plan)
+                                : _.startCase(sub.sku)
                             }
                         </ContentValue>
 
@@ -357,7 +357,7 @@ class SettingsPage extends React.Component<SettingsPageProps> {
             throw new Error("Can't cancel without a subscription");
         }
 
-        const planName = SubscriptionPlans[subscription.plan].name;
+        const planName = SubscriptionPlans[subscription.sku].name;
 
         let cancelEffect: string;