Add "close" translation and implement settings wheel button

Added a "close" translation to ObjectsGlobal.vue and updated CustomerModal to use it. Introduced ActionSettingsWheelButton to the User dashboard for user settings management. Enabled development mode for testing purposes by setting IS_DEV to true.

src/components/displays/modals/CustomerModal.vue

@@ -156,7 +156,7 @@ loadUser();
               class="button is-success"
               @click="loadUser"
           >{{SessionUser.objects.global.language.reload}}</button>
-          <button class="button">Cancel</button>
+          <button class="button">{{ SessionUser.objects.global.language.close }}</button>
         </div>
       </footer>
     </div>

src/components/session/token/SessionUser/Objects/ObjectsGlobal.vue

@@ -18,6 +18,7 @@ export const ObjectsGlobal = {
       },
       split: "Opdel",
       save: "Gem",
+      close: "Luk",
       succeeded: "Fuldførte",
       customers: "Kunder",
       selected: "Valgt",

src/main.js

@@ -1,6 +1,6 @@
 import '@/themes/Dark.sass';
 import '@popperjs/core';
-export const IS_DEV = false;
+export const IS_DEV = true;
 
 // Development mode
 export const POS_STEP_1_VERSION = (IS_DEV ? 2 : 1);

src/views/dashboards/superUserDashboard/user/User.vue

@@ -10,6 +10,7 @@ import {user, getUserData, userId, setUser} from "@/views/dashboards/superUserDa
 import WhiteBox from "@/components/displays/boxes/WhiteBox.vue";
 import UserVehicleSubscriptionsDisplay
   from "@/views/dashboards/superUserDashboard/user/displays/vehicles/UserVehicleSubscriptionsDisplay.vue";
+import ActionSettingsWheelButton from "@/components/displays/buttons/ActionSettingsWheelButton.vue";
 
 // Set the user
 setUser(router.currentRoute.value.params.userId);
@@ -23,6 +24,33 @@ setUser(router.currentRoute.value.params.userId);
         <PageTitle title="User" subtitle="User data" />
       </template>
     <div class="columns is-multiline">
+      <!-- Customer small -->
+      <div class="column is-12">
+        <div class="card">
+          <div class="card-header">
+            <!-- User icon -->
+            <div class="card-header-icon">
+              <span class="icon">
+                <i class="fas fa-user"></i>
+              </span>
+            </div>
+            <!-- User name -->
+            <div class="card-header-title">
+              {{ user.economicData.name }}
+            </div>
+            <!-- User settings wheel -->
+            <div class="card-header-icon">
+              <ActionSettingsWheelButton
+                  :user_id="userId"
+                >
+                <template #actions>
+                  <!-- Since there's no additional actions, we can use the default slot -->
+                </template>
+              </ActionSettingsWheelButton>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="column is-12">
         <!-- Vehicle subscription -->
         <div class="box">