feat: build page using new form components

[ferruhcihan]

Implements

https://jira.linode.com/browse/APL-535
https://docs.google.com/document/d/1xAtM88sVC7VXAskz413Ec5AYVR7RDJoCcSZAaHYXZV0/edit?tab=t.0
https://www.figma.com/design/YuBiIolysFdtQgFEfAIJd1/APL-Master-Design?node-id=0-1&p=f&t=HFl0TjPGZV14lcGW-0

Description

This PR adds a new build page using the new form components, along with the new code repositories page.
Is paired with: linode/apl-api#678 and linode/apl-core#2026

Considerations

• I have tested the changes in both light and dark mode.
• I have considered the need for new unit tests.
• I have tested the changes on a cluster.
• I have included relevant documentation updates.
• I have an approved Figma design or have reflected my changes in Figma
• I have verified that the UI/UX is consistent in major browsers (e.g., Chrome, Firefox, Safari, Edge).
• I have tested the changes for responsiveness in different screen resolutions.
• I have tested expected error states and verified that the user is presented with informative error messages.
• I have tested the feature with unusual or extreme inputs (e.g., very long strings, empty states, clicking a button multiple times quickly).

[dennisvankekem]

why does the button have white text and why is the padding vertical lower than other buttons?

[dennisvankekem]

https://www.figma.com/design/loi1wLMJvpyeOlCcMCavn2/APL-535?node-id=0-1&p=f&t=FyizHcucO53TZllF-0 I've pointed out some design changes that needs to be adjusted, please have a look.

[dennisvankekem]

As the tag gets autofilled based on best effort, shouldn't we fill it in .toLowercase() by default and have the error text helper text there by default?

[dennisvankekem]

trying creating a build that already exists will throw an error

[ElderMatt]

I think it would be nicer if the background does not go past the red line, perhaps we should place the add buttons a bit more to the right.

[ferruhcihan]

why does the button have white text and why is the padding vertical lower than other buttons?

Fixed!

[ferruhcihan]

https://www.figma.com/design/loi1wLMJvpyeOlCcMCavn2/APL-535?node-id=0-1&p=f&t=FyizHcucO53TZllF-0 I've pointed out some design changes that needs to be adjusted, please have a look.

Updated!

[ferruhcihan]

As the tag gets autofilled based on best effort, shouldn't we fill it in .toLowercase() by default and have the error text helper text there by default?

Updated.

[ferruhcihan]

trying creating a build that already exists will throw an error

Updated and yup validation improved.

[ferruhcihan]

I think it would be nicer if the background does not go past the red line, perhaps we should place the add buttons a bit more to the right.

Updated in the key-value component.

[ElderMatt]

When going back to edit a container image. the checkbox for create webhook listener is gone.

Creating:

Editing:

[Copilot]

Copilot reviewed 26 out of 27 changed files in this pull request and generated 1 comment.

Files not reviewed (1)

• public/i18n/en/common.json: Language not supported

Comments suppressed due to low confidence (1)

src/pages/code-repositories/create-edit/create-edit.validator.ts:13

• Ensure that codeRepoUrls is defined as an array before calling .some to avoid potential runtime errors if it is undefined. Consider using a default value such as an empty array.

const { codeRepoUrls, validateOnSubmit } = this.options.context || {}

[dennisvankekem]

two questions but not blocking by any means, approved!