replaces usage of SCSS mixin with class equivalent.

Author: stopfstedt

packages/frontend/app/components/courses/root.gjs

@@ -257,7 +257,7 @@ export default class CoursesRootComponent extends Component {
       </div>
       <section class="courses">
         <div class="header">
-          <h2 data-test-courses-header-title class="title">
+          <h2 data-test-courses-header-title class="main-list-box-header-title">
             {{t "general.courses"}}
             ({{this.filteredCourses.length}})
           </h2>

packages/frontend/app/components/curriculum-inventory/reports.gjs

@@ -186,7 +186,7 @@ export default class CurriculumInventoryReportsComponent extends Component {
       </div>
       <section class="reports">
         <div class="header">
-          <h2 class="title">
+          <h2 class="main-list-box-header-title">
             {{t "general.curriculumInventoryReports"}}
           </h2>
           {{#if (and this.canCreate this.selectedProgram)}}

packages/frontend/app/components/curriculum-inventory/sequence-block-list.gjs

@@ -54,7 +54,7 @@ export default class SequenceBlockListComponent extends Component {
       ...attributes
     >
       <div class="header" data-test-header>
-        <div class="title" data-test-title>
+        <div class="main-list-box-header-title" data-test-title>
           {{t "general.sequenceBlocks"}}
           ({{@sequenceBlocks.length}})
         </div>

packages/frontend/app/components/ilios-users.gjs

@@ -112,7 +112,7 @@ export default class IliosUsersComponent extends Component {
       </div>
       <section class="users">
         <div class="header" data-test-header>
-          <span class="title" data-test-title>
+          <span class="main-list-box-header-title" data-test-title>
             {{t "general.users"}}
           </span>
           <div class="actions">

packages/frontend/app/components/instructor-groups/root.gjs

@@ -151,7 +151,7 @@ export default class InstructorGroupsRootComponent extends Component {
 
       <div class="main-list">
         <div class="header">
-          <h2 class="title">
+          <h2 class="main-list-box-header-title">
             {{t "general.instructorGroups"}}
             {{#if this.isLoaded}}
               ({{this.filteredInstructorGroups.length}})

packages/frontend/app/components/learner-groups/root.gjs

@@ -379,7 +379,7 @@ export default class LearnerGroupsRootComponent extends Component {
 
       <div class="main-list">
         <div class="header">
-          <h2 class="title">
+          <h2 class="main-list-box-header-title">
             {{t "general.learnerGroups"}}
             {{#if this.isLoaded}}
               ({{this.filteredLearnerGroups.length}})

packages/frontend/app/components/program-year/list.gjs

@@ -136,7 +136,7 @@ export default class ProgramYearListComponent extends Component {
     <div class="program-year-list main-section" data-test-program-year-list ...attributes>
       <section class="program-years" data-test-years>
         <div class="header">
-          <div class="title">
+          <div class="main-list-box-header-title">
             {{t "general.programYears"}}
           </div>
           {{#if @canCreate}}

packages/frontend/app/components/programs/root.gjs

@@ -93,7 +93,7 @@ export default class ProgramRootComponent extends Component {
 
       <div class="main-list">
         <div class="header">
-          <h2 class="title">
+          <h2 class="main-list-box-header-title">
             {{t "general.programs"}}
           </h2>
           <div class="actions">

packages/frontend/app/components/reports/subjects-list.gjs

@@ -168,7 +168,7 @@ export default class ReportsSubjectsListComponent extends Component {
       </div>
       <section class="reports">
         <div class="header">
-          <h2 data-test-courses-header-title class="title">
+          <h2 data-test-courses-header-title class="main-list-box-header-title">
             {{t "general.reports"}}
             ({{this.filteredReports.length}})
           </h2>

packages/frontend/app/components/school-list.gjs

@@ -85,7 +85,7 @@ export default class SchoolListComponent extends Component {
       <section class="school-list main-section" data-test-school-list ...attributes>
         <section class="schools">
           <div class="header">
-            <h2 class="title">
+            <h2 class="main-list-box-header-title">
               {{t "general.schools"}}
             </h2>
             {{#if this.currentUser.isRoot}}