[DQT] Simplify Welcome Page, Improve UI (#9863)

[arnav-makkar]

Brief summary of changes

• Simplified Welcome Page: Removed the redundant "Instructions" panel and added a prominent "Continue to Define Fields" call-to-action (CTA) button.
• Improved Help Documentation: Widened the help panel (640px) to make descriptions easier to read.
• Underlying Fixes:
  • Added TypeScript definitions for the CTA component in Form.d.ts.
  • Added a module-specific CSS file to handle DQT-specific layout adjustments.
  • Removed unused IntroductionMessage component code to reduce technical debt.

Final Results:

Original UI:

Link(s) to related issue(s)

• Resolves [DQT] - Move the instruction to the help (?) button #9863

[adamdaudrich]

I like this better than current version.
Bigger Button is also better.
Text in a pop up also better.
Great job !

[adamdaudrich]

LGTM

[adamdaudrich]

I have two points:

The instructions in the hover-over pane are still a tad verbose, words being of course the carrier of comprehension where verbosity fatigues it.

Try :

• Select Define Fields or Modify Fields to get started
  -Recent Queries stores your queries
• Select [rotation icon] to load query
• Select [pencil icon] to name query
• Select [star] to make your query special
• Select [world icon] to share it on the Loris splash page

2 -
Do define fields and modify fields have the same function? If not, why are they named differently?

[arnav-makkar]

Hi @adamdaudrich, I've made a follow-up commit based on your review.

Updated dataquery.md to make the help text less verbose and replaced Modify Fields with Define Fields in the Next Steps panel.

Please let me know if anything else is required. Thanks

[christinerogers]

@adamdaudrich where are we at on this? Re-review when you can pls.
@driusan thoughts on this?