Add ids to inputs and buttons

[tingaloo]

Took a stab at #1174, added ids to inputs. I assumed that there will be one instance of some inputs, correct me if i'm wrong.

[luisrudge]

You can have more than one lock per page, so you have to get the current lock id. There's an example here: l.id(lock) - https://github.com/auth0/lock/blob/master/src/field/email/email_pane.jsx#L21

[luisrudge]

Now all the ids will have be the same within a lock instance 😬

You need to mix your previous approach with this one.

For example:

const lockId = l.id(model);

...

<input id={`${lockId}-${name}`} type="hidden" value={value} name={name} />

[luisrudge]

Can you look the failing tests? this implementation looks nice!

[tingaloo]

in chrome.jsx there is a <Header/> that contains <BackButton /> However header does not have model or lock defined so i cannot pass that to BackButton, whereas other components do so.

[luisrudge]

@tingaloo you're just missing the snapshots! Almost there 😅

To fix snapshots, run:

yarn test:jest -- -u

[luisrudge]

Thanks soooooo much for this PR 🎉