feat: add progression logic for puzzle residences

- Implemented functions to manage puzzle progress including checking if residences are started, complete, and unlocked.
- Added utility functions to retrieve piece IDs based on residence and route.
- Introduced a new TypeScript file for progression management.
- Integrated puzzle data configuration and residence data for seamless progression tracking.

src/pages/zhangleping/draw/draw1.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { ExhibitFlipOverlay, FlipActionButton, Image } from '@/components'
-import { cn, getBackgroundImage, getStaticImage } from '@/lib/utils'
+import { cn, getBackgroundImage, getPublicPath, getStaticImage } from '@/lib/utils'
 import { useNavigate, useParams } from 'react-router-dom'
 import { saveZhanglepingStore, useZhanglepingStore } from '@/store/zhanglepingStore'
 import {
@@ -258,9 +258,12 @@ const ZhanglepingDraw1 = () => {
         visible={showCompletionDialogue}
         onVisibleChange={setShowCompletionDialogue}
         showMask={false}
-        zIndex={10020}
+        audioChannelId="zhangleping-draw-completion"
+        zIndex={10000}
       >
-        <SanmaoDialogueItem>{COMPLETION_DIALOGUE}</SanmaoDialogueItem>
+        <SanmaoDialogueItem audioSrc={getPublicPath('audio/zhangleping/mp3_zhangleping_30_1.mp3')}>
+          {COMPLETION_DIALOGUE}
+        </SanmaoDialogueItem>
       </SanmaoDialogueSteps>
     </div>
   )