feat: add settings page with navigation and access control updates

web/src/composables/useSystemState.js

@@ -319,6 +319,20 @@ const companyProfile = computed(() => ({
   adminEmail: bootstrapState.value.company?.admin_email || ''
 }))
 
+function updateCompanyProfilePreview(payload = {}) {
+  const currentCompany = bootstrapState.value.company || {}
+
+  bootstrapState.value = {
+    ...bootstrapState.value,
+    company: {
+      ...currentCompany,
+      ...(payload.name !== undefined ? { name: payload.name } : {}),
+      ...(payload.code !== undefined ? { code: payload.code } : {}),
+      ...(payload.adminEmail !== undefined ? { admin_email: payload.adminEmail } : {})
+    }
+  }
+}
+
 const isInitialized = computed(() => Boolean(bootstrapState.value.initialized))
 
 function applyBootstrapState(state) {
@@ -527,6 +541,7 @@ export function useSystemState() {
     runtimeTesting,
     setupError,
     setupSubmitting,
-    syncAuthSession
+    syncAuthSession,
+    updateCompanyProfilePreview
   }
 }