feat: replace Stripe pricing table with custom implementation (#7359)

## Summary
- Replace StripePricingTable with CustomPricingTable component
- Add intelligent subscription tier detection and button logic
- Remove Stripe dependencies and feature flags
- Clean up unused Stripe-related files and configurations

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7359-feat-replace-Stripe-pricing-table-with-custom-implementation-2c66d73d365081f684d4ec81c7cc6790)
by [Unito](https://www.unito.io)

---------

Co-authored-by: Claude <noreply@anthropic.com>

src/platform/cloud/subscription/composables/useStripePricingTableLoader.ts

@@ -1,118 +0,0 @@
-import { createSharedComposable } from '@vueuse/core'
-import { ref } from 'vue'
-
-import { STRIPE_PRICING_TABLE_SCRIPT_SRC } from '@/config/stripePricingTableConfig'
-
-function useStripePricingTableLoaderInternal() {
-  const isLoaded = ref(false)
-  const isLoading = ref(false)
-  const error = ref<Error | null>(null)
-  let pendingPromise: Promise<void> | null = null
-
-  const resolveLoaded = () => {
-    isLoaded.value = true
-    isLoading.value = false
-    pendingPromise = null
-  }
-
-  const resolveError = (err: Error) => {
-    error.value = err
-    isLoading.value = false
-    pendingPromise = null
-  }
-
-  const loadScript = (): Promise<void> => {
-    if (isLoaded.value) {
-      return Promise.resolve()
-    }
-
-    if (pendingPromise) {
-      return pendingPromise
-    }
-
-    const existingScript = document.querySelector<HTMLScriptElement>(
-      `script[src="${STRIPE_PRICING_TABLE_SCRIPT_SRC}"]`
-    )
-
-    if (existingScript) {
-      isLoading.value = true
-
-      pendingPromise = new Promise<void>((resolve, reject) => {
-        existingScript.addEventListener(
-          'load',
-          () => {
-            existingScript.dataset.loaded = 'true'
-            resolveLoaded()
-            resolve()
-          },
-          { once: true }
-        )
-        existingScript.addEventListener(
-          'error',
-          () => {
-            const err = new Error('Stripe pricing table script failed to load')
-            resolveError(err)
-            reject(err)
-          },
-          { once: true }
-        )
-
-        // Check if script already loaded after attaching listeners
-        if (
-          existingScript.dataset.loaded === 'true' ||
-          (existingScript as any).readyState === 'complete' ||
-          (existingScript as any).complete
-        ) {
-          existingScript.dataset.loaded = 'true'
-          resolveLoaded()
-          resolve()
-        }
-      })
-
-      return pendingPromise
-    }
-
-    isLoading.value = true
-    pendingPromise = new Promise<void>((resolve, reject) => {
-      const script = document.createElement('script')
-      script.src = STRIPE_PRICING_TABLE_SCRIPT_SRC
-      script.async = true
-      script.dataset.loaded = 'false'
-
-      script.addEventListener(
-        'load',
-        () => {
-          script.dataset.loaded = 'true'
-          resolveLoaded()
-          resolve()
-        },
-        { once: true }
-      )
-
-      script.addEventListener(
-        'error',
-        () => {
-          const err = new Error('Stripe pricing table script failed to load')
-          resolveError(err)
-          reject(err)
-        },
-        { once: true }
-      )
-
-      document.head.appendChild(script)
-    })
-
-    return pendingPromise
-  }
-
-  return {
-    loadScript,
-    isLoaded,
-    isLoading,
-    error
-  }
-}
-
-export const useStripePricingTableLoader = createSharedComposable(
-  useStripePricingTableLoaderInternal
-)

src/platform/cloud/subscription/composables/useSubscription.ts

@@ -242,6 +242,7 @@ function useSubscriptionInternal() {
     formattedEndDate,
     subscriptionTier,
     subscriptionTierName,
+    subscriptionStatus,
 
     // Actions
     subscribe,