fix: error when rendering file input component story in storybook

projects/angular-ui/src/lib/modal/modal-ref.ts

@@ -53,7 +53,7 @@
     private _overlayRef: OverlayRef,
     public _containerInstance: _BaoModalContainerBase,
     /** Id of the modal. */
     readonly id: string = `bao-modal-${uniqueId++}`
   ) {
     // Pass the id along to the container.
     _containerInstance._id = id;
@@ -105,7 +105,7 @@
         _closeModalVia(this, 'keyboard');
       });
 
     _overlayRef.backdropClick().subscribe(async () => {
       if (this.disableClose) {
         await this._containerInstance._recaptureFocus();
       } else {
@@ -138,7 +138,7 @@
         // vast majority of cases the timeout will have been cleared before it has the chance to fire.
         this._closeFallbackTimeout = setTimeout(
           () => this._finishModalClose(),
           (event.totalTime as number) + 100
         );
       });
 
@@ -192,12 +192,14 @@
     const strategy = this._getPositionStrategy();
 
     if (position && (position.left || position.right)) {
+      // Here we will set the horizontal position of the modal (left or right).
       this.applyPositionStrategy(position, strategy, 'horizontal');
     } else {
       strategy.centerHorizontally();
     }
 
     if (position && (position.top || position.bottom)) {
+      // Here we will set the vertical position of the modal (top or bottom).
       this.applyPositionStrategy(position, strategy, 'vertical');
     } else {
       strategy.centerVertically();
@@ -251,9 +253,14 @@
 
   /**
    * Applies the position strategy to the overlay.
+   *
+   * This method sets the position of the modal based on the provided `position` configuration.
+   * It determines whether to apply the position to the vertical or horizontal axis based on the
+   * `axis` parameter.
+   *
    * @param position The position configuration for the modal.
    * @param strategy The position strategy to be applied.
-   * @param axis The axis to apply the position ('horizontal' | 'vertical')
+   * @param axis The axis to apply the position (`'horizontal' | 'vertical'`)
    */
   private applyPositionStrategy(
     position: ModalPosition,

projects/storybook-angular/src/stories/File/FileInput.stories.ts

@@ -244,10 +244,10 @@ export const baoFileIntl: StoryFn = args => ({
       <div style="max-width:50rem;">
         <p> By default, the File Input component displays its texts in french. To display text in another language, here are the steps to follow:
         <ol>
-          <li> In your <b>app.module.ts</b>, import <b>BaoFileIntl</b> and <b>BaoFileIntlEnglish</b> for texts in english from @villedemontreal/angular-ui. </li>
+          <li> In your <b>app.module.ts</b>, import <b>BaoFileIntl</b> and <b>BaoFileIntlEnglish</b> for texts in english from &#64;villedemontreal/angular-ui. </li>
           <li> If you need to use the component in a different language, you can declare your own class that extends BaoFileIntl and contains texts in your prefered language. It should look like this:
             <p> 
-              <code>@Injectable()<br>
+              <code>&#64;Injectable()<br>
                     class BaoFileIntlEnglish extends BaoFileIntl {{ '{' }}
                     <div style="margin-left:1rem;font-family:inherit;font-size:inherit;">
                       dropzoneButtonLabel = 'Browse';<br>