ADD - Graphics modes and new phone frames

Introduces Graphics Mode settings to toggle between "Performance" (blur-free) and "Ultimate" (full effects) to optimize CEF rendering. Expands device customization with ten new phone frames, standardizes 24-hour time formatting across all apps, and updates the build target to Chrome 103 for better compatibility.

frontend/src/config/apps.ts

@@ -90,20 +90,6 @@ export const PHONE_APPS: PhoneAppDefinition[] = [
     labelKey: 'Apps.calendar.name',
     route: '/apps/calendar',
   },
-  {
-    category: 'social',
-    component: markRaw(
-      defineAsyncComponent(() => import('@/views/apps/LocalPagesApp.vue')),
-    ),
-    dockOrder: null,
-    gridOrder: 20,
-    icon: markRaw(MapPinHouse),
-    iconClass: 'app-icon--local-pages',
-    iconImage: localPagesIcon,
-    id: 'local-pages',
-    labelKey: 'Apps.localPages.name',
-    route: '/apps/local-pages',
-  },
   {
     category: 'social',
     component: markRaw(
@@ -118,6 +104,20 @@ export const PHONE_APPS: PhoneAppDefinition[] = [
     labelKey: 'Apps.radio.name',
     route: '/apps/radio',
   },
+  {
+    category: 'social',
+    component: markRaw(
+      defineAsyncComponent(() => import('@/views/apps/LocalPagesApp.vue')),
+    ),
+    dockOrder: null,
+    gridOrder: 20,
+    icon: markRaw(MapPinHouse),
+    iconClass: 'app-icon--local-pages',
+    iconImage: localPagesIcon,
+    id: 'local-pages',
+    labelKey: 'Apps.localPages.name',
+    route: '/apps/local-pages',
+  },
   {
     category: 'social',
     component: markRaw(