Fix table formatting and calendar layout

[ShubhamShekhawat]

Solves the issue #1618

[ShubhamShekhawat]

I have made changes to the hsf.css file to fix the table formatting issue. The table is now more responsive and visually cleaner.
I adjusted the padding, border, and background color for the table rows, as well as the alignment of the table headers.
Please check if the changes look good on various screen sizes and confirm that the table formatting issue is resolved.
If any other issue let me know.

[graeme-a-stewart]

Hello @ShubhamShekhawat - thanks for working on these issues.

Right now there are a lot of formatting/whitespace changes which make finding the real changes harder - I would suggest you avoid changes like that in the future.

I also cannot see any actual changes to the website formatting. You added .calendar styles, but these are not used anywhere that I can see.

Also, you suppressed the . training-module CSS - was that on purpose?

Neither can I see differences in the table formatting, comparing your version with the current deployed version.

Are there some commits missing from the PR?