fix(tab): add correct id to tab content wrapper element (#3124)

Co-authored-by: Akshat Patel <38994122+Akshat55@users.noreply.github.com>

Author: kush-savani

src/tabs/tab.component.ts

@@ -60,6 +60,7 @@ import {
 			role="tabpanel"
 			*ngIf="shouldRender()"
 			class="cds--tab-content"
+			[id]="id"
 			[ngStyle]="{'display': active ? null : 'none'}"
 			[attr.aria-labelledby]="id + '-header'"
 			aria-live="polite">
@@ -128,10 +129,6 @@ export class Tab implements OnInit {
 	 * Value 'selected' to be emitted after a new `Tab` is selected.
 	 */
 	@Output() selected: EventEmitter<void> = new EventEmitter<void>();
-	/**
-	 * Used to set the id property on the element.
-	 */
-	@HostBinding("attr.id") attrClass = this.id;
 
 	get cacheActive() {
 		return this._cacheActive;