style(app): 使用 NuxtImg 替代 img 标签

在多个组件中将 `img` 标签替换为 `NuxtImg` 标签，提升图片加载的性能和优化。例如，在 `AboutSection.vue`、`FriendsSection.vue`、`HeroSection.vue`、`ProjectsSection.vue`、`SitesSection.vue` 和 `SkillsSection.vue` 中的图片标签。

refactor(app): 扩展 `nuxt.config.ts` 配置

扩展了 `nuxt.config.ts` 配置文件中的模块配置，添加了 `@nuxt/image` 和 `@nuxt/eslint` 模块。同时，优化了 `routeRules` 配置，以支持预渲染和增量静态生成。

app/app.vue

@@ -1,18 +1,18 @@
 <template>
     <div class="app-shell" :style="backgroundStyle">
-        <div class="background-overlay" :style="overlayStyle"></div>
+        <div class="background-overlay" :style="overlayStyle"/>
         <button
             class="background-toggle"
-            @click="hideComponents = !hideComponents"
             :title="hideComponents ? '显示内容' : '隐藏内容'"
             :class="{ active: hideComponents }"
+            @click="hideComponents = !hideComponents"
         >
             <span class="toggle-icon">{{ hideComponents ? "👁️" : "🙈" }}</span>
             <span class="toggle-label">{{ hideComponents ? "显示" : "隐藏" }}</span>
         </button>
         <div class="content-stack">
             <Transition name="fade-down">
-                <main class="app-body" v-if="!hideComponents" key="content">
+                <main v-if="!hideComponents" key="content" class="app-body">
                     <NuxtPage />
                 </main>
             </Transition>
@@ -20,7 +20,7 @@
                 <PageSwitcher v-if="!hideComponents" key="switcher" />
             </Transition>
             <Transition name="fade-down">
-                <FooterSection v-if="!hideComponents" :contact="contact" key="footer" />
+                <FooterSection v-if="!hideComponents" key="footer" :contact="contact" />
             </Transition>
         </div>
         <MusicPlayer />