providedIn
The providedIn property is used within the @Injectable decorator to specify where the service should be provided. This is a more modern and preferred way to provide services in Angular.
Global Scope: When you use providedIn: 'root', the service is registered with the root injector, making it a singleton and available throughout the entire application.
