fix(bottom-nav): disabled tab panels wrong styles 9.1.x

Author: SisIvanova

projects/igniteui-angular/src/lib/core/styles/components/bottom-nav/_bottom-nav-component.scss

@@ -61,5 +61,13 @@
     @include e(menu-item, $m: disabled) {
         @extend %igx-bottom-nav-menu-item !optional;
         @extend %igx-bottom-nav-menu-item--disabled !optional;
+
+        .tab-icon {
+            @extend %igx-tab-icon !optional;
+        }
+
+        .tab-label {
+            @extend %igx-tab-label !optional;
+        }
     }
 }

src/app/bottomnav/bottomnav.sample.html

@@ -104,7 +104,7 @@ <h3>Tab 2 Content</h3>
                         </div>
                     </igx-tab-panel>
 
-                    <igx-tab-panel label="watchlist" icon="list">
+                    <igx-tab-panel [disabled]="true" label="watchlist" icon="list">
                         <div class="tab-content">
                             <h3>Tab 3 Content</h3>
                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id velit rutrum, accumsan ante a,
@@ -121,4 +121,4 @@ <h3>Tab 3 Content</h3>
             </div>
         </article>
     </div>
-</div>
+</div>