My availability tab

[MinhxNguyen7]

Description

The view in which the user adds their availability. As the design below shows, it should mostly be the availability calendar, perhaps with some information above it. Consult LettuceMeet's mobile design.

Don't worry too much about the styling. The proportions should look reasonable though, but still don't spend too long on that.

I expect the dragging functionality to be quite tricky, so don't spend an unreasonable amount of time attempting it.

Please push whatever you have as you work on it to a draft PR.

Deadline

This is due to be finished by Wednesday, Dec 13.

Features

• [x] Click on cells to toggle their availability.
• [x] Have a separate store for the availability so that other pages can access it. Reference Svelte stores tutorial (that page plus the few after it)
• [x] Drag over cells to change the availability.
• [x] Reasonable proportions.
• [x] Looks nice.

Designs from meeting

• Consult the meeting notes for 12-5 for points that we touched on with regards to this feature.

[MinhxNguyen7]

Refer to https://github.com/icssc/ZotMeet/pull/10 for drag-selection functionality.