그리드에 썸네일 '생성 중' 스켈레톤 표시

썸네일 미준비 셀이 빈 칸으로 보이던 것을 개선. 스냅샷 flags에
비트1(생성 실패, thumb_state=2)을 추가해 대기/실패를 구분한다.
- 대기(생성 전): 은은한 pulse 스켈레톤(bg-hover)
- 실패: 정적 아이콘(🖼) — 무한 pulse 방지
- 준비됨: 썸네일 이미지

검증: 619개 대기 상태에서 하단 스크롤 시 pulse 스켈레톤 50개 →
생성 완료되며 이미지로 즉시 전환 확인(bg #33363d, animation pulse).

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

src/features/grid/JustifiedGrid.tsx

@@ -387,6 +387,11 @@ export const JustifiedGrid: Component = () => {
                 const s = snapshot();
                 return !!s && (s.hasThumb(i) || version() > 0);
               };
+              // 썸네일 미준비 상태: 실패(state 2)면 정적 표시, 그 외엔 '생성 중' 스켈레톤.
+              const failed = () => {
+                const s = snapshot();
+                return !!s && s.thumbFailed(i);
+              };
               const isVideo = () => {
                 const s = snapshot();
                 return !!s && s.kind(i) === 1;
@@ -417,7 +422,22 @@ export const JustifiedGrid: Component = () => {
                     if (s) onCellDragStart(e, s, i);
                   }}
                 >
-                  <Show when={showImg() && info()}>
+                  <Show
+                    when={showImg() && info()}
+                    fallback={
+                      // 준비 전: 실패면 정적 아이콘, 대기면 은은한 스켈레톤(생성 중)
+                      <Show
+                        when={!failed()}
+                        fallback={
+                          <div class="grid h-full w-full place-items-center text-[var(--text-muted)]">
+                            <span class="text-base opacity-60">🖼</span>
+                          </div>
+                        }
+                      >
+                        <div class="h-full w-full animate-pulse bg-[var(--bg-hover)]" />
+                      </Show>
+                    }
+                  >
                     <img
                       src={`${thumbUrl(info()!, id())}&v=${version()}`}
                       class="h-full w-full object-cover"