fix(angular): Set unknown component name default in TraceDirective (#…

…6222)

Fix a bug in the Angular SDK's `TraceDirective` where previously, the fallback `UNKNOWN_COMPONENT` name wasn't correctly applied to the span description if users didn't specify a manual value for the directive:

```html
<!-- this adds <standalone1> as a span description  -->
<app-my-component trace="standalone1"></app-my-component>

<!-- this used to add <> as a span description  -->
<!-- With this fix, we now get <unknown> as a span description  -->
<app-my-component trace></app-my-component>
```

packages/angular/src/tracing.ts

@@ -159,7 +159,7 @@ const UNKNOWN_COMPONENT = 'unknown';
  */
 @Directive({ selector: '[trace]' })
 export class TraceDirective implements OnInit, AfterViewInit {
-  @Input('trace') public componentName: string = UNKNOWN_COMPONENT;
+  @Input('trace') public componentName?: string;
 
   private _tracingSpan?: Span;
 
@@ -168,6 +168,10 @@ export class TraceDirective implements OnInit, AfterViewInit {
    * @inheritdoc
    */
   public ngOnInit(): void {
+    if (!this.componentName) {
+      this.componentName = UNKNOWN_COMPONENT;
+    }
+
     const activeTransaction = getActiveTransaction();
     if (activeTransaction) {
       this._tracingSpan = activeTransaction.startChild({