New Homepage Dashboard

[fabd]

See New Homepage Dashboard Prototypes - Round 2 #241

I have broken down this update in more manageable milestones:

• Lots of CSS refactors necessary to fix issues with old Bootstrap stylesheet and the "utility CSS" approach. Refactor/tidy up sass folder use bootstrap5 buttons forms #253
  • Remove Bootstrap buttons completely - Use custom buttons ( .ko-Btn .ko-Btn--success .ko-Btn--large etc ) which works better with tailwind, and can be applied to element-plus buttons should we need them
  • Upgraded Bootstrap to v5.x (use the npm package) - import only the FORMS module
  • Create a styleguide (available at /ux) with a live demo of all the button styles and other smaller widgets
  • Use FontAwesome 5 Pro : remove the old FA4 FREE CDN url, use the full FA5PRO in local dev, and use a "subset" (optimized) build of FA5PRO in production (created with the Font Awesome Pro Subsetter.app)
• Milestone 0 : redesign the Restudy List page - to match the new dashboard (and fix Learned list clears itself #251)
• Milestone 1 : top portion of the dashboard ( "Study" and "Review" boxes)
• Milestone 1b : the "Welcome" screen for new users - may skip this if it's annoying and do it later
• Milestone 2 : Current Lesson pane (middle part of the new dashboard) & View All Lessons (much improved "Check progress" page with detail for each lesson)
• Milestone 3 : Activity Log - first version will track NEW CARDS and REVIEWS per day, over the last 30 days

[fabd]

I'll unpin this for now as I'm not super motivated to work on the Activity Log. - and focus on smaller QOL things (to be pinned).