complete score page - complete transition for pages

src/components/awards/index.tsx

@@ -2,6 +2,7 @@ import { useQuery } from "@tanstack/react-query"
 import { AwardNotComplete } from "./award-not-complete"
 import { getAwardsList } from "../../services/api/awards"
 import { AwardsResponse } from "../../types"
+import { AwardSkeleton } from "./award-skeleton"
 
 export const Awards = () => {
     const { data, isLoading } = useQuery({
@@ -9,7 +10,7 @@ export const Awards = () => {
         queryFn: getAwardsList
     })
 
-    if (isLoading) return <p>LOADING...</p>
+    if (isLoading) return <AwardSkeleton />
     return (
         <div className="flex flex-col gap-10">
             <div className="flex flex-row justify-between items-center">