feat: centralize frontend branding

frontend/src/main.js

@@ -35,6 +35,10 @@ import { useChannelsStore } from '@/features/channels/stores/channelsStore.js';
 import { i18n } from '@/plugins/i18n.js';
 import config from '@/config.js';
 import { createHead } from '@vueuse/head';
+import { applyBranding } from '@/branding/applyBranding.js';
+import { getVuetifyThemeColors } from '@/branding/branding.js';
+
+applyBranding();
 
 const vuetify = createVuetify({
     components: {
@@ -62,17 +66,7 @@ const vuetify = createVuetify({
         themes: {
             socializeLight: {
                 dark: false,
-                colors: {
-                    background: '#f4f6f3',
-                    surface: '#fbfaf6',
-                    primary: '#172033',
-                    secondary: '#fff3e2',
-                    accent: '#ff8a3d',
-                    error: '#bc2f2f',
-                    info: '#2563eb',
-                    success: '#2fa58d',
-                    warning: '#b45309',
-                },
+                colors: getVuetifyThemeColors(),
             },
         },
     },