Fixed text focus/ page item focus issue on forms and wizards (#25782)

* fixed column header screen reader bug

* fixed case of undefined aria label

* added text focus, and added form item focus

src/sql/workbench/browser/modelComponents/formContainer.component.ts

@@ -44,7 +44,7 @@ class FormItem {
 					</model-component-wrapper>
 				</div>
 			</div>
-			<div class="form-row" *ngIf="isFormComponent(item)" [style.height]="getRowHeight(item)">
+			<div class="form-row" *ngIf="isFormComponent(item)" [style.height]="getRowHeight(item)" tabindex="0">
 					<ng-container *ngIf="isHorizontal(item)">
 						<div *ngIf="hasItemTitle(item)" class="form-cell form-cell-title" [style.font-size]="getItemTitleFontSize(item)" [ngClass]="{'form-group-item': isInGroup(item)}">
 							{{getItemTitle(item)}}<span class="form-required" *ngIf="isItemRequired(item)">*</span>

src/sql/workbench/browser/modelComponents/text.component.ts

@@ -56,7 +56,7 @@ const errorTextClass = 'error-text';
 			</div>
 		</div>
 		<ng-template #noDiv>
-			<div #textContainer id="textContainer" [style.display]="display" [style.width]="getWidth()" [style.height]="getHeight()" [title]="title" [attr.role]="ariaRole" [attr.aria-hidden]="ariaHidden" [attr.aria-live]="ariaLive" [ngStyle]="this.CSSStyles"></div>
+			<div #textContainer id="textContainer" [style.display]="display" [style.width]="getWidth()" [style.height]="getHeight()" [title]="title" [attr.role]="ariaRole" [attr.aria-hidden]="ariaHidden" [attr.aria-live]="ariaLive" [ngStyle]="this.CSSStyles" tabindex="0"></div>
 		</ng-template>
 	</ng-template>`
 })