[mercury][readme][angular] Use {{ CSS bundles final path }} instead of fixed paths (#670)

Author: bsastregx

packages/mercury/docs/installation-for-angular.md

@@ -3,15 +3,13 @@
 # Installation for Angular
 
 - [1. Preparation](#1-preparation)
-
   - [1.1. Decide the assets paths](#11-decide-the-assets-paths)
 
   - [1.2. Build Mercury before starting dev server or prod builds](#12-build-mercury-before-starting-dev-server-or-prod-builds)
 
 - [2. Copy the assets to the dev server and prod builds](#2-copy-the-assets-to-the-dev-server-and-prod-builds)
 
 - [3. Setup](#3-setup)
-
   - [3.1 Import declarations](#31-import-declarations)
 
   - [3.2 Include a CSS loader service](#32-include-a-css-loader-service)
@@ -138,7 +136,7 @@ Custom fonts and icons are distributed under:
 }
 ```
 
-To verify that the assets are successfully copied, build your. Afterwards, check the `/dist` folder — you should see a structure similar to this:
+To confirm that the assets have been copied successfully, build your project. Then, inspect the `/dist` folder — you should see a structure similar to the following:
 
 ```plaintext
 📁 dist
@@ -215,12 +213,12 @@ export class CssLoaderService {
 
     const linkBaseBundle = document.createElement("link");
     linkBaseBundle.rel = "stylesheet";
-    linkBaseBundle.href = `/assets/css/${bundleToHashMappings["base/base"]}.css`;
+    linkBaseBundle.href = `{{ CSS bundles final path }}${bundleToHashMappings["base/base"]}.css`;
     document.head.appendChild(linkBaseBundle);
 
     const linkIconsBundle = document.createElement("link");
     linkIconsBundle.rel = "stylesheet";
-    linkIconsBundle.href = `/assets/css/${bundleToHashMappings["base/icons"]}.css`;
+    linkIconsBundle.href = `{{ CSS bundles final path }}${bundleToHashMappings["base/icons"]}.css`;
     document.head.appendChild(linkIconsBundle);
   }
 }