add 2048 game

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

@@ -44,18 +44,26 @@ const GamePage: FC = () => {
             </div>
 
             <div className='mt-8 flex flex-col gap-3'>
-                <div style={{ direction: 'ltr' }} className='bg-white shadow-sm rounded-[10px] p-2 flex justify-between items-center'>
+                <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/2048`)
+                    }}
+                >
                     <div className='flex gap-3 items-center'>
                         <Image
                             src='/assets/images/2048_logo.png'
-                            alt='2'
+                            alt='2048'
                             width={80}
                             height={80}
                             className='size-[80px] object-cover'
                         />
 
                         <div className='text-sm font-bold max-w-[92px]'>
-                            Call of Duty Mobile
+                            2048
                         </div>
                     </div>
 

src/app/globals.css

@@ -368,3 +368,7 @@ html[data-theme="dark"] {
 .dltr {
   direction: ltr;
 }
+
+.game-explanation {
+  display: none;
+}