doc(v7/angular-ivy): Add discontinuity note

Author: Lms24

packages/angular-ivy/README.md

@@ -14,14 +14,24 @@
 
 - [Official SDK Docs](https://docs.sentry.io/platforms/javascript/angular/)
 
+## Package Discontinued
+
+The `@sentry/angular-ivy` package was discontinued with the release of version 8.0.0 of `@sentry/angular`. The v8
+`@sentry/angular` package is now fully compatible with Ivy by default, making this package obsolete. Furthermore, new
+Angular versions (18+) are supported in version 8.
+
+To upgrade to v8, follow the
+[Angular SDK migration guide](https://docs.sentry.io/platforms/javascript/guides/angular/migration/v7-to-v8/).
+
 ## Angular Version Compatibility
 
 This SDK officially supports Angular 12 to 17 with Angular's new rendering engine, Ivy.
 
-If you're using Angular 10, 11 or a newer Angular version with View Engine instead of Ivy, please use [`@sentry/angular`](https://github.com/getsentry/sentry-javascript/blob/develop/packages/angular/README.md).
+If you're using Angular 10, 11 or a newer Angular version with View Engine instead of Ivy, please use
+[`@sentry/angular`](https://github.com/getsentry/sentry-javascript/blob/develop/packages/angular/README.md).
 
-If you're using an older version of Angular and experience problems with the Angular SDK, we recommend downgrading the SDK to version 6.x.
-Please note that we don't provide any support for Angular versions below 10.
+If you're using an older version of Angular and experience problems with the Angular SDK, we recommend downgrading the
+SDK to version 6.x. Please note that we don't provide any support for Angular versions below 10.
 
 ## General
 
@@ -53,8 +63,8 @@ platformBrowserDynamic()
 
 ### ErrorHandler
 
-`@sentry/angular-ivy` exports a function to instantiate an ErrorHandler provider that will automatically send Javascript errors
-captured by the Angular's error handler.
+`@sentry/angular-ivy` exports a function to instantiate an ErrorHandler provider that will automatically send Javascript
+errors captured by the Angular's error handler.
 
 ```javascript
 import { NgModule, ErrorHandler } from '@angular/core';
@@ -89,17 +99,14 @@ initializations.
 
 Registering a Trace Service is a 3-step process.
 
-1. Register and configure the `BrowserTracing` integration, including custom Angular routing
-   instrumentation:
+1. Register and configure the `BrowserTracing` integration, including custom Angular routing instrumentation:
 
 ```javascript
 import { init, browserTracingIntegration } from '@sentry/angular-ivy';
 
 init({
   dsn: '__DSN__',
- integrations: [
-    browserTracingIntegration(),
-  ],
+  integrations: [browserTracingIntegration()],
   tracePropagationTargets: ['localhost', 'https://yourserver.io/api'],
   tracesSampleRate: 1,
 });
@@ -213,7 +220,8 @@ export class FooterComponent implements OnInit {
 }
 ```
 
-You can also add your own custom spans via `startSpan()`. For example, if you'd like to track the duration of Angular boostraping process, you can do it as follows:
+You can also add your own custom spans via `startSpan()`. For example, if you'd like to track the duration of Angular
+boostraping process, you can do it as follows:
 
 ```javascript
 import { enableProdMode } from '@angular/core';
@@ -223,12 +231,13 @@ import { init, startSpan } from '@sentry/angular';
 import { AppModule } from './app/app.module';
 
 // ...
-startSpan({
-  name: 'platform-browser-dynamic',
-  op: 'ui.angular.bootstrap'
+startSpan(
+  {
+    name: 'platform-browser-dynamic',
+    op: 'ui.angular.bootstrap',
   },
   async () => {
     await platformBrowserDynamic().bootstrapModule(AppModule);
-  }
+  },
 );
 ```