Add dynamic pages with clock, date, Home Assistant values and fonts

The hardcoded clock is now the built-in dynamic page "Clock". A dynamic page
has a background bitmap per time of day and up to 8 elements (clock, date,
Home Assistant value, text), each with position, alignment, font and overlay.
Pages are drawn on the ESP32, also for the web previews.

- Pages tab in the web UI: page editor with drag and drop, font upload
  (TTF/OTF converted in the browser to the FDF1 dot font format)
- Built-in fonts Small, Normal, Large and Full height (generated by
  tools/make_builtin_fonts.py), built-in bitmaps Pikachu and Pikachu yawning
- Home Assistant values over the REST API (URL and token in the HA tab)
- Settings version 4: evening settings removed (now time slots of the Clock
  page), old records are converted
- HA Mode dropdown lists the dynamic pages and bitmaps

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/esp32/display/frames.cpp

@@ -3,33 +3,17 @@
 #include <stdio.h>
 #include <string.h>
 
-#include "display/bitmaps.h"
 #include "display/text.h"
 
-// Horizontal offset that centers the 81 pixel wide clock on the 84 pixel display
-static const int CLOCK_X = 3;
-
-FlipdotFrames::FlipdotFrames(BROSE9323 &display) : _display(display)
+FlipdotFrames::FlipdotFrames(BROSE9323 &display, PageResources &resources) : _display(display), _resources(resources)
 {
 }
 
-void FlipdotFrames::clock(int hour, int minute, bool evening)
+void FlipdotFrames::dynamicPage(const LocalTime &time)
 {
-	char time[6];
-	snprintf(time, sizeof(time), "%02d:%02d", hour, minute);
-
-	_display.fillScreen(0);
-	if (evening)
-		_display.drawBitmap(CLOCK_X, 0, yawning_pikachu_bitmap_yawning_pikachu_black_border, 35, 19, 1);
-	else
-		_display.drawBitmap(CLOCK_X, 0, pikachu_bitmap_pikachu_black_border, 35, 19, 1);
-	_display.drawBitmap(CLOCK_X + 35, 0, clock_thought_bubble_bitmap_clock_thought_bubble, 46, 19, 1);
-
-	_display.setTextSize(1);
-	_display.setTextWrap(false);
-	_display.setCursor(CLOCK_X + 43, 4);
-	_display.print(time);
-	_display.display();
+	uint8_t bitmap[BITMAP_BYTES];
+	renderPage(_dynamic, time, _resources, bitmap);
+	_drawFullScreen(bitmap);
 }
 
 void FlipdotFrames::noWifi(int hour, int minute)
@@ -55,6 +39,11 @@ void FlipdotFrames::off()
 	_drawFullScreen(_off);
 }
 
+void FlipdotFrames::setDynamicPage(const DynamicPage &page)
+{
+	_dynamic = page;
+}
+
 void FlipdotFrames::setPageBitmap(const uint8_t *bitmap)
 {
 	memcpy(_page, bitmap, BITMAP_BYTES);