feat: add gold day calculator and polish desktop UI

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

src/components/BasicPacks/BasicModal.vue

@@ -2,7 +2,7 @@
   <div>
     <a-modal
       v-model:visible="localValue"
-      :title="props.title"
+      :title="slots.title ? undefined : props.title"
       centered
       @ok="emits('ok')"
       @cancel="emits('close')"
@@ -14,6 +14,9 @@
       :closable="props.closable"
       :wrapClassName="props.wrapClassName"
     >
+      <template v-if="slots.title" #title>
+        <slot name="title" />
+      </template>
       <template v-if="props.customFooter" #footer> <slot name="footer" /></template>
       <a-spin :spinning="props.loading">
         <div class="overflow-y-auto py-2 px-1 relative max-h-[83vh]" id="body">
@@ -25,8 +28,7 @@
 </template>
 
 <script setup lang="ts">
-//define emit
-import { computed } from 'vue'
+import { computed, useSlots } from 'vue'
 
 const emits = defineEmits(['ok', 'close', 'update:visible'])
 
@@ -53,6 +55,8 @@ const props = withDefaults(defineProps<Prop>(), {
   closable: true
 })
 
+const slots = useSlots()
+
 const localValue = computed({
   get() {
     return props.visible