Transform the index page design into carboard UI

[ad-tra]

cardboard UI

1st stage of development, where the static design is translated into code without including any interactivity. This issue concerns the translation of the index page

[ad-tra]

Configured a custom theme, which covers fonts and colors. (should probably add margin too)

This is my first time coding in rust: a lot of conventions seem foreign, and some syntax feels weird (looking at you |ui|). On the bright side, I enjoyed the ability to extract insight from egui's source code and its embedded documentation, all from the comfort of my IDE. That would be impossible in javascript land.

The next steps would be to either continue with global theming (add global styles for widgets, spacing defaults, etc) or to start positioning widgets and tinkering with the layout engine.

[ad-tra]

almost done, but still few things missing:

• [x] build a struct that abstracts each habit's frame
• [x] add scroll functionality to avoid overflow behavior
• [x] align the calendar grid to the right
• [x] fix calendar grid col, row generation logic.
• [x] add the streak text

---

Finish these, and start getting reactive. Think about architecture. how are habits stored? what attributes does a habit have? Is JSON the best tool for flat file storage? Add the ability to create and store habits relying on a local file, then refactor using lookbook core.