feat: add gold day calculator and polish desktop UI

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

src/views/base/user/mobile/MobileUserView.vue

@@ -70,13 +70,25 @@
             icon=""
             iconSize="18"
             size="large"
-          @click="editPasswordVisible = true"
+            @click="editPasswordVisible = true"
           >
             <div class="flex">
               <BasicIcon icon="vuesax-linear:lock" class="absolute right-8" />
               <div>تغییر رمز عبور</div>
             </div>
           </BasicButton>
+          <BasicButton
+            class="mt-2 w-full"
+            icon=""
+            iconSize="18"
+            size="large"
+            @click="openGoldDayCalculator"
+          >
+            <div class="flex">
+              <BasicIcon icon="vuesax-linear:chart-2" class="absolute right-8" />
+              <div>قیمت روز طلا</div>
+            </div>
+          </BasicButton>
 <!--          <BasicButton
             class="w-full mt-2"
             size="large"
@@ -204,6 +216,7 @@ import { useSettingsStore } from '@/store/settingsStore'
 import { useUserStore } from '@/store/userStore'
 import { useUserPageContext } from '../composables/useUserPage'
 import MobilePageHeader from '@/layouts/components/MobilePageHeader.vue'
+import { openGoldDayCalculator } from '@/composables/useGoldDayCalculator'
 
 const userStore = useUserStore()
 const { trackingSystemsEnabled } = useTrackingSystemsFeature()