refactor: adjustments to /students ui

#2103

Author: jo-elimu

src/main/webapp/WEB-INF/jsp/analytics/students/id.jsp

@@ -1,5 +1,5 @@
 <content:title>
-    🎓 Student ID ${student.id}
+    🎓 Student ${student.id}
 </content:title>
 
 <content:section cssId="studentPage">

src/main/webapp/WEB-INF/jsp/analytics/students/list.jsp

@@ -3,6 +3,11 @@
 </content:title>
 
 <content:banner>
+    <style>
+        #index-banner {
+            background-position: 0 75%;
+        }
+    </style>
     <br />
     <br />
     <br />
@@ -11,14 +16,9 @@
     <br />
     <br />
     <br />
-    <br />
-    <br />
-    <br />
-    <br />
-    <br />
-    <br />
-    <br />
-    <br />
+    <div class="row center">
+        <h1 class="header center white-text">Students<span style="color: #A59ADD;">(${fn:length(students)})</span></h1>
+    </div>
 </content:banner>
 
 <content:section cssId="studentsListPage">
@@ -45,3 +45,13 @@
         </table>
     </div>
 </content:section>
+
+<content:aside>
+    <div class="card-panel deep-purple lighten-5">
+        <h5 class="center">Sponsors 🫶🏽</h5>
+        <p>
+            To become a sponsor of one of these students, join our  
+            <a href="https://sponsors.elimu.ai" target="_blank">sponsorship program</a>.
+        </p>
+    </div>
+</content:aside>