add the cube master

src/app/[name]/(Dialogs)/game/page.tsx

@@ -103,6 +103,36 @@ const GamePage: FC = () => {
                     </div>
 
                 </div>
+
+                <div
+                    style={{ direction: 'ltr' }}
+                    className='bg-white shadow-sm rounded-[10px] p-2 flex justify-between items-center cursor-pointer'
+                    onClick={() => {
+                        const currentPath = window.location.pathname
+                        const basePath = currentPath.split('/game')[0]
+                        router.push(`${basePath}/game/the-cube`)
+                    }}
+                >
+                    <div className='flex gap-3 items-center'>
+                        <Image
+                            src='/assets/images/cube_logo.jpeg'
+                            alt='The Cube'
+                            width={80}
+                            height={80}
+                            className='size-[80px] object-cover'
+                        />
+
+                        <div className='text-sm font-bold max-w-[92px]'>
+                            The Cube
+                        </div>
+                    </div>
+
+                    <div className='h-8 bg-[#F2F2F2] rounded-lg px-3 flex gap-1 items-center justify-center'>
+                        <div className='text-xs'>اجرا کنید</div>
+                        <Play size='20' color='currentColor' />
+                    </div>
+
+                </div>
             </div>
         </div>
     )