Big upgrade: ChakraUI v3, Fastapi service & repository structure, better navbar header, backend unittest db isolation, and more!

[peter-cognicode]

I decided to do a big upgrade on this project to make it more ready for larger applications. Therefore i removed the crud file in favor of a service and repository structure. This helped me a lot in the past preventing duplicate code. Also i migrated the frontend to chakraui v3 and vite v6

I don't know if this is too big for you to review, please let me know how i can help to get this merged so more people can benefit from these upgrades.

Help needed / Questions:

• Do we still want the custom theme? it felt a bit of overkill on an example template. Since chakraui changed the way of working, i opted for the default colors for now.
• frontend client generation github action is failing.. I removed the formatter on the generated client code (./scripts/generate-client.sh), since with new biome version it gave too many exceptions. But i dont know what is going wrong now. Maybe a different python version.. im using 12 and github is using 10?

Changes

Major changes:

• frontend to chakraui 3.3.1
  • updated all components
  • simplified form structure with label property and automatic ids
  • added custom RouteLink for tanstack router integration
  • added pagination component
  • added system default to darkmode setting page
• frontend menu improvements
  • added top navbar with fastapi logo and better flex styling
  • improved sidebar
• backend to service and repository structure
  • removed crud folder, it is not scalable
  • avoids duplicate code & improves folder structure for larger apps
• backend tests using separate database app_test
  • automatically created in postrges docker via .env
  • this avoids localdev data pollution while testing
  • playwright still uses the normal running app and database

Minor changes:

• upgraded all dependencies in frontend
• fixed python version to <13 because i got errors on python 13
• improved configuration of tooling so it works in vscode (eg biome)
• improved VSCode configuration + setting.example.json (to avoid overwriting local settings)

Screenshots

home:

items:

settings:

add item:

mobile view: