Undo/Clear Timetable Buttons: Move Position to Make Room for Dropdown UI (#1074)

[yumnazaheed]

Description 🧾

• Moved the clear, undo, and redo buttons () to the right side of the timetable tabs, outside the scrollable tab area, so they remain fixed and always visible.
• Made the timetable tabs horizontally scrollable when there are too many, ensuring they do not overflow past the "Friday" column and do not push the page wider.
• Adjusted the layout so the "Select your courses" search bar is wider and the spacing between controls is more consistent, allowing three courses to fit in a single line even on smaller screens.
• Improved overall alignment and responsiveness of the top controls and tab bar to match the requested UI.

Testing

Manually test in browser:

• start up client + server as usual
• original state- only one tab

• timetable with the sidebar open

• timetable with ten tabs open

Checklist

• 📍 You have assigned yourself to this pull request.
• 🔗 You have linked an issue to which this pull request closes.
• 💭 Leave any relevant specific directions to reviewers.
• 👀 No secrets in clear text in the pull request.
• 🎟️ To categorise release notes, the pull request should be labelled with at least one of these labels:
  • feature: for application feature improvement or new features
  • bug: fixing something that previously wasn't working
  • dev: development-side related changes
  • docker: updates to the Docker code
  • setup: changes to the setup/infrastructure of the codebase
  • test: updates to internal testing

Issue: #1074

[mark-trann]

lgtm! just some nitpicks

[mark-trann]

remove comment 🪓

[mark-trann]

same here 🪓