[FEATURE] Apply SOLID and Clean code practices in some react components

[jpcirqueira]

Is your feature request related to a problem? Please describe. Some components must follow clean code practices as well as solid for better readability and maintainability.

Describe the solution you'd like Apply clean code and solid best practices to chosen components.

Describe alternatives you've considered Components to be refactored:

• app/javascript/components/form_fields/MoneyTextField.tsx
• app/javascript/components/users/SignInComponent.tsx
• app/javascript/legacy_react/src/components/common/layout.tsx
• app/javascript/legacy_react/src/components/common/ProgressableButton.tsx

Branch:

apply-solid-and-clean-code-in-react-componentes

[jpcirqueira]

app/javascript/components/form_fields/MoneyTextField.tsx

• abstraído logica do hook para outro componente app/javascript/hooks/useSerializeMoney.ts (SRP)
• removido comentários desnecessários (clean code)
• ajustado tipagens erradas (clean code)
• renomeado variáveis (clean code)
• retirando códigos não utilizados (clean code)

[jpcirqueira]

app/javascript/components/users/SignInComponent.tsx

• abstraído logica do hook (SRP)
• adicionado tratamento de erro na requisição signIn (clean code)
• removido comentários desnecessários (clean code)

[jpcirqueira]

app/javascript/legacy_react/src/components/common/layout.tsx app/javascript/legacy_react/src/components/common/ProgressableButton.tsx

• romovido importações não utilizadas (clean code)