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/OrgSelector/OrgSelectorItem.svelte

@@ -15,9 +15,10 @@
 
 <div class="relative">
   <button
-    class="{disabled &&
-      'opacity-25'} flex items-center text-start w-[14rem] py-2 px-3 {hasDivider &&
-      'border-b border-gray-100'} {active && 'bg-primary-100 dark:bg-gray-500'}"
+    class="w-full {disabled &&
+      'opacity-25'} flex items-center text-start w-[14rem] py-1.5 px-2.5 {hasDivider &&
+      'border-b border-gray-100 dark:border-neutral-600'} {active &&
+      'bg-gray-200 dark:bg-neutral-700 dark:text-white'}"
     on:click={disabled ? undefined : onClick}
   >
     {#if avatar}
@@ -25,14 +26,14 @@
         src={avatar}
         name={text}
         shape="rounded-md"
-        width="w-7"
-        height="h-7"
+        width="w-[1.2rem]"
+        height="h-[1.2rem]"
         className="mr-2"
       />
     {:else if avatarText}
       <TextChip
         value={avatarText}
-        className="mr-2 bg-primary-200 font-bold dark:bg-gray-600"
+        className="mr-2 bg-primary-200 font-medium text-xs dark:text-black"
         {size}
       />
     {/if}