Recent Activity -> Attendance in tab name

Also hide Clock tab because people can click on the clock directly and
we don't have three lunches due to covid-19

public/home.html

@@ -66,9 +66,10 @@ <h4 id="title">Aspine</h4>
 
   <div class="tab">
     <button class="tablinks" onclick="openTab(event, 'grades')" id="default_open">Grades</button>
-    <button class="tablinks" onclick="openTab(event, 'recent'), load_recent()">Recent Activity</button>
     <button class="tablinks" onclick="openTab(event, 'schedule')">Schedule</button>
-    <button class="tablinks" onclick="openTab(event, 'clock')">Clock</button>
+    <button class="tablinks" onclick="openTab(event, 'recent'), load_recent()">Attendance</button>
+    <!--<button class="tablinks" onclick="openTab(event, 'clock')">Clock</button>-->
+    <!-- TODO: post-covid, setting lunch should be migrated to settings -->
     <!--<button class="tablinks" onclick="openTab(event, 'calendar-tab')">Calendar</button>-->
     <button class="tablinks" onclick="openTab(event, 'reports')" id="reports_open">Reports</button>
 <!--#ifndef lite-->
@@ -302,7 +303,6 @@ <h3>Add Calendar</h3>
   </div>
   -->
   <div id="recent" class="tabcontent">
-    <h3>Recent Attendance</h3>
     <!-- <label class="switch">
       <input type="checkbox" id="recent_toggle" onclick="recent_toggle();">
       <span class="slider round"></span>