feat: Dev mode with sections + reordered

[g123k]

Hi everyone,

The dev mode page has a lot of text and it isn't easy to find things.
That's why, I've reordered everything + added some sections:

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 0% with 93 lines in your changes missing coverage. Please review.

Project coverage is 7.43%. Comparing base (4d9c7fc) to head (128f52e).
Report is 185 commits behind head on develop.

Files	Patch %	Lines
...b/pages/preferences/user_preferences_dev_mode.dart	0.00%	67 Missing ⚠️
...ib/pages/preferences/user_preferences_widgets.dart	0.00%	26 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           develop   #5372      +/-   ##
==========================================
- Coverage     9.54%   7.43%   -2.12%     
==========================================
  Files          325     380      +55     
  Lines        16411   19485    +3074     
==========================================
- Hits          1567    1448     -119     
- Misses       14844   18037    +3193     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.