fix: FlowWidget JSX 구조 오류 수정

- Fragment(<>)로 그룹 표시 배지와 검색 필터 영역 감싸기
- stepDataColumns.length > 0 조건 내부로 모든 관련 UI 통합
- 닫는 태그 구조 수정

빌드 오류 해결:
- Expected '</>', got '{' 에러 해결
- JSX 중첩 구조 정상화

frontend/components/screen/widgets/FlowWidget.tsx

@@ -859,9 +859,10 @@ export function FlowWidget({
         <div className="mt-4 flex w-full flex-col sm:mt-6 lg:mt-8">
           {/* 필터 및 그룹 설정 */}
           {stepDataColumns.length > 0 && (
-            <div className="bg-background flex-shrink-0 border-b px-4 py-3 sm:px-6 sm:py-4">
-              <div className="flex justify-end gap-2">
-                <Button
+            <>
+              <div className="bg-background flex-shrink-0 border-b px-4 py-3 sm:px-6 sm:py-4">
+                <div className="flex justify-end gap-2">
+                  <Button
                     variant="outline"
                     size="sm"
                     onClick={() => {
@@ -903,10 +904,9 @@ export function FlowWidget({
                   </Button>
                 </div>
               </div>
-            )}
 
-            {/* 🆕 그룹 표시 배지 */}
-            {groupByColumns.length > 0 && (
+              {/* 🆕 그룹 표시 배지 */}
+              {groupByColumns.length > 0 && (
               <div className="border-b border-border bg-muted/30 px-4 py-2">
                 <div className="flex items-center gap-2 text-xs sm:text-sm">
                   <span className="text-muted-foreground">그룹:</span>
@@ -970,8 +970,9 @@ export function FlowWidget({
                   ))}
                 </div>
               </div>
-            )}
-          </div>
+              )}
+            </>
+          )}
 
           {/* 데이터 영역 - 고정 높이 + 스크롤 */}
           {stepDataLoading ? (