🔨 Refactor, 🧠 Overmind | /app/pages/common/Modals/PreferencesModal/Appearance/index.js

[sajadhsm]

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?

/app/pages/common/Modals/PreferencesModal/Appearance/index.js was using Cerebral

What is the new behavior?

/app/pages/common/Modals/PreferencesModal/Appearance/index.tsx now using Overmind

What steps did you take to test this? This is required before we can merge, make sure to test the flow you've updated.

1. Replaced inject and observer with useOvermind
2. Converted js files to ts and tsx
3. Ran yarn test
4. Ran yarn lint

Checklist

• Documentation N/A
• Testing
• Ready to be merged
  
• Added myself to contributors table
  

[kiliman]

@sajadhsm For your changes to pass typecheck, you need to update the Props type in /src/components/Preference/PreferenceText.tsx

export type Props = {
  setValue: (value: string) => void;
  value: string;
  placeholder?: string;
  isTextArea?: boolean;
  style?: { [property: string]: string | number };
  block?: boolean;
  rows?: number;
};

[christianalfoni]

Looks great! Thanks 😄

Tested:

• Opening the appearance preferences
• Clicked open editor