update gradebook assignment details tables within a course

Fixes: CNVS-24040

Notes:
old ui screencast = http://screencast.com/t/sCSdjQTD

new ui screencast = http://screencast.com/t/jRUJkVBSk

Test Plan:
- as a teacher using the new UI
- navigate to a course that has an assignment(s) and in which a
  student has been enrolled
- click into the grades link on the sub-nav
- make sure you are looking at the "Individual View"
- from here you will need to drill down into the content
  + select a section
  + select a student
  + select an assignment
- the tables that display under the "Student Information" and
  "Assignment Information" should be styled using the new
  styleguide table class (ic-Table)
- part two of this commit is to check the outcome table that
  displays on the Learning Mastery tab
  + on the "Content Selection" select a student and an outcome
  + the updated table will display within the "Outcome Information"
    area (the caveat is that you will have needed to have an
    outcome set-up and have at least two different students that
    have submitted answers towards that outcome two different times)
- as part of the test plan ensure the old styles show (table) when
  using the old UI

Change-Id: I1ba73ff28ac4699bd563a91b0236a3a5c698990c
Reviewed-on: https://gerrit.instructure.com/65189
Tested-by: Jenkins
Reviewed-by: Chris Hart <chart@instructure.com>
Product-Review: Chris Hart <chart@instructure.com>
QA-Review: Myller de Araujo <myller@instructure.com>

app/coffeescripts/ember/screenreader_gradebook/templates/assignment_information/details.hbs

@@ -8,7 +8,11 @@
 </div>
 
 <div class="pad-box bottom-only">
-  <table class="table">
+  {{#if ENV.use_new_styles}}
+    <table class="ic-Table">
+  {{else}}
+    <table class="table">
+  {{/if}}
     <thead>
       <tr>
         <th>{{#t 'points_possible'}}Points possible{{/t}}</th>
@@ -44,4 +48,4 @@
       </tr>
     </tbody>
   </table>
-</div>
+</div>

app/coffeescripts/ember/screenreader_gradebook/templates/components/assignment-group-grades.hbs

@@ -1,9 +1,15 @@
 <tr>
-  <th scope="row">
-    <strong>
+  {{#if ENV.use_new_styles}}
+    <th scope="row" class="ic-Table--header-row">
       {{ag.name}}
-    </strong>
-  </th>
+    </th>
+  {{else}}
+    <th scope="row">
+      <strong>
+        {{ag.name}}
+      </strong>
+    </th>
+  {{/if}}
 
   <td class="assignment-group-grade">
     <span class="grade">

app/coffeescripts/ember/screenreader_gradebook/templates/outcome_information.hbs

@@ -39,7 +39,11 @@
         </div>
 
         <div class="pad-box bottom-only">
+        {{#if ENV.use_new_styles}}
+          <table class="ic-Table">
+        {{else}}
           <table class="table">
+        {{/if}}
             <thead>
               <tr>
                 {{#if outcomeDetails}}

app/coffeescripts/ember/screenreader_gradebook/templates/student_information/assignment_groups.hbs

@@ -1,4 +1,8 @@
-<table class="table left-first">
+{{#if ENV.use_new_styles}}
+  <table class="ic-Table">
+{{else}}
+  <table class="table left-first">
+{{/if}}
   <thead>
     <tr>
       <th scope="col">{{#t 'ag_group_name'}}Assignment Group{{/t}}</th>
@@ -18,4 +22,4 @@
       }}
     {{/each}}
   </tbody>
-</table>
+</table>