feat(settings/user/color): confirmation modal text and synchronization

app/components/Settings/BottomScreen/Menus/User/Color.vue

@@ -4,6 +4,7 @@ const { onRender, onClick } = useScreen();
 const app = useAppStore();
 const store = useSettingsStore();
 const { assets } = useAssets();
+const confirmationModal = useConfirmationModal();
 
 const GRID_SIZE = 4;
 const GRID_START_X = 32;
@@ -105,16 +106,14 @@ const handleCancel = () => {
   store.closeSubMenu();
 };
 
-const { open: openModal, close: closeModal } = useConfirmationModal();
-
 const handleConfirm = () => {
   app.save();
-  openModal({
-    text: "hey",
+  confirmationModal.open({
+    text: $t("settings.user.color.confirmation"),
+    onClosed: () => store.closeSubMenu(),
   });
   setTimeout(() => {
-    closeModal();
-    store.closeSubMenu();
+    confirmationModal.close();
   }, 2000);
 };
 </script>

i18n/locales/en.json

@@ -33,7 +33,8 @@
 
       "color": {
         "title": "Color",
-        "description": "Select your favorite color."
+        "description": "Select your favorite color.",
+        "confirmation": "Color setting saved."
       }
     },
     "touchScreen": {