新增競賽前台呈現、刪除競賽、修改競賽狀態

app/competition/page.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { useState } from "react"
+import { useState, useEffect } from "react"
 import { useAuth } from "@/contexts/auth-context"
 import { useCompetition } from "@/contexts/competition-context"
 import { Trophy, Award, Medal, Target, Users, Lightbulb, ArrowLeft, Plus, Search, X } from "lucide-react"
@@ -16,7 +16,7 @@ import { AwardDetailDialog } from "@/components/competition/award-detail-dialog"
 
 export default function CompetitionPage() {
   const { user, canAccessAdmin } = useAuth()
-  const { competitions, awards, getAwardsByYear, getCompetitionRankings } = useCompetition()
+  const { competitions, awards, getAwardsByYear, getCompetitionRankings, currentCompetition, setCurrentCompetition } = useCompetition()
 
   const [selectedCompetitionTypeFilter, setSelectedCompetitionTypeFilter] = useState("all")
   const [selectedMonthFilter, setSelectedMonthFilter] = useState("all")
@@ -31,6 +31,7 @@ export default function CompetitionPage() {
   const [showAwardDetail, setShowAwardDetail] = useState(false)
   const [selectedAward, setSelectedAward] = useState<any>(null)
 
+
   const getCompetitionTypeIcon = (type: string) => {
     switch (type) {
       case "individual":