🔨 Refactored 🧠 Overmind Hacktober | PaymentInfo/index.tsx: replaces Cerebral with Overmind & converts class to FC with hooks

[stackyism]

What kind of change does this PR introduce?

Refactors code as a part of hacktoberfest mentioned in #2621.
@Saeris @christianalfoni

What is the current behavior?

/packages/app/src/app/pages/common/Modals/PreferencesModal/PaymentInfo/index.tsx was a React Component using inject and observer from app/componentConnectors

What is the new behavior?

The above-mentioned class is a functional component now, converted with the help of useEffect & useCallback hooks.

What steps did you take to test this?

• Successfully ran yarn typecheck, yarn lint & yarn test.

• Some steps taken only to test if PaymentInfo was rendering fine.

  • removed hasSubscription check from PreferencesModal/index.js
  • hardcoded last4, name & brand to avoid reading null paymentDetails.
  • used jwt token from my codesandbox account to access preferences Menu.

• Result :

  1. PaymentInfo rendered successfully.
  2. A call was made to payment_details api to fetch details which was rejected.
  3. After showing Loading payment details..., it finally rendered
  4. An error occured: Something went wrong while processing the request.

Checklist

• Documentation
• Testing
• Ready to be merged
• Added myself to contributors table

[vercel]

This pull request is being automatically deployed with ZEIT Now (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://zeit.co/codesandbox/codesandbox-client/fbtr0zl67
🌍 Preview: https://codesandbox-clie-git-fork-stackyism-refactor-payment-inf-0589d9.codesandbox1.now.sh

[stackyism]

@CompuIves @christianalfoni Closing this as #2763 got merged before this.