Improve Schedule Page Rendering and Accessibility

[29deepanshutyagi]

Description

The current schedule page implementation in Hugo has areas that can be optimized for better readability, maintainability, and performance. Additionally, improvements can be made to enhance accessibility and responsiveness.
Proposed Improvements

Code Optimization:
    Reduce redundant lookups in .Site.Data by storing references in variables where necessary.
    Optimize Scratch operations by limiting repeated Get calls.
    Improve loop efficiency, especially in nested iterations over rooms and slots.

Accessibility Enhancements:
    Ensure better keyboard navigation and focus handling in the day-tabs navigation.
    Use more descriptive aria-labels for schedule elements.

Performance Enhancements:
    Minimize inline styles by moving them to a dedicated CSS file.
    Optimize JavaScript for checking and updating active day links.

Steps to Reproduce Issues

Navigate to the schedule page.
Inspect the rendering process and interaction behavior.
Observe redundant data fetching and lack of structured ARIA roles.

Expected Behavior

Improved readability and maintainability of the template.
Enhanced accessibility for users navigating with screen readers or keyboard-only navigation.
Faster page rendering and interaction.

Additional Context

This issue relates to layouts/schedule.html and the corresponding schedule-session partial.

Would love to discuss the best approach before implementing changes! 🚀

[29deepanshutyagi]

@DhairyaMajmudar ,please assign me this issue , if you think it's legitmate

[29deepanshutyagi]

Key Enhancements:

✅ Better readability – cleaner code structure with fewer redundant calculations.
✅ Performance improvements – reduced inline styles, optimized Scratch operations.
✅ Improved maintainability – more concise loops and logical flow.
✅ Enhanced accessibility – small but useful ARIA-friendly refinements.

[benjagm]

Thanks. Let's do it.