feat(settings/user/userName): implement

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

@@ -7,6 +7,7 @@ import OptionsGbaMode from "./Options/GbaMode.vue";
 import UserMenu from "./User/Menu.vue";
 import UserColor from "./User/Color.vue";
 import UserBirthday from "./User/Birthday.vue";
+import UserUserName from "./User/UserName.vue";
 
 import ClockMenu from "./Clock/Menu.vue";
 import ClockDate from "./Clock/Date.vue";
@@ -43,7 +44,7 @@ const { select, selected, selectorPosition } = useButtonNavigation({
 
     user: [127, 119, 49, 49],
     userBirthday: [79, 71, 49, 49],
-    userName: [127, 71, 49, 49],
+    userUserName: [127, 71, 49, 49],
     userMessage: [175, 71, 49, 49],
     userColor: [127, 23, 49, 49],
 
@@ -56,7 +57,7 @@ const { select, selected, selectorPosition } = useButtonNavigation({
     } else {
       if (buttonName === "options") select("optionsLanguage");
       if (buttonName === "clock") select("clockAlarm");
-      if (buttonName === "user") select("userName");
+      if (buttonName === "user") select("userUserName");
       if (buttonName === "touchScreen") throw new Error("Not implemented");
     }
   },
@@ -103,14 +104,14 @@ const { select, selected, selectorPosition } = useButtonNavigation({
     user: {
       left: "clock",
       right: "touchScreen",
-      up: "userName",
+      up: "userUserName",
     },
     userBirthday: {
       down: ["user", false],
       up: ["userColor", false],
-      right: "userName",
+      right: "userUserName",
     },
-    userName: {
+    userUserName: {
       down: "user",
       left: "userBirthday",
       right: "userMessage",
@@ -118,13 +119,13 @@ const { select, selected, selectorPosition } = useButtonNavigation({
     },
     userMessage: {
       down: ["user", false],
-      left: "userName",
+      left: "userUserName",
       up: ["userColor", false],
     },
     userColor: {
       left: ["userBirthday", false],
       right: ["userMessage", false],
-      down: "userName",
+      down: "userUserName",
     },
 
     touchScreen: {
@@ -171,6 +172,7 @@ const viewComponents: Record<string, Component> = {
 
   userColor: UserColor,
   userBirthday: UserBirthday,
+  userUserName: UserUserName,
 };
 </script>