[Tech Debt]: Add react/jsx-curly-brace-presence eslint rule

[DaoDaoNoCode]

Type

General Tech Debt (eg. Improve the way something exists today)

Source

No response

Description

Currently, in our code, we can see different ways of passing a string to component props or children.
For example, we can see:

<Component testString="test" />

vs

<Component testString={`test`} />

or

<Component testString={"test"} />

For component children, we can see:

<Button>Submit</Button>

vs

<Button>{"Submit"}</Button>

Which are really inconsistent. We should look into using https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-brace-presence.md to make it consistent. My suggestion is we should get rid of all the curly braces and quotes when it's unnecessary.

Why?

Make the code style more consistent.

Anything else?

No response