feat(user): identity gate for wallet/gift card and custom nav icons

src/components/IdentityRequiredDialog.vue

@@ -0,0 +1,46 @@
+<template>
+  <van-dialog
+    v-model:show="open"
+    class="completeButtonStyle"
+    confirm-button-text="تکمیل اطلاعات"
+    show-confirm-button
+    @confirm="goProfile"
+  >
+    <div class="flex flex-col items-center p-2">
+      <BasicIcon color="orange" icon="vuesax-linear:info-circle" size="50" />
+      <div class="mt-2 text-center">{{ message }}</div>
+    </div>
+  </van-dialog>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
+import router from '@/router'
+
+const props = withDefaults(
+  defineProps<{
+    show?: boolean
+    action?: string
+  }>(),
+  { show: false, action: 'این کار' },
+)
+
+const emit = defineEmits<{
+  'update:show': [value: boolean]
+}>()
+
+const open = computed({
+  get: () => props.show,
+  set: (value: boolean) => emit('update:show', value),
+})
+
+const message = computed(
+  () =>
+    `برای ${props.action}، لطفا اطلاعات خود را تکمیل کنید یا در صورت تکمیل اطلاعات، منتظر تایید اطلاعات خود بمانید.`,
+)
+
+function goProfile() {
+  router.push({ name: 'user' })
+}
+</script>