feat: add fallback pages and refine page interactions

src/views/map/MapView.vue

@@ -3,6 +3,8 @@ import { ref, onMounted, onUnmounted } from 'vue'
 import ImageDetailModal from '@/components/cloud/ImageDetailModal.vue'
 import { supabase } from '@/lib/supabase'
 import { loadAMap } from '@/lib/amap'
+import { NIcon } from 'naive-ui'
+import { Refresh,Map,Satellite} from '@vicons/tabler'
 
 interface CloudMarkerData {
   id: string
@@ -292,8 +294,19 @@ onUnmounted(() => {
     <div ref="mapEl" class="w-full h-full"></div>
 
     <div class="absolute bottom-6 right-4 flex flex-col gap-2 z-10">
-      <button @click="refresh" class="w-10 h-10 bg-white rounded-lg shadow-md flex items-center justify-center hover:bg-gray-50" title="刷新"><span class="text-lg">🔄</span></button>
-      <button @click="toggleSat" class="w-10 h-10 bg-white rounded-lg shadow-md flex items-center justify-center hover:bg-gray-50" :title="satelliteOn ? '切换普通视图' : '切换卫星视图'"><span class="text-lg">{{ satelliteOn ? '🗺️' : '🛰️' }}</span></button>
+      <button @click="refresh" class="w-10 h-10 bg-white rounded-lg shadow-md flex items-center justify-center hover:bg-gray-50" title="刷新">
+        <span class="text-lg">
+          <NIcon>
+            <Refresh/>
+          </NIcon>
+        </span>
+      </button>
+      <button @click="toggleSat" class="w-10 h-10 bg-white rounded-lg shadow-md flex items-center justify-center hover:bg-gray-50" :title="satelliteOn ? '切换普通视图' : '切换卫星视图'">
+        <NIcon size="20" style="display: inline-flex; vertical-align: middle;">
+          <Map v-if="satelliteOn" />
+          <Satellite v-else />
+        </NIcon>
+      </button>
     </div>
 
     <ImageDetailModal