[FSADT1-1013] Some field labels are not using the primary color

[fterra-encora]

Description

Fix non-readonly fields label color to be the primary color.
Note: readonly fields were not changed as the design team is still deciding about it.

Fixes FSADT1-1013

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

• New unit tests
• New integrated tests
• New component tests
• New end-to-end tests
• New user flow tests
• No new tests are required
• Manual tests (description below)

Checklist

• I have read the CONTRIBUTING doc
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have already been accepted and merged

Further comments

---

Thanks for the PR!

Any successful deployments (not always required) will be available below.
Backend available
Frontend available
Legacy available

Once merged, code will be promoted and handed off to following workflow run.
Main Merge Workflow

[github-actions]

Current changelog

Bug Fixes

• fix many non-read-only input field labels' color (9eefac8)
• replace applied class from body-02 to body-01 (2457055)

[github-actions]

Overall Project	NaN% NaN%	🍏

There is no coverage information present for the Files changed

[github-actions]

Overall Project	NaN% NaN%	🍏

There is no coverage information present for the Files changed

[github-actions]

Overall Project	NaN% NaN%	🍏

There is no coverage information present for the Files changed

[sonarqubecloud]

[forest-client-frontend] Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[github-actions]

Frontend unit Test Coverage

Coverage after merging fix/FSADT1-1013 into main will be

55.73%

Coverage Report

File	Stmts	Branches	Funcs	Lines	Uncovered Lines
src
App.vue	48.39%	50%	0%	68.42%	108, 36, 39–40, 44, 52–53, 62
directivesMap.ts	100%	100%	100%	100%
src/components
DataFetcher.vue	85%	60%	83.33%	95.83%	33–35, 50, 55
MainHeaderComponent.vue	79.69%	76.56%	58.33%	88.46%	100, 107, 111, 122, 124, 134, 136, 147, 173, 176, 185, 201, 217, 217, 217, 230, 249, 41, 50–51, 55
UserProfileComponent.vue	80%	33.33%	100%	85.71%	17, 17, 19, 23
src/components/forms
AutoCompleteInputComponent.vue	75.38%	58.54%	80.95%	83.82%	110–111, 127, 132–133, 201, 46, 59, 61, 61, 61, 61, 61–63, 65, 65, 65–67, 77, 80, 80, 80, 80, 80, 82, 84
DropdownInputComponent.vue	89.11%	83.87%	83.33%	94.23%	111, 136, 152, 67, 81, 81, 81–82
MultiselectInputComponent.vue	91.49%	87.50%	85.71%	95.92%	100, 109, 122, 80, 89
RadioInputComponent.vue	88.46%	91.67%	75%	92.86%	38, 43, 82
ReadOnlyComponent.vue	66.67%	100%	100%	66.67%	2
TextInputComponent.vue	86.49%	77.27%	84.62%	92.31%	122–123, 130, 55, 84, 89–90, 98
src/components/forms/DateInputComponent
DateInputPart.vue	91.30%	75%	100%	100%	46, 50
common.ts	100%	100%	100%	100%
index.vue	81.32%	75.28%	75%	86.18%	137, 172–174, 182–185, 185, 185–186, 213, 215, 218–219, 225, 269–270, 280–281, 296–298, 300–301, 311–312, 316, 319–320, 330–333, 340, 352, 381, 384, 450, 460, 467, 473, 479
src/components/grouping
AddressGroupComponent.vue	1.22%	0%	0%	2.73%	104–105, 107, 107, 107, 111–112, 114–115, 115, 115, 115, 117, 124, 131, 140–141, 141, 141, 141, 143, 145, 147, 151, 153–154, 154, 154–155, 155, 155, 155, 157, 159, 161, 164, 168–169, 169, 169, 169, 171, 173, 175, 179–180, 180, 180, 183, 185–186, 186–187, 187, 189, 19, 192, 194–196, 196, 196, 196, 196–198, 206, 208–209, 212, 214, 219–220, 220, 220–225, 225, 225–227, 230, 234–235, 235, 235–236, 247, 247, 247, 254, 254, 254–255, 255, 255–256, 256, 268, 268, 268, 270, 270, 270, 274, 274, 274, 28, 285, 285, 285–286, 286, 292, 292, 292, 294, 294, 294–295, 295, 295, 297, 297, 304, 304, 304, 312, 312, 312–313, 313, 313, 317, 317, 317, 333, 333, 333–334, 334, 334, 34, 345, 345, 345, 348, 348, 348–349, 349, 349, 35, 353, 353, 355, 355, 355, 37, 40, 42, 42, 42, 46, 46, 46, 49–51, 53–54, 57, 61–63, 66–68, 72, 76, 76, 76, 76, 76, 76–77, 82, 84, 87–88, 88, 88, 88, 88–89, 92, 95
ContactGroupComponent.vue	67.18%	83.33%	46.67%	64.15%	100, 114, 120, 137, 145, 154, 161, 170, 177, 185, 193, 201, 215, 42, 55–56, 83, 83, 83–84, 90, 90, 90–91, 99, 99, 99
ErrorNotificationGroupingComponent.vue	74.67%	62.86%	57.14%	90.91%	110, 117, 117, 117, 121, 129, 129, 138, 150, 175, 175, 58, 63, 81, 90, 98
src/composables
useFetch.ts	90.77%	73.68%	100%	97.56%	117, 121, 130, 17, 51, 88
useFocus.ts	25.93%	6.67%	30%	34.48%	28, 28, 28–30, 30, 30–32, 34, 44, 49–50, 50, 50, 53, 53, 53, 55–57, 63, 63, 63, 66–67, 70, 85, 85, 85, 92, 95, 98
useScreenSize.ts	100%	100%	100%	100%
useSvg.ts	100%	100%	100%	100%
src/helpers
CustomDirectives.ts	21.43%	13.04%	50%	22.22%	10, 17–18, 18, 18–19, 19, 19–21, 21, 21–22, 24, 27, 27, 27–28, 35–36, 36, 36–37, 43–45, 45, 45–48, 5, 5–7, 7, 7–8, 8, 8–9
DataConversors.ts	75.61%	79.17%	50%	73.33%	33, 38, 38, 38, 38, 38–39, 4, 41

[github-actions]

Frontend component Test Coverage

Coverage after merging fix/FSADT1-1013 into main will be

91.86%

Coverage Report

File	Stmts	Branches	Funcs	Lines	Uncovered Lines
src
App.vue	100%	100%	100%	100%
CoreConstants.ts	100%	100%	100%	100%
directivesMap.ts	100%	100%	100%	100%
main.ts	100%	100%	100%	100%
routes.ts	100%	100%	100%	100%
shims-vue.d.ts	100%	100%	100%	100%
src/components
DataFetcher.vue	96.97%	80%	100%	100%	33
MainHeaderComponent.vue	100%	100%	100%	100%
UserProfileComponent.vue	100%	100%	100%	100%
src/components/forms
AutoCompleteInputComponent.vue	93.04%	94.12%	85%	95.08%	40, 45, 67, 79, 82
DropdownInputComponent.vue	89.02%	87.50%	82.35%	92.68%	111, 135, 152, 81, 81–82
MultiselectInputComponent.vue	89.61%	84.21%	85%	94.74%	108, 122, 47, 88, 99
RadioInputComponent.vue	100%	100%	100%	100%
ReadOnlyComponent.vue	100%	100%	100%	100%
TextInputComponent.vue	90%	86.67%	83.33%	93.94%	123, 138, 54, 98
src/components/forms/DateInputComponent
DateInputPart.vue	100%	100%	100%	100%
common.ts	100%	100%	100%	100%
index.vue	100%	100%	100%	100%
src/components/grouping
AddressGroupComponent.vue	89.38%	90.36%	90.48%	88.12%	115, 131, 141, 147, 154–155, 155, 155, 155, 157, 159, 161, 169, 175, 208–209, 225, 274, 317, 354
ContactGroupComponent.vue	91.06%	95.56%	90%	87.50%	100, 136, 208, 215, 84, 91, 99, 99
ErrorNotificationGroupingComponent.vue	100%	100%	100%	100%
src/composables
useFetch.ts	100%	100%	100%	100%
useFocus.ts	100%	100%	100%	100%
useScreenSize.ts	100%	100%	100%	100%
useSvg.ts	100%	100%	100%	100%
src/dto
ApplyClientNumberDto.ts	100%	100%	100%	100%
CommonTypesDto.ts	100%	100%	100%	100%
src/helpers
CustomDirectives.ts	100%	100%	100%	100%
DataConversors.ts	100%	100%	100%	100%
ForestClientUserSession.ts	100%	100%	100%	100%
src/helpers/validators
BCeIDFormValidations.ts	100%	100%	100%	100%
GlobalValidators.ts	100%	100%	100%	100%
SubmissionValidators.ts	100%	100%	100%	100%
src/pages
ErrorPage.vue	100%	100%	100%	100%
FormBCSCPage.vue	100%	100%	100%	100%
FormBCeIDPage.vue	100%	100%	100%	100%
FormSubmittedPage.vue	100%	100%	100%	100%
LandingPage.vue	100%	100%	100%	100%
NotFoundPage.vue	100%	100%	100%	100%
SubmissionListPage.vue	100%	100%	100%	100%
SubmissionReviewPage.vue	100%	100%	100%	100%
UserLoadingPage.vue	100%	100%	100%	100%
src/pages/bceidform
AddressWizardStep.vue	100%	100%	100%	100%
BusinessInformationWizardStep.vue	100%	100%	100%	100%
ContactWizardStep.vue	100%	100%	100%	100%
ReviewWizardStep.vue	100%	100%	100%	100%
src/services
ForestClientService.ts	100%	100%	100%	100%

[github-actions]

Frontend e2e Test Coverage

Coverage after merging fix/FSADT1-1013 into main will be

57.48%

Coverage Report

File	Stmts	Branches	Funcs	Lines	Uncovered Lines
src
App.vue	45.83%	100%	0%	66.67%	39–40, 44, 52–53
CoreConstants.ts	100%	100%	100%	100%
directivesMap.ts	100%	100%	100%	100%
main.ts	100%	100%	100%	100%
routes.ts	100%	100%	100%	100%
shims-vue.d.ts	100%	100%	100%	100%
src/components
DataFetcher.vue	96.97%	80%	100%	100%	33
MainHeaderComponent.vue	38%	40%	8.33%	44.19%	118, 125, 133, 148, 150, 173, 173–174, 174–175, 175, 178, 178, 185, 185, 185, 196, 199, 216, 216, 216, 229, 248, 41, 41–42, 50, 50, 50, 50–51, 53–55, 55–56, 56, 56–57, 59, 66–67, 70–72, 81, 87, 87, 87–88, 90
UserProfileComponent.vue	0%	0%	0%	0%	11, 17, 17, 17, 17, 19, 21, 23, 4
src/components/forms
AutoCompleteInputComponent.vue	93.91%	97.06%	85%	95.08%	45, 67, 79, 82
DropdownInputComponent.vue	89.02%	87.50%	82.35%	92.68%	111, 135, 152, 81, 81–82
MultiselectInputComponent.vue	89.61%	84.21%	85%	94.74%	108, 122, 47, 88, 99
RadioInputComponent.vue	88.10%	80%	80%	95.45%	37, 48, 82
ReadOnlyComponent.vue	0%	100%	100%	0%	2
TextInputComponent.vue	90%	86.67%	83.33%	93.94%	123, 138, 54, 98
src/components/forms/DateInputComponent
DateInputPart.vue	90%	71.43%	100%	100%	45, 63
common.ts	100%	100%	100%	100%
index.vue	83.55%	77.61%	92.31%	84.78%	108, 117, 120, 122, 136, 148, 203, 218, 225, 269–270, 280–281, 296–298, 300–301, 311, 311, 316, 330–333, 340–342, 344–345, 347–348, 350, 352, 352–353
src/components/grouping
AddressGroupComponent.vue	89.38%	90.36%	90.48%	88.12%	115, 131, 141, 147, 154–155, 155, 155, 155, 157, 159, 161, 169, 175, 208–209, 225, 274, 317, 354
ContactGroupComponent.vue	91.06%	95.56%	90%	87.50%	100, 136, 208, 215, 84, 91, 99, 99
ErrorNotificationGroupingComponent.vue	35.59%	8.70%	57.14%	51.72%	111, 117, 117, 117, 122, 135, 135, 139, 151, 175, 175, 175, 178, 178, 30–31, 31, 34, 58, 58, 58, 63, 63–64, 64, 64, 66–67, 67, 69, 73–74, 74, 76, 90
src/composables
useFetch.ts	100%	100%	100%	100%
useFocus.ts	100%	100%	100%	100%
useScreenSize.ts	100%	100%	100%	100%
useSvg.ts	100%	100%	100%	100%
src/dto
ApplyClientNumberDto.ts	100%	100%	100%	100%
CommonTypesDto.ts	100%	100%	100%	100%
src/helpers
CustomDirectives.ts	100%	100%	100%	100%
DataConversors.ts	100%	100%	100%	100%
ForestClientUserSession.ts	100%	100%	100%	100%
src/helpers/validators
BCeIDFormValidations.ts	100%	100%	100%	100%
GlobalValidators.ts	100%	100%	100%	100%
SubmissionValidators.ts	100%	100%	100%	100%
src/pages
ErrorPage.vue	0%	100%	100%	0%	11–12
FormBCSCPage.vue	0%	0%	0%	0%	114–116, 122, 122, 150, 150, 150, 186, 186, 186, 239–241, 243, 246, 246–247, 247–248, 248, 252, 254, 260, 260, 260, 262, 264–267, 270, 276, 276, 288, 290, 295–296, 299–300, 311, 315, 317–319, 324–326, 328, 331–332, 332–334, 337, 337–339, 341, 344, 346–350, 359, 361–362, 362–363, 363, 363, 365–367, 37, 37, 37, 370, 374, 378–379, 379–380, 384–385, 385, 385, 391, 396–397, 399, 401–402, 402, 402, 407, 416, 420, 422, 443, 445, 449, 453, 455–457, 457–458, 462, 462–463, 473, 475, 479, 484, 487, 487–488, 488–489, 489, 494–496, 498, 498–501, 505–506, 506–507, 511–512, 512, 512, 515, 521, 84, 84, 84, 91, 91, 91–92, 92, 92
FormBCeIDPage.vue	52.55%	47.06%	36.67%	61.22%	109–111, 118, 118–119, 124, 124, 124, 127, 133, 239–240, 250, 260–261, 261, 261, 261, 261, 261–264, 279, 279–284, 298, 298–299, 303, 303–304, 304–305, 305, 311, 317–318, 320, 320–322, 327–328, 335, 340–344, 354, 354, 356–358, 430, 460, 460, 460, 477, 477, 477, 525, 549, 67–69, 95, 98
FormSubmittedPage.vue	0%	0%	0%	0%	11–12, 15, 31, 31, 31, 33, 9
LandingPage.vue	66.67%	60%	100%	75%	18, 18–19
SubmissionListPage.vue	0%	0%	0%	0%	103–105, 137, 23, 26–28, 31–34, 37–38, 41–42, 42–43, 46, 46, 46, 49–51, 54–55, 55, 55, 55, 55, 57, 59, 61, 63, 67–69, 69, 72–73, 75–76, 79–82, 82, 82–83, 85, 88, 91–92, 92–93, 96–97, 97, 97, 97–99
SubmissionReviewPage.vue	0%	0%	0%	0%	102, 104–106, 114, 114–115, 115, 121–122,