chore: updated containers, unified styles and refactored prompt-config wizard

[isaaclindenman]

No description provided.

[github-actions]

PR Analysis

(review updated until commit 8ddc209)

• 🎯 Main theme: Style fixes for UI elements in the TypeScript codebase.
• 📝 PR summary: This PR fixes some UI issues in the codebase by adding or modifying CSS classes and styles.
• 📌 Type of PR: Enhancement
• 🧪 Relevant tests added: False
• ⏱️ Estimated effort to review [1-5]: 2, because the changes are mostly related to UI styles and CSS classes.
• 🔒 Security concerns: No security concerns found

PR Feedback

• 💡 General suggestions: The UI fixes in this PR look good overall. However, it would be helpful to add some comments or documentation to explain the purpose of the CSS classes and styles being added or modified.

• 🤖 Code feedback:

  • relevant file: frontend/src/components/projects/[projectId]/applications/[applicationId]/config-create-wizard/parameters-and-prompt-form.tsx
    suggestion: Consider using more descriptive CSS class names to improve code readability. [medium]
    relevant line:

  • relevant file: frontend/src/app/[locale]/projects/[projectId]/applications/[applicationId]/config-create-wizard/page.spec.tsx
    suggestion: Remove unnecessary comments from the test cases. [medium]
    relevant line: -// it('allows the user to save the config if messages are not empty and replaces the route', async () => {

  • relevant file: frontend/src/app/[locale]/projects/[projectId]/applications/[applicationId]/config-create-wizard/page.tsx
    suggestion: Remove unnecessary comments from the code. [medium]
    relevant line: -// allows the user to save the config if messages are not empty and replaces the route

  • relevant file: frontend/src/components/projects/[projectId]/applications/[applicationId]/config-create-wizard/prompt-config-testing-form.tsx
    suggestion: Remove unnecessary comments from the code. [medium]
    relevant line: -// allows the user to save the config when on the third stage and replaces the route

How to use

Instructions

To invoke the PR-Agent, add a comment using one of the following commands:
/review: Request a review of your Pull Request.
/describe: Update the PR title and description based on the contents of the PR.
/improve [--extended]: Suggest code improvements. Extended mode provides a higher quality feedback.
/ask <QUESTION>: Ask a question about the PR.
/update_changelog: Update the changelog based on the PR's contents.
/add_docs: Generate docstring for new components introduced in the PR.
/generate_labels: Generate labels for the PR based on the PR's contents.
see the tools guide for more details.

To edit any configuration parameter from the configuration.toml, add --config_path=new_value.
For example: /review --pr_reviewer.extra_instructions="focus on the file: ..."
To list the possible configuration parameters, add a /config comment.

[Goldziher]

/review

[github-actions]

Persistent review updated to latest commit 8ddc209

[Goldziher]

So the major problem with this PR is that it mixes two concerns -

1. general style fixes
2. changes to the wizard

I would like you to split it into two separate PRs that do two different things. You can have one PR pointing at the other, that's not a problem (obviously the style fixes should be first).

[Goldziher]

/improve --extended