LTGM,

Future things to consider:
Something I did notice so far is when clicking the semester dropdown menu, the scrollbar to the right disappears:


(second image is when dropdown is clicked, it is barely visible, I snipped the image the moment i click the dropdown).

Furthermore, the month view looks extremely cursed right now:

Looks good overall, just a few things (Not high priority but can consider for enhancements in future):

1. UI: Edit timetable text appears on two lines instead of 1
2. One improvement that could be made (for future) is to not reload the page when deleting a timetable. A more standard way to do this is to have the getTimetablesQuery erfetch after deletion. Redux provides a refetch callback fn that could be used like this in Home.tsx:

 const { data, isLoading, refetch } = useGetTimetablesQuery() as {
    data: Timetable[];
    isLoading: boolean;
  };

Then this refetch fn can be passed down using props (or context API) to TimetableCardKebabMenu and be used in the handleDelete function:

const handleDelete = async () => {
    try {
      await deleteTimetable(timetableId);
      refetch() // replaced window.location.reload();
    } catch (error) {
      console.error("Failed to delete timetable:", error);
    }
  };

This will get timetables again and will rerender the Home component instead of reloading the page itself.

Fixed. Thanks.

@Austin-X

Here is an issue that I found while testing:

When I have multiple timetables, and I refresh on any one of them, after refresh it will be always refresh to the timetable which was clicked first, despite switching to a different one from the dropdown menu.

@Austin-X

Here is an issue that I found while testing:

When I have multiple timetables, and I refresh on any one of them, after refresh it will be always refresh to the timetable which was clicked first, despite switching to a different one from the dropdown menu.

Thanks, fixed.