feat: horizontal scrolling on timetable in homepage

src/css/injected.scss

@@ -1061,6 +1061,7 @@ div > ol:has(.uiFileHandlerWrapper) {
   max-width: 1050px;
   margin: auto;
   width: 1050px;
+  overflow-x: hidden;
   display: flex;
   flex-direction: column;
   gap: 32px;
@@ -1107,9 +1108,11 @@ div > ol:has(.uiFileHandlerWrapper) {
   transition: 200ms;
   width: 100%;
   height: 15em;
-  display: flex;
-  flex-direction: row;
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: minmax(130px, 1fr);
   border-radius: 16px;
+  overflow-x: auto;
 
   .day:first-child {
     border-bottom-left-radius: 16px;
@@ -2966,7 +2969,6 @@ body {
   cursor: pointer;
 }
 .day {
-  width: 100%;
   display: flex;
   flex-direction: column;
   box-shadow: