feat: dashboard billing (#193)

* feat: move plans into sharable json

* remove unused code

* update pnpm lock

* update plans.json

* implement early adopter pricing

* docs: update meta title and description

* Finished the UI for upgrading plans

* Updated the pricing plans

* Updated the cards ui

* use relative import

* improve styling of upgrade plan card

* styling improvements, lemonsqueezy setup

* trigger lemonsqueezy payment and add webhook

* update pnpm lock

* add logout route

* feat: complete billing functionality

* generate lock file

* make crypto false on browser

* feat: adding upgrade prompts to org

* chore: add upgrade icon to upload video

* feat: add upgrade prompt to certificate and settings

* feat: implement onboarding setup page (#229)

* working on the onboarding setup

* working on the onboarding page

* Almost done with the onboarding UI

* finished the UI of the onBoarding setup

* finished the UI of the onBoarding setup

* Implementing the functions to carryout the logic of updating the UI onmount if a user has carried out a certain step or not

* Implementing the functions to carryout the logic of updating the UI onmount if a user has carried out a certain step or not

* making some chnages

* finished the onBoarding task

* updated some logic

* Removed the uneeded svg from the static folder

* fixed isCoursePublished not returning a boolean

* improved the setup link protection

* chore: make menuItems reactive

* improve formatting

* format supabase queries

---------

Co-authored-by: Rotimi Best <[email protected]>

* revamp setup

* improve the upgrade experience

* migration

* feat: add lemonsqueezy customer portal

---------

Co-authored-by: emmanuel <[email protected]>

apps/dashboard/src/lib/components/Org/Settings/index.svelte

@@ -5,6 +5,7 @@
   import LandingpageSettings from './LandingpageSettings.svelte';
   // import Account from './Account.svelte';
   import OrgSettings from './OrgSettings.svelte';
+  import Billing from './Billing.svelte';
   import { onMount } from 'svelte';
   import { browser } from '$app/environment';
   import { goto } from '$app/navigation';
@@ -64,6 +65,13 @@
       },
       {
         key: 3,
+        label: 'Billing',
+        tabKey: 'billing',
+        href: `${$page.url.pathname}?tab=billing`,
+        disabled: !$isOrgAdmin
+      },
+      {
+        key: 4,
         label: 'Integrations',
         tabKey: 'integrations',
         href: `${$page.url.pathname}?tab=integrations`,
@@ -91,6 +99,9 @@
     <TabContent class="w-full p-0">
       <LandingpageSettings />
     </TabContent>
+    <TabContent class="w-full p-0">
+      <Billing />
+    </TabContent>
     <TabContent class="w-full p-0">
       <Integrations />
     </TabContent>