add sample unity app with webgl

app/unity/page.tsx

@@ -1,11 +1,12 @@
+"use client";
 import { Unity, useUnityContext } from "react-unity-webgl";
 
 export default function Home() {
   const { unityProvider, isLoaded, loadingProgression } = useUnityContext({
-    loaderUrl: "build/myunityapp.loader.js",
+    loaderUrl: "/unity/test-project/build.loader.js",
-    dataUrl: "build/myunityapp.data",
+    dataUrl: "/unity/test-project/build.data",
-    frameworkUrl: "build/myunityapp.framework.js",
+    frameworkUrl: "/unity/test-project/build.framework.js",
-    codeUrl: "build/myunityapp.wasm",
+    codeUrl: "/unity/test-project/build.wasm",
   });
 
   // We'll round the loading progression to a whole number to represent the
@@ -13,6 +14,11 @@ export default function Home() {
   const loadingPercentage = Math.round(loadingProgression * 100);
 
   return (
+    <>
+      <div className="mb-5 mt-5">
+        새 Unity 프로젝트를 생성하고, WebGL로 빌드 후 빌드 산출물을
+        react-unity-webgl 라이브러리를 통해 실행했다.
+      </div>
       <div className="relative h-[600px] w-[800px]">
         {isLoaded === false && (
           // We'll conditionally render the loading overlay if the Unity
@@ -21,7 +27,8 @@ export default function Home() {
             <p>Loading... ({loadingPercentage}%)</p>
           </div>
         )}
-      <Unity className="unity" unityProvider={unityProvider} />
+        <Unity className="h-full w-full" unityProvider={unityProvider} />
       </div>
+    </>
   );
 }