Frontend Updates

[vividroyjeong]

• VDYP-460: implement File Upload page
• VDYP-458: Reflecting mockup design into UI development
• VDYP-459: Define the API integration Layer on the Frontend
• Creating custom spin buttons to maintain specific patterns for the number of decimal places per input parameter, and creating handler for the neccsary events
• Applying state updates to buttons and panels based on the user input process
• Implementing screen-speific validations
• Implementing the validations in the libraries referenced by winVDYP into the web UI validations of Stand Density
• Adding the missing Current Diameter field and its associated validations
• Adding field-specific dynamic hints and placeholders
• Adding message dialog and update confirm dialog
• Refactoring for efficiency and consistency in management (e.g. Constantiation Jobs)
• Making design adjustments

[vividroyjeong]

@dhlevi Thank you for your code review! I'll close this PR and create a new PR for the fixes you pointed out and the change to show the results tab on the file upload screen.

[sonarcloud[bot]]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[vividroyjeong]

@dhlevi I thought it would be easier to reference the code view by reusing this PR, so I didn't close it, but pushed the updated source. Above, you can see a list of additional fixes. Please review the code again.

Here are the list:

• Clean up unused or commented out code
• Remove ~ or ^ to use fixed versions. Including the '~' or '^' to allow for auto-updating on build can sometimes lead to unexpected importing.
• Use for of in place of forEach
• Include null check validation when using the '?' null operator
• Verify result is not null/undefined and handle errors when using await
• Handling when null or undefined