feat(brand): rebrand to Hedena Gold and bring main user-app chrome

Rename the brand, ship Hedena logos, persist login OTP text in the SMS list, and port home/nav/auth/theme polish from main while keeping expert customers intact.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/user-app/src/components/DialogVantOneButton.vue

@@ -1,23 +1,17 @@
 <!--
-  Ported from legacy henza_pwa/src/components/DialogVantOneButton.vue — the
-  single-action variant of DialogVant (one full-width button instead of a
-  two-column grid). Used by App.vue's "new version available" dialog.
-
-  Same structure as DialogVant.vue: `show` is not a declared prop; the parent's
-  v-model:show falls through onto <van-dialog>, which is this component's sole
-  root element. Legacy's internal watch on an undeclared `modelValue` prop was
-  dead code and is not carried over.
+  Island-style single-action dialog. Same fallthrough v-model:show pattern
+  as DialogVant.vue.
 -->
 <template>
-  <van-dialog>
-    <div class="my-4">
-      <div class="w-full flex justify-center">
+  <van-dialog class="hg-dialog" :show-confirm-button="false" :show-cancel-button="false">
+    <div class="hg-dialog__inner">
+      <div class="hg-dialog__media">
         <slot name="img">{{ text2 }}</slot>
       </div>
-      <div class="w-full flex justify-center text-[18px] font-semibold">
+      <div class="hg-dialog__body">
         <slot name="title">{{ text1 }}</slot>
       </div>
-      <div class="border-t border-solid border-[color:var(--c-hairline)] pt-4 mx-2 mt-6 font-semibold text-[15px]">
+      <div class="hg-dialog__actions">
         <slot name="button">{{ text3 }}</slot>
       </div>
     </div>
@@ -39,18 +33,90 @@ withDefaults(
 </script>
 
 <style lang="less">
+.van-dialog.hg-dialog {
+  width: min(86vw, 340px) !important;
+  max-width: 340px;
+  overflow: hidden;
+  border-radius: 28px !important;
+  background: @canvas !important;
+  box-shadow:
+    0 18px 48px rgba(15, 23, 42, 0.18),
+    0 2px 8px rgba(15, 23, 42, 0.06) !important;
+}
+
+.van-dialog.hg-dialog .van-dialog__content {
+  padding: 0 !important;
+}
+
 .van-dialog__confirm,
-.van-dialog__cancel {
+.van-dialog__cancel,
+.van-dialog.hg-dialog .van-dialog__footer {
   display: none !important;
 }
-.van-dialog__confirm .van-button__text {
-  color: @primary;
-  font-weight: 600;
-  font-size: 15px;
+
+.hg-dialog__inner {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  padding: 8px 0 0;
 }
-.van-dialog__cancel .van-button__text {
-  color: @inkMuted;
+
+.hg-dialog__media {
+  display: flex;
+  justify-content: center;
+  padding: 12px 20px 0;
+
+  img {
+    max-width: 78%;
+    max-height: 128px;
+    width: auto;
+    height: auto;
+    object-fit: contain;
+  }
+}
+
+.hg-dialog__body {
+  padding: 10px 22px 6px;
+  text-align: center;
+  font-size: 14.5px;
   font-weight: 600;
-  font-size: 15px;
+  line-height: 1.75;
+  color: @ink;
+
+  > div {
+    padding: 0 !important;
+    margin: 0 !important;
+    text-align: center !important;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+  }
+}
+
+.hg-dialog__actions {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 14px 16px 16px;
+
+  > * {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 46px;
+    padding: 0 14px;
+    border-radius: 14px;
+    font-size: 14px;
+    font-weight: 700;
+    cursor: pointer;
+    user-select: none;
+    background: @primary !important;
+    color: #fff !important;
+    transition: transform 0.12s ease;
+
+    &:active {
+      transform: scale(0.985);
+    }
+  }
 }
 </style>