Create Free-time weekly planner

[avikalpg]

Why

We currently only have a "Free-time calculator" on the application. We also want to build and add other tools that help the user understand how and when can they work on the things that are important to them, but don't necessarily fall in the "necessary" category.
One such tool is a high-level weekly planner.

What

The Free-time weekly planner is not a calendar. It is not supposed to keep track of your meetings and other activities or save your tasks that can get done.
Instead, it is a high-level static plan of the week. We recommend to our users to minimize the amount of "ad-hoc" things that they do and instead, schedule time for ad-hoc things and use tools (like Clockwise and RescueTime) to manage expectations while doing things that are important to them.

Here is a hand-drawn wireframe of how this tool would look:

Each of the sections will be colour-coded based on the category of activities (shown as different patterns in their fillings).
The "Free time" and "Sleep" categories of activities will be a non-editable. The initial list of suggested categories:

1. Free-time (primary colour)
2. Sleep (grey)
3. Full-time job
4. Commute
5. Chores and meals
6. Social Time
7. Rest & Recreation

How

Prerequisites

• Your repository should already be set up

Steps

• It is encouraged to use other open-source libraries for the UI elements, but not necessary
• Mention the issue number in your Pull Request.
• Add an image or GIF in your PR description or comments showing what your component looks like.