feat: Update template with new class

Author: b-l-i-n-d

assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss

@@ -39,6 +39,7 @@
         &.active,
         &.active span {
           color: $tutor-text-brand;
+          font-weight: $tutor-font-weight-medium;
         }
 
         &:hover,

assets/src/scss/frontend/kids/_dashboard.scss

@@ -3,25 +3,22 @@
 @use './mixins' as *;
 
 [data-tutor-ui='kids'] {
-  .tutor-dashboard-nav-mobile-list > li > a,
-  .tutor-dashboard-nav-mobile-list > li > button {
+  .tutor-dashboard-nav-mobile-list {
     .tutor-dashboard-nav-mobile-icon {
       padding: $tutor-spacing-2;
     }
 
-    span {
-      &:last-of-type {
-        color: $tutor-text-primary;
-        font-weight: $tutor-font-weight-medium;
-      }
+    .tutor-dashboard-nav-mobile-text {
+      color: $tutor-text-primary;
+      font-weight: $tutor-font-weight-medium;
     }
-    &.active span {
-      &:first-of-type {
+
+    .active {
+      .tutor-dashboard-nav-mobile-icon {
         @include tutor-kids-shadow(false, $tutor-border-brand, $tutor-radius-full, sm);
         background-color: $tutor-surface-brand-tertiary;
       }
-
-      &:last-of-type {
+      .tutor-dashboard-nav-mobile-text {
         font-weight: $tutor-font-weight-semibold;
       }
     }

templates/dashboard/components/sidebar-nav-mobile.php

@@ -61,7 +61,7 @@
 							->render();
 						?>
 					</span>
-					<span class="tutor-tiny"><?php echo esc_html( $menu_title ); ?></span>
+					<span class="tutor-tiny tutor-dashboard-nav-mobile-text"><?php echo esc_html( $menu_title ); ?></span>
 				</a>
 			</li>
 			<?php
@@ -77,7 +77,7 @@
 						->render();
 					?>
 				</div>
-				<span class="tutor-tiny"><?php esc_html_e( 'Profile', 'tutor' ); ?></span>
+				<span class="tutor-tiny tutor-dashboard-nav-mobile-text"><?php esc_html_e( 'Profile', 'tutor' ); ?></span>
 			</a>
 		</li>
 		<?php
@@ -94,7 +94,7 @@
 					<span class="tutor-dashboard-nav-mobile-icon">
 						<?php SvgIcon::make()->name( Icon::ELLIPSES )->size( 20 )->render(); ?>
 					</span>
-					<span class="tutor-tiny"><?php esc_html_e( 'More', 'tutor' ); ?></span>
+					<span class="tutor-tiny tutor-dashboard-nav-mobile-text"><?php esc_html_e( 'More', 'tutor' ); ?></span>
 				</button>
 				<!-- Popover panel -->
 				<div