🎨 Make ButtonCollab default as button

Author: Santiael

src/components/ButtonCollab/styles.js

@@ -3,8 +3,9 @@ import { Link } from "react-router-dom";
 
 import { _h6 } from "../../styles/tools/Typography";
 
-export const Button = styled(Link)`
+export const Button = styled(Link).attrs({ as: "button" })`
   ${_h6};
+  cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;

src/containers/FormLogin/index.js

@@ -45,7 +45,7 @@ function FormLogin() {
         msgError={errors.password}
       />
 
-      <ButtonCollab content="Entrar" as="button" />
+      <ButtonCollab content="Entrar" />
       <ActionCollab content="Esqueci a senha" to="/auth/forgot" />
       <ActionCollab content="Criar conta" to="/auth/signup" />
     </FormAuth>

src/containers/FormSignup/index.js

@@ -66,7 +66,7 @@ function FormLogin() {
         msgError={errors.password}
       />
 
-      <ButtonCollab content="Enviar" as="button" />
+      <ButtonCollab content="Enviar" />
       <ActionCollab content="Já tenho cadastro" to="/auth/login" />
     </FormAuth>
   );