Update patch list: reorder category/header, color-code categories (update=white, patch=skyblue)

Project/frontend/src/pages/PatchList.tsx

@@ -173,16 +173,20 @@ export function PatchList() {
               >
                 <div className="flex items-center gap-3">
                   <div className="flex items-center gap-2 flex-shrink-0">
+                    {item.cate && (
+                      <span className={`px-2 py-0.5 text-xs rounded whitespace-nowrap ${
+                        item.cate.toLowerCase() === 'update' 
+                          ? 'bg-white/10 text-white' 
+                          : 'bg-[#87CEEB]/20 text-[#87CEEB]'
+                      }`}>
+                        {item.cate}
+                      </span>
+                    )}
                     {item.header && (
                       <span className="px-2 py-0.5 bg-primary-500/20 text-primary-400 text-xs rounded whitespace-nowrap">
                         {item.header}
                       </span>
                     )}
-                    {item.cate && (
-                      <span className="px-2 py-0.5 bg-white/10 text-white/70 text-xs rounded whitespace-nowrap">
-                        {item.cate}
-                      </span>
-                    )}
                   </div>
                   <h4 className="text-[#87CEEB] font-medium flex-1 min-w-0 truncate">{item.title}</h4>
                   <div className="flex items-center text-white/60 text-xs flex-shrink-0">
@@ -278,6 +282,18 @@ export function PatchList() {
             </div>
 
             <div className="overflow-y-auto max-h-[calc(90vh-180px)] p-6 space-y-4">
+              <div className="grid grid-cols-2 gap-4">
+                <div>
+                  <label className="block text-white/70 text-sm font-medium mb-2">카테고리</label>
+                  <input
+                    type="text"
+                    value={editFormData.cate || ''}
+                    onChange={(e) => setEditFormData({ ...editFormData, cate: e.target.value })}
+                    className="w-full h-10 bg-white/10 border border-white/30 rounded-lg px-3 text-white placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-primary-400"
+                    placeholder="예: 패치, update"
+                  />
+                </div>
+
                 <div>
                   <label className="block text-white/70 text-sm font-medium mb-2">헤더</label>
                   <input
@@ -288,16 +304,6 @@ export function PatchList() {
                     placeholder="예: v2.0.0"
                   />
                 </div>
-
-              <div>
-                <label className="block text-white/70 text-sm font-medium mb-2">카테고리</label>
-                <input
-                  type="text"
-                  value={editFormData.cate || ''}
-                  onChange={(e) => setEditFormData({ ...editFormData, cate: e.target.value })}
-                  className="w-full h-10 bg-white/10 border border-white/30 rounded-lg px-3 text-white placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-primary-400"
-                  placeholder="예: 기능개선"
-                />
               </div>
 
               <div>