New home fw lite for mobile

[hahn-kev]

simulated mobile screenshot

also lets the user create an example project from the home page, this lets them play around with and edit data in a real project which is only local to their device.

[github-actions]

UI unit Tests

12 tests  ±0   12 ✅ ±0   0s ⏱️ ±0s
 4 suites ±0    0 💤 ±0 
 1 files   ±0    0 ❌ ±0 

Results for commit 5673ee5. ± Comparison against base commit be8253c.

♻️ This comment has been updated with latest results.

[github-actions]

C# Unit Tests

103 tests  ±0   103 ✅ ±0   5s ⏱️ ±0s
 16 suites ±0     0 💤 ±0 
  1 files   ±0     0 ❌ ±0 

Results for commit 5673ee5. ± Comparison against base commit be8253c.

♻️ This comment has been updated with latest results.

[myieye]

Did some tweaking. Got anchor ListItem styles working:

Everything feels very squashed together. Not just in terms of margins, but more so in terms of the different kinds of things here without any explanatory context, but I can't figure out what should change.

[hahn-kev]

nice! Funny I got feedback from my wife on the same thing, so I've got some fixes for that coming I think. Take a look at this

I changed the title from FwLite, to Projects as that's the main subject of the screen. I also added the feedback button here (and fixed as it was assuming a web server was running)

I then styled the sub titles for each section and made a bit more spacing to make them distinct. I still think a logo in the top left would look good, but that's TBD

[myieye]

Did some more tweaking.

Dektop:

Mobile: