migrate JoinRoom.tsx and Card.ts

src/App.tsx

 import React from "react";
-import JoinRoom from "./JoinRoom";
+import JoinRoom from "./ui/JoinRoom";
 import WaitRoom from "./ui//WaitRoom";
 import ThreeJs from "./ThreeJs";
 import { Routes, Route } from "react-router-dom";

src/JoinRoom.tsx → src/ui/JoinRoom.tsx

 import React, { useState, ChangeEvent } from "react";
 import { Link } from "react-router-dom";
-import "./css/JoinRoom.css";
+import "../css/JoinRoom.css";
 
 export default function JoinRoom() {
   const [player, setPlayer] = useState("");

src/ui/WaitRoom.tsx

 import React, { useRef, useEffect, useState, useReducer } from "react";
 import { useParams } from "react-router-dom";
 import { ygopro } from "../api/idl/ocgcore";
-import { fetchDeck, IDeck } from "../Card";
+import { fetchDeck, IDeck } from "../api/Card";
 import "../css/WaitRoom.css";
 import { useDispatch, useSelector } from "react-redux";
 import { setJoined } from "../reducers/joinSlice";