Add Swisscom SDX integration and update project configuration

- Updated angular.json to include new asset paths and styles for Swisscom SDX.
- Modified package.json and package-lock.json to add @swisscom/sdx dependency.
- Enhanced app.ts to include CUSTOM_ELEMENTS_SCHEMA for custom elements.
- Updated main.ts to define custom elements from Swisscom SDX.

src/app/app.ts

@@ -1,11 +1,12 @@
-import { Component, signal } from '@angular/core';
+import { Component, signal, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'app-root',
   imports: [RouterOutlet],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   templateUrl: './app.html',
-  styleUrl: './app.scss'
+  styleUrl: './app.scss',
 })
 export class App {
   protected readonly title = signal('core');

src/main.ts

@@ -1,6 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import { App } from './app/app';
+import { defineCustomElements } from '@swisscom/sdx/dist/js/webcomponents/loader';
+defineCustomElements(window);
 
-bootstrapApplication(App, appConfig)
-  .catch((err) => console.error(err));
+bootstrapApplication(App, appConfig).catch((err) => console.error(err));