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/Apps/components/Poll/components/Poll.svelte

@@ -149,7 +149,7 @@
     {:else}
       {#each poll.options as option, index}
         <button
-          class="bg-white dark:bg-black rounded-md border-2 border-gray-100 h-[50px] {didUserSelect(
+          class="bg-white dark:bg-black rounded-md border-2 border-gray-100 dark:border-neutral-600 h-[50px] {didUserSelect(
             option,
             currentUserId
           ) &&

apps/dashboard/src/lib/components/Apps/components/Poll/components/Tabs.svelte

@@ -16,7 +16,7 @@
     {#each tabs as tab}
       <button
         class="mr-3 pb-2 border-t-0 border-l-0 border-r-0 {selectedTab === tab.value
-          ? 'border-b-4 border-indigo-600 focus:border-indigo-600'
+          ? 'border-b-4 border-primary-600 focus:border-primary-600'
           : 'border-b-0'}"
         on:click={() => (selectedTab = tab.value)}
       >

apps/dashboard/src/lib/components/Apps/index.svelte

@@ -50,7 +50,7 @@
 
   function getAppClass(appName: string, selected: string | undefined) {
     return `transition duration-500 delay-150 ease-in-out border-t-0 border-b-0 border-r-0 ${
-      appName === selected ? 'border-l-4 border-indigo-600 focus:border-indigo-600' : 'border-l-0'
+      appName === selected ? 'border-l-4 border-primary-600 focus:border-primary-600' : 'border-l-0'
     }`;
   }