🚨 Ensure your PR is merging into the mvp branch where you will find this work.

Refactor app-form-details.html to remove inline styles and move CSS to SCSS file

Description:

The app-form-details.html template currently contains a large <style> block with form styling directly in the HTML file. To improve maintainability and keep styles organized, we should move these styles into the appropriate .scss file and remove the inline style block from the HTML.

This is a fast follow from this PR

Tasks:

• Move all <style> block content from templates/app-form-details.html into the SCSS file
• Remove the entire <style> block from the HTML file once verified
• Extract shared styles across application forms into reusable mixins or partials
• Test to make sure no styles have changed
• Move form styles to a new partial _form.scss file

Be sure to follow the CSS SCSS Styling Instructions Wiki to adequately make these changes.

Out of Scope:

• Refactoring javascript to its own file
• Refactoring styles of other forms
• Style changes or updates - all styles should be visually unchanged