message: Use correct style on payment method management
diff: import { useMutation, useQuery } from '@apollo/client'
  +import { useTheme } from 'styled-components'
  +
  import { CardElement, useElements, useStripe } from '@stripe/react-stripe-js'
  import React, { useCallback, useState } from 'react'
  @@ -31,8 +33,6 @@ export const MyPaymentMethod: React.FC<MyPaymentMethodProps> = ({ onDone }) => {
  const stripe = useStripe()
  const elements = useElements()
  - console.log({ onDone })
  -
  const [mode, setMode] = useState<'default' | 'saving' | 'saved' | 'error'>(
  'default'
  )
  @@ -139,6 +139,8 @@ export const MyPaymentMethod: React.FC<MyPaymentMethodProps> = ({ onDone }) => {
  [page, changeDefaultCard, addNewCard, onDone]
  )
  + const theme = useTheme()
  +
  if (!stripe || !elements) {
  return null
  }
  @@ -186,6 +188,10 @@ export const MyPaymentMethod: React.FC<MyPaymentMethodProps> = ({ onDone }) => {
  fontSize: '14px',
  fontFamily: 'Arial, sans-serif',
  fontWeight: 100,
  + color: theme.colors.gray.bold,
  + '::placeholder': {
  + color: theme.colors.gray.medium,
  + },
  },
  },
  }}
  