refactor: standardize code formatting and linting configuration

- Replace .eslintrc.js with .eslintrc.cjs for better ES module compatibility
- Add .prettierrc configuration for consistent code formatting
- Update package.json with new lint and format scripts
- Add nodemon.json for development hot reloading configuration
- Standardize code formatting across all JavaScript and Vue files
- Update web admin SPA with improved linting rules and formatting
- Add prettier configuration to web admin SPA

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

web/admin-spa/src/components/layout/TabBar.vue

@@ -1,29 +1,25 @@
 <template>
   <div class="mb-4 sm:mb-6">
     <!-- 移动端下拉选择器 -->
-    <div class="block sm:hidden bg-white/10 rounded-xl p-2 backdrop-blur-sm">
-      <select 
+    <div class="block rounded-xl bg-white/10 p-2 backdrop-blur-sm sm:hidden">
+      <select
+        class="focus:ring-primary-color w-full rounded-lg bg-white/90 px-4 py-3 font-semibold text-gray-700 focus:outline-none focus:ring-2"
         :value="activeTab"
-        class="w-full px-4 py-3 bg-white/90 rounded-lg text-gray-700 font-semibold focus:outline-none focus:ring-2 focus:ring-primary-color"
         @change="$emit('tab-change', $event.target.value)"
       >
-        <option
-          v-for="tab in tabs"
-          :key="tab.key"
-          :value="tab.key"
-        >
+        <option v-for="tab in tabs" :key="tab.key" :value="tab.key">
           {{ tab.name }}
         </option>
       </select>
     </div>
-    
+
     <!-- 桌面端标签栏 -->
-    <div class="hidden sm:flex flex-wrap gap-2 bg-white/10 rounded-2xl p-2 backdrop-blur-sm">
-      <button 
-        v-for="tab in tabs" 
+    <div class="hidden flex-wrap gap-2 rounded-2xl bg-white/10 p-2 backdrop-blur-sm sm:flex">
+      <button
+        v-for="tab in tabs"
         :key="tab.key"
         :class="[
-          'tab-btn flex-1 py-2 sm:py-3 px-3 sm:px-4 md:px-6 text-xs sm:text-sm font-semibold transition-all duration-300',
+          'tab-btn flex-1 px-3 py-2 text-xs font-semibold transition-all duration-300 sm:px-4 sm:py-3 sm:text-sm md:px-6',
           activeTab === tab.key ? 'active' : 'text-gray-700 hover:bg-white/10 hover:text-gray-900'
         ]"
         @click="$emit('tab-change', tab.key)"
@@ -57,4 +53,4 @@ const tabs = [
 
 <style scoped>
 /* 使用全局样式中定义的 .tab-btn 类 */
-</style>
+</style>