Use ContextMenu in GameCard component

src/renderer/src/components/GameCard/index.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react';
+import ContextMenu, { Item } from '../ContextMenu';
 import './index.css';
 
 import { Game } from "@renderer/types";
@@ -20,7 +21,23 @@ const GameCard = ({ title, path, is_running, img_cover, id, }: Game) => {
   }, []);
 
 
+  const items: Item[] = [
+    {
+      label: 'Details',
+      onClick: () =>
+        console.log('Details'),
+      show: true
+    },
+    {
+      label: 'Details',
+      onClick: () =>
+        console.log('Details'),
+      show: true
+    }
+  ]
+
   return (
+    <ContextMenu items={items}>
       <div className='gameCard' key={id} id={`${id}`}>
         <img src={"src/assets/" + img_cover} alt={title}/>
         <a href="#" className='hoverLink' onClick={() => startGame(id)}>
@@ -28,6 +45,7 @@ const GameCard = ({ title, path, is_running, img_cover, id, }: Game) => {
         </a>
         {status}
       </div>
+    </ContextMenu>
   );
 };