added some feature for plugin

src/pages/HamkarUiConfigPage.vue

@@ -278,15 +278,15 @@ onMounted(load)
 
 <template>
   <div class="page-shell">
-    <div style="display: flex; align-items: flex-start; gap: 8px; margin-bottom: 16px">
-      <a-button type="text" @click="router.push({ name: 'product-versions', params: { product: 'hamkar' } })">
+    <div class="page-head">
+      <a-button type="text" class="page-head-back" @click="router.push({ name: 'product-versions', params: { product: 'hamkar' } })">
         <ArrowRightOutlined />
       </a-button>
-      <div style="flex: 1">
+      <div class="page-head-text">
         <h1 class="page-title">ظاهر اپ همکار</h1>
         <p class="page-sub">
           {{ tenantName || 'نسخه' }}
-          <template v-if="domain"> · {{ domain }}</template>
+          <template v-if="domain"> · <span class="page-domain">{{ domain }}</span></template>
         </p>
       </div>
     </div>