hotfix: apply changes for issue in pretalx to scroll properly in desired date of schedule

Author: iRenanMatthew

app/home/templates/home/components/navbar.html

@@ -18,8 +18,8 @@
   }
 </style>
 {% endblock %}
-<nav class="absolute w-full z-[999]">
-  <div class="relative flex flex-col">
+<nav class="absolute w-full z-[999] pointer-events-none">
+  <div class="relative flex flex-col pointer-events-auto">
     <!-- Ribbon CTA -->
     <div class="bg-orange-1 py-1.5 flex items-center justify-center gap-2 flex-col sm:flex-row">
       <p class="text-white font-nunito text-sm font-semibold">

app/home/templates/internal/pages/schedule.html

@@ -32,13 +32,15 @@
 {% endblock header %}
 
 
-<div class="w-full px-[4%] pt-40 pb-18 max-w-[1440px] mx-auto">
-  <div class="w-full">
+<div class="w-full px-[4%] pt-40 pb-18 mx-auto max-w-[1440px]">
+  <div class="w-full" id="schedule-container">
     <h2 class="text-5xl my-10 font-bold font-td_pinoy text-orange-2 text-center sm:text-left max-w-7xl mx-auto">Schedule</h2>
-    <div class="content-body font-nunito text-brown-2 text-lg leading-relaxed w-full overflow-x-auto">
+    <div class="content-body font-nunito text-brown-2 text-lg leading-relaxed w-full">
       <p class="text-brown-2 font-nunito text-center sm:text-left max-w-7xl mx-auto mb-6 italic">Note: This schedule is subject to change. Please check back regularly for updates.</p>
 
-      <pretalx-schedule event-url="https://pretalx.com/python-asia-2026/" locale="en" format="grid"></pretalx-schedule>
+      <div class="min-w-0 w-full">
+        <pretalx-schedule event-url="https://pretalx.com/python-asia-2026/" locale="en" format="grid"></pretalx-schedule>
+      </div>
       <noscript>
         <div class="pretalx-widget">
           <div class="pretalx-widget-info-message">
@@ -49,3 +51,14 @@ <h2 class="text-5xl my-10 font-bold font-td_pinoy text-orange-2 text-center sm:t
     </div>
   </div>
 </div>
+
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+    setTimeout(() => {
+      const scheduleContainer = document.getElementById('schedule-container');
+      if (scheduleContainer) {
+        scheduleContainer.style.overflowX = 'auto';
+      }
+    }, 1000);
+  });
+</script>