Feat/440 공연소식 웹 호버 적용 (#441)

* fix: 공연소식 전체탭 - 링크 이동/수정하기 버튼 안보이는 이슈 해결

* fix: 공연소식 세부탭 - 링크 이동 에러/수정하기 버튼 안보이는 이슈 해결

* feat: 공연소식 호버 및 애니메이션 적용

Author: goodsmell

src/feature/performanceNews/performanceList/api.ts

@@ -1,19 +1,19 @@
 // src/feature/performanceList/api.ts
 
-import { api } from '@/api/api';
-import type { PerformanceListQuery, PerformanceListResponse } from './types';
+import { api } from "@/api/api";
+import type { PerformanceListQuery, PerformanceListResponse } from "./types";
 
 export const getPerformanceList = async (
   query: PerformanceListQuery
 ): Promise<PerformanceListResponse> => {
   const { status, isUsed, page = 0 } = query;
 
   console.log(isUsed);
-  const res = await api.get('/performance/', {
+  const res = await api.get("/performance/", {
     params: {
       status,
 
-      ...(typeof isUsed === 'boolean' ? { isUsed } : {}),
+      ...(typeof isUsed === "boolean" ? { isUsed } : {}),
       page,
     },
   });

src/feature/performanceNews/performanceList/types.ts

@@ -1,6 +1,6 @@
 // src/feature/performanceList/types.ts
 
-export type PerformanceStatus = 'ONGOING' | 'UPCOMING' | 'PAST';
+export type PerformanceStatus = "ONGOING" | "UPCOMING" | "PAST";
 
 export type PerformanceListQuery = {
   status: PerformanceStatus;
@@ -14,8 +14,10 @@ export type PerformanceListItem = {
   title: string;
   place: string;
   startDate: string; // 'YYYY-MM-DD'
-  endDate: string;   // 'YYYY-MM-DD'
+  endDate: string; // 'YYYY-MM-DD'
   isUsed: boolean;
+  isOwner: boolean;
+  link: string;
 };
 
 export type PerformanceListResponse = PerformanceListItem[];