Finish upgrade and billing pages

packages/bbui/src/Typography/Body.svelte

@@ -5,12 +5,14 @@
   export let serif = false
   export let weight = null
   export let textAlign = null
+  export let color = null
 </script>
 
 <p
   style={`
     ${weight ? `font-weight:${weight};` : ""}
     ${textAlign ? `text-align:${textAlign};` : ""}
+    ${color ? `color:${color};` : ""}
   `}
   class="spectrum-Body spectrum-Body--size{size}"
   class:spectrum-Body--serif={serif}

packages/bbui/src/Typography/Heading.svelte

@@ -5,12 +5,13 @@
   export let size = "M"
   export let textAlign
   export let noPadding = false
+  export let weight = "default" // light, heavy, default
 </script>
 
 <h1
   style={textAlign ? `text-align:${textAlign}` : ``}
   class:noPadding
-  class="spectrum-Heading spectrum-Heading--size{size}"
+  class="spectrum-Heading spectrum-Heading--size{size} spectrum-Heading--{weight}"
 >
   <slot />
 </h1>

packages/worker/src/api/controllers/global/license.ts

@@ -23,3 +23,8 @@ export const getInfo = async (ctx: any) => {
   }
   ctx.status = 200
 }
+
+export const getQuotaUsage = async (ctx: any) => {
+  const usage = await Pro.Licensing.Quotas.getQuotaUsage()
+  ctx.body = usage
+}

packages/worker/src/api/routes/global/license.ts

@@ -7,5 +7,6 @@ router
   .post("/api/global/license/activate", controller.activate)
   .post("/api/global/license/refresh", controller.refresh)
   .get("/api/global/license/info", controller.getInfo)
+  .get("/api/global/license/usage", controller.getQuotaUsage)
 
 export = router