feat: add ghost image and enhance CreateSessionModal with session existence check and improved server handling

src/components/DesktopCard.tsx

@@ -1,4 +1,3 @@
-import { useQueryClient } from "@tanstack/react-query";
 import { IServer } from "../types/IServer";
 import useModalStore from "../stores/useModalStore";
 import CreateSessionModal from "./modals/CreateSessionModal";
@@ -17,8 +16,6 @@ interface IDesktopCardProps {
 
 export default function DesktopCard({ server }: IDesktopCardProps) {
   const { setModal, setPosition } = useModalStore();
-  const queryClient = useQueryClient();
-  const servers = queryClient.getQueryData<IServer[]>(["servers"]);
 
   // const { mutate: createSession } = useMutation({
   //   mutationFn: () =>
@@ -34,7 +31,7 @@ export default function DesktopCard({ server }: IDesktopCardProps) {
 
   async function handleClickCreateSession() {
     setPosition("right");
-    setModal(<CreateSessionModal servers={servers} targetServer={server} />);
+    setModal(<CreateSessionModal targetServerId={server.id} />);
   }
 
   return (