fix(frontend): nested button → span in course cards + explicit SQL column aliases

Author: LeafCreeper

frontend/index.html

@@ -266,12 +266,11 @@ <h2 class="text-xl font-bold text-gray-800 mb-1">iCourse Subscriber</h2>
                 class="w-full text-left bg-white rounded-xl shadow-sm border border-gray-100 p-4 hover:shadow-md transition-shadow active:bg-gray-50">
           <div class="flex items-start justify-between gap-3">
             <div class="min-w-0 flex items-start gap-2">
-              <button @click.stop="toggleStar(c.course_id)"
-                      class="flex-shrink-0 mt-0.5 text-lg leading-none"
+              <span @click.stop="toggleStar(c.course_id)"
+                      class="flex-shrink-0 mt-0.5 text-lg leading-none cursor-pointer select-none"
                       :class="isStarred(c.course_id) ? 'text-amber-400' : 'text-gray-300 hover:text-amber-400'"
-                      :title="isStarred(c.course_id) ? '取消置顶' : '置顶'">
-                <span x-text="isStarred(c.course_id) ? '★' : '☆'"></span>
-              </button>
+                      :title="isStarred(c.course_id) ? '取消置顶' : '置顶'"
+                      x-text="isStarred(c.course_id) ? '★' : '☆'"></span>
               <div class="min-w-0">
                 <h3 class="font-semibold text-gray-800 truncate" x-text="c.title"></h3>
                 <p class="text-sm text-gray-500 mt-0.5" x-text="c.teacher"></p>

frontend/js/db.js

@@ -96,7 +96,7 @@ function _queryAll(sql, params) {
 
 function _getCourses() {
   return _queryAll(`
-    SELECT c.course_id, c.title, c.teacher,
+    SELECT c.course_id AS course_id, c.title AS title, c.teacher AS teacher,
            COUNT(CASE WHEN l.summary IS NOT NULL THEN 1 END) AS summary_count,
            COUNT(l.sub_id) AS total_count,
            MAX(l.processed_at) AS last_updated