feat: add dice game page

frontend/casino/src/app/pages/DiceGamePage/DiceGamePage.tsx

@@ -0,0 +1,18 @@
+import ContainerLayout from "../../utils/ContainerLayout"
+
+export const DiceGamePage = () => {
+    return (
+        <ContainerLayout>
+            <p className="text-white text-[46px] font-bold uppercase">
+                брось кубики онлайн!
+            </p>
+            <div className="justify-center flex">
+                <div className="absolute w-[710px] h-[456px] bg-lime-800 rounded-[187px] blur-[300px]" />
+            </div>
+            <div className="flex flex-row min-w-full justify-center gap-10 relative mt-12">
+                <img src="src/assets/img/dice-img.png" alt="Dice" />
+                <img src="src/assets/img/dice-img.png" alt="Dice" />
+            </div>
+        </ContainerLayout>
+    )
+}

frontend/casino/src/app/pages/router.tsx

@@ -1,8 +1,10 @@
 import { createBrowserRouter, Navigate, type RouteObject } from 'react-router-dom'
 
 import { AppLayout } from '../components/App'
-import {MainPage} from "./MainPage/MainPage.tsx";
+import { MainPage } from "./MainPage/MainPage.tsx";
-import {NotMainPage} from "./NotMainPage/NotMainPage.tsx";
+import { NotMainPage } from "./NotMainPage/NotMainPage.tsx";
+import { DiceGamePage } from './DiceGamePage/DiceGamePage.tsx';
+
 const routes: RouteObject[] = [
   {
     path: '/',
@@ -12,6 +14,10 @@ const routes: RouteObject[] = [
     path: '/example',
     element: <NotMainPage />,
   },
+  {
+    path: '/dice',
+    element: <DiceGamePage />,
+  },
   {
     path: '*',
     element: <Navigate replace to={'/'} />,