feat(ui): Extract some logic into reusable hooks

[alexcarpenter]

Description

Introduce three new hooks based on current usage across <SignIn /> <SignUp /> components:

• useLocalization - access both t and translateError functions throughout components
• useAttributes - access field attributes such as enabled or required
• useDisplayConfig - access display config settings such as applicationName, homeUrl, logoImageUrl

Currently I am just updating the usage within the sign-in/up flows. Likely in a follow up PR we may refactor the common components to access this data internally using these hooks vs needing to pass the data in as props within the sign-in/up components.

Checklist

• [ ] npm test runs as expected.
• [ ] npm run build runs as expected.
• [ ] (If applicable) JSDoc comments have been added or updated for any package exports
• [ ] (If applicable) Documentation has been updated

Type of change

• [ ] 🐛 Bug fix
• [ ] 🌟 New feature
• [ ] 🔨 Breaking change
• [x] 📖 Refactoring / dependency upgrade / documentation
• [ ] other:

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: 247a10ff1a8635b6d6e31bfa82d2dccef134efc0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 0 packages

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR