add wrapping for long text documents to text highlighting component in RAI dashboard for text

[imatiach-msft]

Description

During testing it was found that large documents don't display well in the RAI text dashboard because there is no wrapping. This PR adds text wrapping to the text highlighting component to resolve this issue for long text documents and adds a test with a long text document.
I also refactored part of applications.ts file into a new file applicationInterfaces.ts as the applications.ts file was over 300 lines after adding the additional test case to the test app.

Before, without wrapping:

After, with wrapping:

Checklist

• I have added screenshots above for all UI changes.
• I have added e2e tests for all UI changes.
• Documentation was updated if it was needed.

[codecov-commenter]

Codecov Report

Merging #1643 (c43a2d1) into main (39c2a20) will increase coverage by 1.31%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##             main    #1643      +/-   ##
==========================================
+ Coverage   89.01%   90.33%   +1.31%     
==========================================
  Files         105       39      -66     
  Lines        5489     1676    -3813     
==========================================
- Hits         4886     1514    -3372     
+ Misses        603      162     -441     

Flag	Coverage Δ
unittests	90.33% <ø> (+1.31%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
raiwidgets/raiwidgets/explanation_dashboard.py
...sibleai/responsibleai/rai_insights/rai_insights.py
...bleai/responsibleai/_tools/causal/causal_result.py
...tabalanceanalysis/distribution_balance_measures.py
...nsibleai/databalanceanalysis/data_balance_utils.py
...eai/responsibleai/databalanceanalysis/constants.py
...ponsibleai/responsibleai/modelanalysis/__init__.py
...iwidgets/raiwidgets/fairness_metric_calculation.py
...ibleai/_tools/causal/dashboard_schemas/__init__.py
responsibleai/responsibleai/managers/__init__.py
... and 56 more

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[imatiach-msft]

When I added wrap to FluentUI Stack, it removed the margin for Labels but not Text, which squished the text with underlines together (but not the highlighted or plain text) - hence I needed to add the margin here. I wonder if it might just be better to always use FluentUI Text components and sometimes set fontweight instead of using FlunetUI Label components. This might be a good discussion point to bring up with Ke when he is back, since he preferred to use Label for bold words.

[github-actions]

https://responsibleai.blob.core.windows.net/pullrequest/microsoft/responsible-ai-toolbox/ilmat/fix-text-wrapping/dashboard/index.html