clients: Fix typing for cancellation reason mapping

clients/apps/web/src/app/(main)/dashboard/[organization]/(header)/sales/subscriptions/ClientPage.tsx

@@ -68,7 +68,9 @@ import React, { MouseEvent, useCallback, useEffect, useState } from 'react'
 import { useForm } from 'react-hook-form'
 import { twMerge } from 'tailwind-merge'
 
-const CANCELLATION_REASONS = {
+const CANCELLATION_REASONS: {
+  [key: string]: string
+} = {
   unused: 'Unused',
   too_expensive: 'Too Expensive',
   missing_features: 'Missing Features',
@@ -80,10 +82,12 @@ const CANCELLATION_REASONS = {
 }
 
 const getHumanCancellationReason = (
-  key: keyof typeof CANCELLATION_REASONS | null,
+  key: string | null,
 ) => {
-  if (!key) return null
-  return CANCELLATION_REASONS[key]
+  if (key && (key in CANCELLATION_REASONS)) {
+    return CANCELLATION_REASONS[key]
+  }
+  return null
 }
 
 const StatusLabel = ({