Fix iPad Layouts

[namsnath]

The layout of the app does not look good on iPads in portrait mode (768x1024 px).
This could be fixed by making the CourseSelection component wider and the SlotTable narrower, and changing the column count for it.
The Navbar also needs editing. A possible solution would be to allow it to collapse into a hamburger menu like on mobile screens.

The Timetable component also overflows. It could be made to split into two parts like on Mobile Screens (eg: 360x740 px).
This should be a quick fix by changing the media query here:

FFCSThingy2.0/client/src/components/Timetable/Timetable.tsx

Line 43 in 11d62d5

<MediaQuery minDeviceWidth={768}>

The timetable component on mobile screens:

[swapnalshahil]

Hey, can you post issue ss, please?

[namsnath]

Hey there, my bad. I'll add screenshots to the original comment.

[namsnath]

Added screenshots and additional information.

[namsnath]

Hey @swapnalshahil , do you want to pick this up? Should I assign it to you?

[IzacVrushabh]

If no one is assigned , can you assign this issue to me ?

[namsnath]

Sure @IzacVrushabh !
I'll assign this to you.

[namsnath]

Hey @IzacVrushabh , any updates on this?

[IzacVrushabh]

Hey @IzacVrushabh , any updates on this?

I'm getting some problems with installation . I am unassigning myself so others can work on it.

[namsnath]

Oh alright