feat: enhance forum UI, featured banners, comments theme, and i18n

- Forum: Chinese seed data, theme-aware post cards, skeleton sharp corners
- FeaturedBanners: carousel with hover shadows and navigation arrows
- Problem list API: fix field mapping (ownLists, featuredLists)
- Comments: replace hardcoded black with theme-aware CSS variables
- Auth i18n: rename hasAccount → alreadyHaveAccount, add signIn key
- Backend: add -XX:-UseContainerSupport JVM flag for container compat
- Migration: add V15 featured_problem_lists schema

Author: DavidHLP

backend-spring/start.cjs

@@ -4,7 +4,7 @@ const { resolve } = require('path');
 // Try common Maven wrapper paths
 const mvnw = resolve(__dirname, 'mvnw');
 
-const proc = spawn(mvnw, ['spring-boot:run'], {
+const proc = spawn(mvnw, ['spring-boot:run', `-Dspring-boot.run.jvmArguments=-XX:-UseContainerSupport`], {
   cwd: __dirname,
   stdio: 'inherit',
 });

console/src/api/problem-list.ts

@@ -123,12 +123,12 @@ function mapUserProblemListsResponse(input: unknown): UserProblemListsResponse {
   }
   const raw = input as Record<string, unknown>;
   return {
-    myLists: Array.isArray(raw.myLists) ? raw.myLists.map(mapProblemList) : [],
+    myLists: Array.isArray(raw.ownLists) ? raw.ownLists.map(mapProblemList) : [],
     savedLists: Array.isArray(raw.savedLists)
       ? raw.savedLists.map(mapProblemList)
       : [],
-    featured: Array.isArray(raw.featured)
-      ? raw.featured.map(mapProblemList)
+    featured: Array.isArray(raw.featuredLists)
+      ? raw.featuredLists.map(mapProblemList)
       : [],
     categories: Array.isArray(raw.categories)
       ? raw.categories.map(mapCategory)

console/src/components/comments/CommentConnector.vue

@@ -5,12 +5,11 @@
   >
     <path
       :d="path"
-      stroke="black"
+      :stroke="isActive ? 'var(--primary)' : 'var(--border)'"
       :stroke-width="2"
       fill="none"
       stroke-linecap="round"
       class="transition-colors duration-200"
-      :class="{ 'opacity-100': isActive, 'opacity-20': !isActive }"
     />
   </svg>
 </template>

console/src/components/comments/CommentRail.vue

@@ -23,11 +23,10 @@
         y1="32"
         x2="16"
         :y2="height"
-        stroke="black"
+        :stroke="isActive ? 'var(--primary)' : 'var(--border)'"
         stroke-width="2"
         stroke-linecap="round"
         class="transition-colors duration-200"
-        :class="{ 'opacity-100': isActive, 'opacity-20': !isActive }"
       />
     </svg>
   </div>

console/src/components/comments/CommentThread.vue

@@ -41,11 +41,11 @@ const commentTree = computed(() => {
   <div class="space-y-6 px-4 sm:px-6 pb-8">
     <div v-if="!isCommenting && !props.isLocked" class="mb-8">
       <div
-        class="w-full rounded-none border border-muted-foreground/10 bg-muted/30 px-5 py-3.5 text-sm text-muted-foreground/70 cursor-text hover:bg-muted/50 hover:border-primary/20 transition-all duration-200 flex items-center gap-3 group"
+        class="w-full rounded-none border border-border bg-background px-5 py-3.5 text-sm text-muted-foreground/70 cursor-text hover:border-primary/30 focus:border-primary/50 transition-all duration-200 flex items-center gap-3 group"
         @click="isCommenting = true"
       >
         <div
-          class="h-8 w-8 rounded-none bg-background border border-muted-foreground/10 flex items-center justify-center group-hover:text-primary group-hover:border-primary/20 transition-all"
+          class="h-8 w-8 rounded-none bg-muted border border-border flex items-center justify-center group-hover:text-primary group-hover:border-primary/30 transition-all"
         >
           <MessageSquare class="h-4 w-4" />
         </div>