From 9368d0d7b0c3f1016e20b5daaa5e14bdfbe16db8 Mon Sep 17 00:00:00 2001
From: Pierre Ferreira <p.ferreira1@outlook.fr>
Date: Wed, 8 Nov 2023 16:22:14 +0100
Subject: [PATCH 1/2]  ajout du la page du leaderboard 'endgame'
 :building_construction:

---
 cryptide_project/src/App.tsx                  |   4 ++
 .../src/Components/BigButtonNav.tsx           |  17 ++++++
 .../src/Components/ButtonImgNav.css           |  17 ++++++
 .../src/Components/PersonStatus.tsx           |  19 +++++++
 cryptide_project/src/Pages/EndGame.css        |  34 ++++++++++++
 cryptide_project/src/Pages/EndGame.tsx        |  49 ++++++++++++++++++
 cryptide_project/src/Pages/Play.tsx           |   2 +-
 cryptide_project/src/Style/Global.css         |  24 +++++++++
 cryptide_project/src/res/icon/leave.png       | Bin 0 -> 1534 bytes
 cryptide_project/src/res/icon/replay.png      | Bin 0 -> 1193 bytes
 10 files changed, 165 insertions(+), 1 deletion(-)
 create mode 100644 cryptide_project/src/Components/BigButtonNav.tsx
 create mode 100644 cryptide_project/src/Components/PersonStatus.tsx
 create mode 100644 cryptide_project/src/Pages/EndGame.css
 create mode 100644 cryptide_project/src/Pages/EndGame.tsx
 create mode 100644 cryptide_project/src/res/icon/leave.png
 create mode 100644 cryptide_project/src/res/icon/replay.png

diff --git a/cryptide_project/src/App.tsx b/cryptide_project/src/App.tsx
index a71ebf0..dbdb456 100644
--- a/cryptide_project/src/App.tsx
+++ b/cryptide_project/src/App.tsx
@@ -10,6 +10,8 @@ import SignUp from './Pages/SignUpForm';
 import Play from './Pages/Play';
 import Lobby from './Pages/Lobby';
 
+import EndGame from './Pages/EndGame';
+
 /* Component */
 import AppNavbar from './Components/NavBar';
 
@@ -62,6 +64,8 @@ function App() {
         <Route path="/signup" element={<SignUp />} />
         <Route path="/play" element={<Play/>} />
         <Route path="/lobby" element={<Lobby/>} />
+
+        <Route path="/endgame" element={<EndGame/>} />
       </Routes>
     </BrowserRouter>
   </IntlProvider>
diff --git a/cryptide_project/src/Components/BigButtonNav.tsx b/cryptide_project/src/Components/BigButtonNav.tsx
new file mode 100644
index 0000000..6f4af20
--- /dev/null
+++ b/cryptide_project/src/Components/BigButtonNav.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import './ButtonImgNav.css';
+import { FormattedMessage } from 'react-intl';
+
+//@ts-ignore
+function BigButtonNav({ dest, img}) {
+    return (
+    <Link to={dest} className="link-without-underline">
+        <button className='bigbuttonNabImg'>
+            <img src={img} alt="Button Image" height="100" width="100"/>
+        </button>
+    </Link>
+    );
+}
+
+export default BigButtonNav;
diff --git a/cryptide_project/src/Components/ButtonImgNav.css b/cryptide_project/src/Components/ButtonImgNav.css
index b0ece90..4f69b15 100644
--- a/cryptide_project/src/Components/ButtonImgNav.css
+++ b/cryptide_project/src/Components/ButtonImgNav.css
@@ -15,6 +15,23 @@
     align-items: center;
 }
 
+.bigbuttonNabImg{
+    margin: 15px 0;
+    width: auto;
+    height: 100px;
+
+    background-color: #85C9C2;
+    color: #2A4541;
+    border-radius: 15px;
+    border-width: 0;
+
+    font-size:large;
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
 .buttonNabImg p {
     color:white;
     margin-top: 15px;
diff --git a/cryptide_project/src/Components/PersonStatus.tsx b/cryptide_project/src/Components/PersonStatus.tsx
new file mode 100644
index 0000000..beb47c9
--- /dev/null
+++ b/cryptide_project/src/Components/PersonStatus.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import '../Style/Global.css'
+import Person from '../res/img/Person.png'
+import leave from '../res/img/bot.png'
+
+//@ts-ignore
+function PersonStatus({img = Person, state= leave, name = "Dummy"}) {
+    return (
+        <div className='centerDivV'>
+            <img src={img} alt="player" height="100" width="100"/>
+            <h4>{name}</h4>
+            <div className='statusDiv'>
+                <img src={state} alt="state" height="30" width="30"/>
+            </div>
+        </div>
+    );
+}
+
+export default PersonStatus;
diff --git a/cryptide_project/src/Pages/EndGame.css b/cryptide_project/src/Pages/EndGame.css
new file mode 100644
index 0000000..b6ec2f1
--- /dev/null
+++ b/cryptide_project/src/Pages/EndGame.css
@@ -0,0 +1,34 @@
+
+.head{
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+}
+
+.leaderboard-header{
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+
+    width: fit-content;
+
+    border-radius: 0px 0px 30px 30px;
+    border: solid #85C9C2;
+    border-width: 0 5px;
+
+    padding: 20px;
+}
+
+.bottom{
+    display: flex;
+    justify-content: space-around;
+}
+
+.winner{
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+}
\ No newline at end of file
diff --git a/cryptide_project/src/Pages/EndGame.tsx b/cryptide_project/src/Pages/EndGame.tsx
new file mode 100644
index 0000000..3733fa3
--- /dev/null
+++ b/cryptide_project/src/Pages/EndGame.tsx
@@ -0,0 +1,49 @@
+import React from 'react';
+import './EndGame.css';
+import '../Style/Global.css';
+import Person from '../res/img/Person.png';
+import Leave from '../res/icon/leave.png';
+import Replay from '../res/icon/replay.png';
+
+/* Component */
+import PersonStatus from '../Components/PersonStatus';
+import ButtonImgNav from '../Components/ButtonImgNav';
+import BigButtonNav from '../Components/BigButtonNav';
+
+/* nav */
+import { Link } from 'react-router-dom';
+
+/* lang */
+import { FormattedMessage } from 'react-intl';
+
+
+function EndGame() {
+    return (
+        <div>
+            <div className="head">
+                <header className='leaderboard-header'>
+                    <h1>Dummy a gagné !</h1>
+                    <h3>Le tueur était <u>Bob</u></h3>
+                </header>
+            </div>
+            <div className='winner'>
+                <img src={Person} width='300' height='300'/>
+            </div>
+            <div className='bottom'>
+                <div className='centerDivH'>
+                    <BigButtonNav dest="/play" img={Leave}/>
+                </div>
+                <div className='centerDivH'>
+                    <PersonStatus state={Replay} name="Dummy"/>
+                    <PersonStatus state={Leave} name="bot2"/>
+                    <PersonStatus state={Leave} name="bot3"/>
+                </div>
+                <div className='centerDivH'>
+                    <BigButtonNav dest="/lobby" img={Replay}/>
+                </div>
+            </div>
+        </div>
+    );
+}
+
+export default EndGame;
diff --git a/cryptide_project/src/Pages/Play.tsx b/cryptide_project/src/Pages/Play.tsx
index 4ca8821..98740c5 100644
--- a/cryptide_project/src/Pages/Play.tsx
+++ b/cryptide_project/src/Pages/Play.tsx
@@ -77,7 +77,7 @@ function Play() {
                     {/* <button className='ButtonNav'>
                         Share
                     </button> */}
-                    <ButtonImgNav dest='/' img={share}/>
+                    <ButtonImgNav dest='/endgame' img={share}/>
                 </div>
             </div>
         </div>
diff --git a/cryptide_project/src/Style/Global.css b/cryptide_project/src/Style/Global.css
index aa60a8a..42bab6c 100644
--- a/cryptide_project/src/Style/Global.css
+++ b/cryptide_project/src/Style/Global.css
@@ -1,3 +1,16 @@
+.centerDivV{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.centerDivH{
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+}
 
 .item-horizontal-div{
     display: flex;
@@ -9,6 +22,17 @@
     margin: 10px 20px;
 }
 
+.statusDiv{
+    background-color: #A7E2DC;
+    border-radius: 15px;
+
+    height: 30px;
+    width: 75px;
+
+    display: flex;
+    justify-content: center;
+}
+
 /**Form**/
 .form-container {
     /* background-color: #D7D4C6; */
diff --git a/cryptide_project/src/res/icon/leave.png b/cryptide_project/src/res/icon/leave.png
new file mode 100644
index 0000000000000000000000000000000000000000..89b9d35fc55206b78e92487b60662cb9914d7b92
GIT binary patch
literal 1534
zcmV<a1p)erP)<h;3K|Lk000e1NJLTq003kF003kN1^@s6aN?Cz00009a7bBm000XU
z000XU0RWnu7ytkTut`KgRCt{2omq$-MHGg=j4N(&1s4K}8WaiWiwbTqNz`b_h>XOD
zkBS@mAnHRD6~qO%C?PP$DEOf0i=t6{Fq%Y-h~k@?af_IlL^LK*lc;gbv=p2Rm*)1p
zUENh(OV<zQWoB-5cYRY`bxxf+7m|{al9G~=l9Jl3D}Wz?EO46u77&3ZJ?KnRwwVaD
z*@KQWX~Am&u*rjtOh6)0bR#5mB_N(D0r5<&05TtV9vBC9i){o}0`u@oQ3II`tS_<R
zSqGesABq;p#lQ}Y<>z+bBG)$^E0EcmFuI|f=J?*D1oA-*$4tGxTq-&s^9^{(a~<A)
zbU;=a0P>u}`;QLDxB(z)N$g6|0r}Ga5Y<LiT?70EYyqyS@c9G;b3kSQ+q&AB0v5L&
z$hd(K@^y{t|B`D<7fN(MRvG{@R^$3t3xujrq60F|0FdFD_prDIl<0scy<Y>yTFhv)
z2bBMS>)QzAl-%U%Ds)l>N|Zp5K;d=`7;33{A?Bs~`id3^^50%2uBBdar_yY`*HnR@
z5;c&H=1Mq3EoXO$eI=`@VTbu%Kl=#e0^lv+*NP7{Eur>rfwzGNWG`et!}mF10mxS0
zfZQyTTxRKE9|unIG~Y|TvPOIYaxU<%B^X(k?FE(rN8m<5OzP@&@<jtMvM$?Vz~O7c
zL39G-)`nqZV(RsHcSFxu)mv{I$Z-|-yG`1Y5}CE7ph71vIEImlJ!=WdNJzoO^MQRH
zz{o5@nFuBP?qVX(96;Gx14g4jTutOz!%#-#(9os=Kf?<k$4Kz5YzMvBqm7xs9*a=M
zEKl@a0nwSr|B~=|UN<!`QpP-hVjajFi8qz)lzR)>`6R&CmzO}6X>^7P5FT8RtE&Sw
z3wWeh2lAmtN2oN=UV5ZK7+DG1A@kfhAp+S@@*!XAvs|_j`pyiP@~M`F2IQ%diD^Y)
z@=FbL+?O&p*aCBTNI=dmvFC9|pU=N+pu=vFIl&ebwM`rh5T)DtgiK!SGl9;OWpJI&
z`W-k-+Oq|vPA;$$AV@~XYG5bu2k;Sa-GI;BXrQy6$+c+%ih>>-5St5vtiYxV4s)7@
z@?IN&nD9N`?bE(VC@MuLdLR!Q=%_0PTth*5qUJRoGW^_L0vR$;X6burr;HX#vfQqc
zZL2wOjimx(UIMwy!05P>Fy$qXS8Kx94ID+7@)F2oz^7=V12V%vHsc(^m3KgpS5Byv
z7@`F7Sq&hgge@<DEUgG*64;-x<t31#D`q$DDcFw>NnQX^dm+c>el}_$ToQu30J2>2
zZS$%cYg$6Mat`DK+4Go^RMT!90DN2l$hICME)+QjvOE`mIx_eBSrw1Fts+c01=1NE
z-8Znh#}49f1!r;E!2zA%fpm|KZo8+)-`-zglzdZ==hX@zi=-??9WT3MYCgFn*Zz>K
zpfXK+kQM@Y)BuEDXSk2=k+l7jW;_1?XV4-bi!8wCj!We|@AKqjtxh}ZJxHQ%49HrG
zK$JaJkXDpw+6}Y>NZD=As-}{)d+DVLsX8a(zq|&rQ|66cI#lYF=(P6=EdWxdiu52G
zbf)~w3jYu$^KiWcvd|KYjU|1EYc<<dXa5c%VjxIvl1UiqB<ooQ9L%i1R4!K3K#-)g
zHIlPb)fxN&c)ExGF-QjjpK4x9W#vZ=#I<H=)>-`ALQO3biUvrha-2>OvfsHBSBeS<
z61yr3M8(}s#xF$&WJogz`3`<5Iv|}S37ra}syw(aiV{etgy3F{Wp;k2(v_kGqIA2)
zC|Q9YiW-PcCjCB3g#dIFJ&?mC3{wV*`l<`piXI3OhAFePtWE~IRx5xYN3aJ0c?0`3
z-*qi&t*DUkXrtzP0wOx7&zHTtUa;@(vha;M_(~g~+y{II{4L*@a95u|qv@LOIxu|S
kOiM~iN=iyfN+K@(59@(a7&l%5@c;k-07*qoM6N<$f^e3xUH||9

literal 0
HcmV?d00001

diff --git a/cryptide_project/src/res/icon/replay.png b/cryptide_project/src/res/icon/replay.png
new file mode 100644
index 0000000000000000000000000000000000000000..abf114d49e5f7c5f99a87551a3136f22494182cb
GIT binary patch
literal 1193
zcmV;a1XlZrP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00009a7bBm000XU
z000XU0RWnu7ytkSTS-JgRCt{2n_GxhRTRg6>Uf!q8dOju9g9+O%qyblQz}?gG%+v2
z2sTKjr8tKACJJ6t)WqwHU5p5uin7E9@q$+<)4U)`g^Gh>cw<TiFXNF7>x1F2_jhi4
zpYMEh{;*zVhPC$o?|s(V>oSldM~)mhQb9HF7BC-J2Ydy53w#4?29^QSfpI{0GLFH(
zYXN`L6?hx?9Jm5_5##}I3|K6-GKY;oGtf)(y8*x&;C94K7n2jfG$FO*cpA7X3)=;B
zke~Mjw#w;wjzrz02B1?Z37Fwq)LdXT(Bg38e)$y`S}FogrMS@`KQXV}4NL{ECRp$_
zpb2OMCITaX=f#f{oN7I=7B~Yu4yku1&@C+jc0}BCEAS;SK8CG6z(>HJA?zFkp2abG
z$%evSPj!+#EZFS`)Bz_0Y#srg!XXxf-273X#)16`U{OGn+3hMqbOiniNx%_VtSgKJ
zE*7!B!iCY-BYyi!af{x-X@hO$JSW>WxGN$7ZNLQFq6#=}u-`1dw}Sq_qZnaNEutrG
z(W6M7p`PPbu*`R|H-PiNVc<t#JFrT!yaq{tR7N)lsKh<S860D)WT1&r0}M>zG?QSV
z;TCM-e}YcH1q}iBvUG4i0IxXIUvIbtACeK=0v-bE9X(ssTjiXFfJ0=608iwmq|s{8
zHqmGZ$vv}1fG6@BFvg;d=L}h7Eg2=ilM~u%@sv(zY^)~31bFQ}i<uTai}vr9g8V`m
z5a5aYE`^u4sMF|F$y3=7;K_HqLy96%F<hhX4rNAwCvsOjdzAFLkAYCz5hoP_3UVPr
zimM~Qi&H$U1NMsSm-<|(2sjs_6V*O@)!l%|1kCj**+TjR{0A%nx<s(^k|DxG##GCp
zB&rkqBBm1@uhFN{_ryJbzbTI}I9sFhr?}OY$38{XW$+OCOrv{wTxAz6rj}_vh0khi
zs47(~Z1*Yp*)jpgq|9v#H5wa_lBD17XzFaLB%PFi>(cMH-Pl~CA>cp~g_WAN_a_-G
zh*U@e)=$6(NfmGLDQt<^^ZU+G%dCLun$7=fqdzc26Af09EvTuLs~Q5-D3291`4p=<
z{4lbEPhIu}6kgUeAI=N&rAD2h3>Mc{8L>iRM0JKbQ#y>4e8Io2OD+zl(olA8a@-C#
zq1y1>x5)^O6AU&mzBA>UFk0Rcx|gNO9-X4r&@EP@YcIMs4!kQZFWu(9Ppk4X%iws_
z8{s`iHlG2u6`3B}m-Zy-4Ef$XLpv(YWS9=!q#AW2U^b{E1J<<x6QajuW}qr&=v^ML
zaZheVDI*ceG5!&-$on!-p+e~tX@@B<-cL$cqhzG!V{xdL1N0T1xhkQ`1iHvzRM<Jf
zq_W56E6*m>=<C-pXNtmz8kT&6GQbPK2H+nHo4zkE&PizxM%zGVX=tpIDf6)ZOK?U0
zrKZ8sxGh=o6+?kHWpgT&&H>(+q-Lzm`Mw-Ea^%R7gQ9o>Lxy%=AqKRt00000NkvXX
Hu0mjfm9!d8

literal 0
HcmV?d00001


From ced3a10f33d71d895ffc6b593133110d32b03312 Mon Sep 17 00:00:00 2001
From: Pierre Ferreira <p.ferreira1@outlook.fr>
Date: Fri, 10 Nov 2023 08:28:36 +0100
Subject: [PATCH 2/2] =?UTF-8?q?merge=20avec=20master,=20ajout=20des=20depe?=
 =?UTF-8?q?ndances=20n=C3=A9c=C3=A9ssaire=20:package:?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cryptide_project/package-lock.json            |  80 -----------
 .../src/Components/GraphContainer.tsx         |   1 +
 cryptide_project/src/Pages/InGame.tsx         |   9 ++
 cryptide_project/src/Pages/Play.tsx           |   2 +-
 cryptide_project/yarn.lock                    | 124 ++++++------------
 5 files changed, 50 insertions(+), 166 deletions(-)

diff --git a/cryptide_project/package-lock.json b/cryptide_project/package-lock.json
index 1191522..61d9d36 100644
--- a/cryptide_project/package-lock.json
+++ b/cryptide_project/package-lock.json
@@ -2411,18 +2411,6 @@
         "postcss-selector-parser": "^6.0.10"
       }
     },
-    "node_modules/@egjs/hammerjs": {
-      "version": "2.0.17",
-      "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz",
-      "integrity": "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==",
-      "peer": true,
-      "dependencies": {
-        "@types/hammerjs": "^2.0.36"
-      },
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -4009,25 +3997,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "node_modules/@testing-library/dom": {
-      "version": "9.3.3",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz",
-      "integrity": "sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==",
-      "peer": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.10.4",
-        "@babel/runtime": "^7.12.5",
-        "@types/aria-query": "^5.0.1",
-        "aria-query": "5.1.3",
-        "chalk": "^4.1.0",
-        "dom-accessibility-api": "^0.5.9",
-        "lz-string": "^1.5.0",
-        "pretty-format": "^27.0.2"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/@testing-library/jest-dom": {
       "version": "5.17.0",
       "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.17.0.tgz",
@@ -4256,12 +4225,6 @@
         "@types/node": "*"
       }
     },
-    "node_modules/@types/hammerjs": {
-      "version": "2.0.44",
-      "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.44.tgz",
-      "integrity": "sha512-pdGBkAh4ggfXAkiwgmTdROJe3mwvLWJYm6JiaAwCtskAU0Weh+JQyyMTbhvxjxD2n8sr8PrxVwyDzmpnK4pUrQ==",
-      "peer": true
-    },
     "node_modules/@types/hoist-non-react-statics": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz",
@@ -6226,12 +6189,6 @@
       "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
       "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg=="
     },
-    "node_modules/component-emitter": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
-      "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==",
-      "peer": true
-    },
     "node_modules/compressible": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
@@ -11920,12 +11877,6 @@
         "node": ">=4.0"
       }
     },
-    "node_modules/keycharm": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/keycharm/-/keycharm-0.4.0.tgz",
-      "integrity": "sha512-TyQTtsabOVv3MeOpR92sIKk/br9wxS+zGj4BG7CR8YbK4jM3tyIBaF0zhzeBUMx36/Q/iQLOKKOT+3jOQtemRQ==",
-      "peer": true
-    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -16945,20 +16896,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/vis-data": {
-      "version": "7.1.8",
-      "resolved": "https://registry.npmjs.org/vis-data/-/vis-data-7.1.8.tgz",
-      "integrity": "sha512-h/cxRDVqnpqqpTBqwUbbKIpWVovOQ+h5rbFS/kio8TUH1np98Lv9bHdWZxahJlyzBaBR9KGvwGHB00jn3MjLbQ==",
-      "peer": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/visjs"
-      },
-      "peerDependencies": {
-        "uuid": "^3.4.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
-        "vis-util": "^5.0.1"
-      }
-    },
     "node_modules/vis-network": {
       "version": "9.1.9",
       "resolved": "https://registry.npmjs.org/vis-network/-/vis-network-9.1.9.tgz",
@@ -16976,23 +16913,6 @@
         "vis-util": "^5.0.1"
       }
     },
-    "node_modules/vis-util": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/vis-util/-/vis-util-5.0.6.tgz",
-      "integrity": "sha512-HyAZ+x3q6/Xh6OFPIQOGPOPgnHL9KVNvWW6+k3aTCbAG8Tq7vncgRat6oY8ywZ7j1Fq0mOfUb6fLrFvfI9nUKg==",
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/visjs"
-      },
-      "peerDependencies": {
-        "@egjs/hammerjs": "^2.0.0",
-        "component-emitter": "^1.3.0"
-      }
-    },
     "node_modules/w3c-hr-time": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
diff --git a/cryptide_project/src/Components/GraphContainer.tsx b/cryptide_project/src/Components/GraphContainer.tsx
index a3fa075..6f85b1f 100644
--- a/cryptide_project/src/Components/GraphContainer.tsx
+++ b/cryptide_project/src/Components/GraphContainer.tsx
@@ -109,6 +109,7 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick}) => {
         
         const pers = networkPerson.getPersons().find((p) => p.getId() == params.nodes[0])
         if (pers!=undefined){
+          //@ts-ignore
           const node = nodes.get().find((n) => params.nodes[0] == n.id)
           if (node != undefined){
             var tester = IndiceTesterFactory.Create(testIndice)
diff --git a/cryptide_project/src/Pages/InGame.tsx b/cryptide_project/src/Pages/InGame.tsx
index 1c9e96b..81fa7b8 100644
--- a/cryptide_project/src/Pages/InGame.tsx
+++ b/cryptide_project/src/Pages/InGame.tsx
@@ -1,6 +1,12 @@
 import React, { useState } from 'react';
+
+/* Component */
 import GraphContainer from '../Components/GraphContainer';
 import ChoiceBar from '../Components/ChoiceBar';
+import ButtonImgNav from '../Components/ButtonImgNav';
+
+/* Icon */
+import Leave from "../res/icon/leave.png";
 
 const InGame = () => {
     const [showChoiceBar, setShowChoiceBar] = useState(false);
@@ -15,6 +21,9 @@ const InGame = () => {
         <div id="bottom-container">
             {showChoiceBar && <ChoiceBar />}
         </div>
+        <div> {/*  tmp */}
+          <ButtonImgNav dest="/endgame" img={Leave} text='endgame'/>
+        </div>
       </div>
     );
   };
diff --git a/cryptide_project/src/Pages/Play.tsx b/cryptide_project/src/Pages/Play.tsx
index 98740c5..4ca8821 100644
--- a/cryptide_project/src/Pages/Play.tsx
+++ b/cryptide_project/src/Pages/Play.tsx
@@ -77,7 +77,7 @@ function Play() {
                     {/* <button className='ButtonNav'>
                         Share
                     </button> */}
-                    <ButtonImgNav dest='/endgame' img={share}/>
+                    <ButtonImgNav dest='/' img={share}/>
                 </div>
             </div>
         </div>
diff --git a/cryptide_project/yarn.lock b/cryptide_project/yarn.lock
index 3398a62..b96b5f9 100644
--- a/cryptide_project/yarn.lock
+++ b/cryptide_project/yarn.lock
@@ -47,7 +47,7 @@
   resolved "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.2.tgz"
   integrity sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==
 
-"@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.0.0-0 || ^8.0.0-0 <8.0.0", "@babel/core@^7.1.0", "@babel/core@^7.11.0", "@babel/core@^7.11.1", "@babel/core@^7.12.0", "@babel/core@^7.12.3", "@babel/core@^7.13.0", "@babel/core@^7.16.0", "@babel/core@^7.4.0 || ^8.0.0-0 <8.0.0", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
+"@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.12.3", "@babel/core@^7.16.0", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
   version "7.23.2"
   resolved "https://registry.npmjs.org/@babel/core/-/core-7.23.2.tgz"
   integrity sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==
@@ -412,7 +412,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/plugin-syntax-flow@^7.14.5", "@babel/plugin-syntax-flow@^7.22.5":
+"@babel/plugin-syntax-flow@^7.22.5":
   version "7.22.5"
   resolved "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.22.5.tgz"
   integrity sha512-9RdCl0i+q0QExayk2nOS7853w08yLucnnPML6EN9S8fgMPVtdLDCdx/cOQ/i44Lb9UeQX9A35yaqBBOMMZxPxQ==
@@ -860,7 +860,7 @@
   dependencies:
     "@babel/plugin-transform-react-jsx" "^7.22.5"
 
-"@babel/plugin-transform-react-jsx@^7.14.9", "@babel/plugin-transform-react-jsx@^7.22.15", "@babel/plugin-transform-react-jsx@^7.22.5":
+"@babel/plugin-transform-react-jsx@^7.22.15", "@babel/plugin-transform-react-jsx@^7.22.5":
   version "7.22.15"
   resolved "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz"
   integrity sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==
@@ -1263,13 +1263,6 @@
   resolved "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz"
   integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==
 
-"@egjs/hammerjs@^2.0.0":
-  version "2.0.17"
-  resolved "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz"
-  integrity sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==
-  dependencies:
-    "@types/hammerjs" "^2.0.36"
-
 "@eslint-community/eslint-utils@^4.2.0":
   version "4.4.0"
   resolved "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz"
@@ -1377,7 +1370,7 @@
   resolved "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz"
   integrity sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA==
 
-"@fortawesome/fontawesome-svg-core@^6.4.2", "@fortawesome/fontawesome-svg-core@~1 || ~6":
+"@fortawesome/fontawesome-svg-core@^6.4.2":
   version "6.4.2"
   resolved "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.2.tgz"
   integrity sha512-gjYDSKv3TrM2sLTOKBc5rH9ckje8Wrwgx1CxAPbN5N3Fm4prfi7NsJVWd1jklp7i5uSCVwhZS5qlhMXqLrpAIg==
@@ -1764,7 +1757,7 @@
     schema-utils "^3.0.0"
     source-map "^0.7.3"
 
-"@popperjs/core@^2.11.6", "@popperjs/core@^2.11.8":
+"@popperjs/core@^2.11.6":
   version "2.11.8"
   resolved "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz"
   integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
@@ -2003,20 +1996,6 @@
     lz-string "^1.5.0"
     pretty-format "^27.0.2"
 
-"@testing-library/dom@>=7.21.4":
-  version "9.3.3"
-  resolved "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz"
-  integrity sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==
-  dependencies:
-    "@babel/code-frame" "^7.10.4"
-    "@babel/runtime" "^7.12.5"
-    "@types/aria-query" "^5.0.1"
-    aria-query "5.1.3"
-    chalk "^4.1.0"
-    dom-accessibility-api "^0.5.9"
-    lz-string "^1.5.0"
-    pretty-format "^27.0.2"
-
 "@testing-library/jest-dom@^5.17.0":
   version "5.17.0"
   resolved "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.17.0.tgz"
@@ -2063,7 +2042,7 @@
   resolved "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz"
   integrity sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==
 
-"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14", "@types/babel__core@^7.1.9":
+"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14":
   version "7.20.4"
   resolved "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.4.tgz"
   integrity sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg==
@@ -2179,11 +2158,6 @@
   dependencies:
     "@types/node" "*"
 
-"@types/hammerjs@^2.0.36":
-  version "2.0.44"
-  resolved "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.44.tgz"
-  integrity sha512-pdGBkAh4ggfXAkiwgmTdROJe3mwvLWJYm6JiaAwCtskAU0Weh+JQyyMTbhvxjxD2n8sr8PrxVwyDzmpnK4pUrQ==
-
 "@types/hoist-non-react-statics@^3.3.1":
   version "3.3.5"
   resolved "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz"
@@ -2314,7 +2288,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@>=16.14.8", "@types/react@>=16.9.11", "@types/react@16 || 17 || 18":
+"@types/react@*", "@types/react@>=16.9.11", "@types/react@16 || 17 || 18":
   version "18.2.36"
   resolved "https://registry.npmjs.org/@types/react/-/react-18.2.36.tgz"
   integrity sha512-o9XFsHYLLZ4+sb9CWUYwHqFVoG61SesydF353vFMMsQziiyRu8np4n2OYMUSDZ8XuImxDr9c5tR7gidlH29Vnw==
@@ -2424,7 +2398,7 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^4.0.0 || ^5.0.0", "@typescript-eslint/eslint-plugin@^5.5.0":
+"@typescript-eslint/eslint-plugin@^5.5.0":
   version "5.62.0"
   resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz"
   integrity sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==
@@ -2447,7 +2421,7 @@
   dependencies:
     "@typescript-eslint/utils" "5.62.0"
 
-"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.5.0":
+"@typescript-eslint/parser@^5.5.0":
   version "5.62.0"
   resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz"
   integrity sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==
@@ -2687,16 +2661,16 @@ acorn-walk@^7.1.1:
   resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz"
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
-"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^8, acorn@^8.2.4, acorn@^8.7.1, acorn@^8.8.2, acorn@^8.9.0:
-  version "8.11.2"
-  resolved "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz"
-  integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==
-
 acorn@^7.1.1:
   version "7.4.1"
   resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
+acorn@^8.2.4, acorn@^8.7.1, acorn@^8.8.2, acorn@^8.9.0:
+  version "8.11.2"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz"
+  integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==
+
 address@^1.0.1, address@^1.1.2:
   version "1.2.2"
   resolved "https://registry.npmjs.org/address/-/address-1.2.2.tgz"
@@ -2736,7 +2710,7 @@ ajv-keywords@^5.1.0:
   dependencies:
     fast-deep-equal "^3.1.3"
 
-ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5, ajv@^6.9.1:
+ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5:
   version "6.12.6"
   resolved "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -2756,7 +2730,7 @@ ajv@^8.0.0:
     require-from-string "^2.0.2"
     uri-js "^4.2.2"
 
-ajv@^8.6.0, ajv@>=8:
+ajv@^8.6.0:
   version "8.12.0"
   resolved "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz"
   integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
@@ -2766,7 +2740,7 @@ ajv@^8.6.0, ajv@>=8:
     require-from-string "^2.0.2"
     uri-js "^4.2.2"
 
-ajv@^8.8.2, ajv@^8.9.0:
+ajv@^8.9.0:
   version "8.12.0"
   resolved "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz"
   integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
@@ -3259,7 +3233,7 @@ browser-process-hrtime@^1.0.0:
   resolved "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz"
   integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
 
-browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.18.1, browserslist@^4.21.10, browserslist@^4.21.4, browserslist@^4.21.9, browserslist@^4.22.1, "browserslist@>= 4", "browserslist@>= 4.21.0", browserslist@>=4:
+browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.18.1, browserslist@^4.21.10, browserslist@^4.21.4, browserslist@^4.21.9, browserslist@^4.22.1:
   version "4.22.1"
   resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz"
   integrity sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==
@@ -3548,11 +3522,6 @@ commondir@^1.0.1:
   resolved "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz"
   integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
 
-component-emitter@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz"
-  integrity sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==
-
 compressible@~2.0.16:
   version "2.0.18"
   resolved "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz"
@@ -4616,7 +4585,7 @@ eslint-webpack-plugin@^3.1.1:
     normalize-path "^3.0.0"
     schema-utils "^4.0.0"
 
-eslint@*, "eslint@^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8", "eslint@^3 || ^4 || ^5 || ^6 || ^7 || ^8", "eslint@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0", "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^6.0.0 || ^7.0.0 || >=8.0.0", "eslint@^7.0.0 || ^8.0.0", "eslint@^7.5.0 || ^8.0.0", eslint@^8.0.0, eslint@^8.1.0, eslint@^8.3.0, "eslint@>= 6":
+eslint@^8.3.0:
   version "8.53.0"
   resolved "https://registry.npmjs.org/eslint/-/eslint-8.53.0.tgz"
   integrity sha512-N4VuiPjXDUa4xVeV/GC/RV3hQW9Nw+Y463lkWaKKXKYMvmRiRDAtfpuPFLN+E1/6ZhyR8J2ig+eVREnYgUsiag==
@@ -6197,7 +6166,7 @@ jest-resolve-dependencies@^27.5.1:
     jest-regex-util "^27.5.1"
     jest-snapshot "^27.5.1"
 
-jest-resolve@*, jest-resolve@^27.4.2, jest-resolve@^27.5.1:
+jest-resolve@^27.4.2, jest-resolve@^27.5.1:
   version "27.5.1"
   resolved "https://registry.npmjs.org/jest-resolve/-/jest-resolve-27.5.1.tgz"
   integrity sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw==
@@ -6419,7 +6388,7 @@ jest-worker@^28.0.2:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-"jest@^27.0.0 || ^28.0.0", jest@^27.4.3:
+jest@^27.4.3:
   version "27.5.1"
   resolved "https://registry.npmjs.org/jest/-/jest-27.5.1.tgz"
   integrity sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==
@@ -6571,11 +6540,6 @@ jsonpointer@^5.0.0:
     object.assign "^4.1.4"
     object.values "^1.1.6"
 
-"keycharm@^0.2.0 || ^0.3.0 || ^0.4.0":
-  version "0.4.0"
-  resolved "https://registry.npmjs.org/keycharm/-/keycharm-0.4.0.tgz"
-  integrity sha512-TyQTtsabOVv3MeOpR92sIKk/br9wxS+zGj4BG7CR8YbK4jM3tyIBaF0zhzeBUMx36/Q/iQLOKKOT+3jOQtemRQ==
-
 keyv@^4.5.3:
   version "4.5.4"
   resolved "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz"
@@ -7887,15 +7851,6 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^
   resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-"postcss@^7.0.0 || ^8.0.1", postcss@^8, postcss@^8.0.0, postcss@^8.0.3, postcss@^8.0.9, postcss@^8.1.0, postcss@^8.1.4, postcss@^8.2, postcss@^8.2.14, postcss@^8.2.15, postcss@^8.2.2, postcss@^8.3, postcss@^8.3.5, postcss@^8.4, postcss@^8.4.21, postcss@^8.4.23, postcss@^8.4.4, postcss@^8.4.6, "postcss@>= 8", postcss@>=8, postcss@>=8.0.9:
-  version "8.4.31"
-  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz"
-  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
-  dependencies:
-    nanoid "^3.3.6"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
-
 postcss@^7.0.35:
   version "7.0.39"
   resolved "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz"
@@ -7904,6 +7859,15 @@ postcss@^7.0.35:
     picocolors "^0.2.1"
     source-map "^0.6.1"
 
+postcss@^8.3.5, postcss@^8.4.21, postcss@^8.4.23, postcss@^8.4.4:
+  version "8.4.31"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz"
+  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
+  dependencies:
+    nanoid "^3.3.6"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz"
@@ -8130,7 +8094,7 @@ react-dev-utils@^12.0.1:
     strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
-react-dom@^18.0.0, react-dom@^18.2.0, react-dom@>=16.14.0, react-dom@>=16.6.0, react-dom@>=16.8:
+react-dom@^18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz"
   integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
@@ -8194,7 +8158,7 @@ react-lifecycles-compat@^3.0.4:
   resolved "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz"
   integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
 
-react-refresh@^0.11.0, "react-refresh@>=0.10.0 <1.0.0":
+react-refresh@^0.11.0:
   version "0.11.0"
   resolved "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz"
   integrity sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==
@@ -8279,7 +8243,7 @@ react-transition-group@^4.4.5:
     loose-envify "^1.4.0"
     prop-types "^15.6.2"
 
-react@*, "react@^16.6.0 || 17 || 18", "react@^16.8.0 || ^17.0.0-rc.1 || ^18.0.0", react@^18.0.0, react@^18.2.0, "react@>= 16", react@>=0.14.0, react@>=15.0.0, react@>=16.14.0, react@>=16.3, react@>=16.6.0, react@>=16.8, react@>=16.8.0:
+react@^18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
   integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
@@ -8520,7 +8484,7 @@ rollup-plugin-terser@^7.0.0:
     serialize-javascript "^4.0.0"
     terser "^5.0.0"
 
-"rollup@^1.20.0 || ^2.0.0", rollup@^1.20.0||^2.0.0, rollup@^2.0.0, rollup@^2.43.1:
+rollup@^2.43.1:
   version "2.79.1"
   resolved "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz"
   integrity sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==
@@ -9425,7 +9389,7 @@ type-fest@^0.20.2:
   resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz"
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
-type-fest@^0.21.3, "type-fest@>=0.17.0 <5.0.0":
+type-fest@^0.21.3:
   version "0.21.3"
   resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz"
   integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
@@ -9484,7 +9448,7 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
-"typescript@^3.2.1 || ^4", typescript@^5.2.2, "typescript@>= 2.7", "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta", typescript@5:
+typescript@^5.2.2:
   version "5.2.2"
   resolved "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz"
   integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==
@@ -9627,7 +9591,7 @@ utils-merge@1.0.1:
   resolved "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz"
   integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
 
-"uuid@^3.4.0 || ^7.0.0 || ^8.0.0 || ^9.0.0", uuid@^8.3.2:
+uuid@^8.3.2:
   version "8.3.2"
   resolved "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz"
   integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
@@ -9646,21 +9610,11 @@ vary@~1.1.2:
   resolved "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz"
   integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
 
-"vis-data@^6.3.0 || ^7.0.0":
-  version "7.1.8"
-  resolved "https://registry.npmjs.org/vis-data/-/vis-data-7.1.8.tgz"
-  integrity sha512-h/cxRDVqnpqqpTBqwUbbKIpWVovOQ+h5rbFS/kio8TUH1np98Lv9bHdWZxahJlyzBaBR9KGvwGHB00jn3MjLbQ==
-
 vis-network@^9.1.9:
   version "9.1.9"
   resolved "https://registry.npmjs.org/vis-network/-/vis-network-9.1.9.tgz"
   integrity sha512-Ft+hLBVyiLstVYSb69Q1OIQeh3FeUxHJn0WdFcq+BFPqs+Vq1ibMi2sb//cxgq1CP7PH4yOXnHxEH/B2VzpZYA==
 
-vis-util@^5.0.1:
-  version "5.0.6"
-  resolved "https://registry.npmjs.org/vis-util/-/vis-util-5.0.6.tgz"
-  integrity sha512-HyAZ+x3q6/Xh6OFPIQOGPOPgnHL9KVNvWW6+k3aTCbAG8Tq7vncgRat6oY8ywZ7j1Fq0mOfUb6fLrFvfI9nUKg==
-
 w3c-hr-time@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz"
@@ -9735,7 +9689,7 @@ webpack-dev-middleware@^5.3.1:
     range-parser "^1.2.1"
     schema-utils "^4.0.0"
 
-webpack-dev-server@^4.6.0, "webpack-dev-server@3.x || 4.x":
+webpack-dev-server@^4.6.0:
   version "4.15.1"
   resolved "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.15.1.tgz"
   integrity sha512-5hbAst3h3C3L8w6W4P96L5vaV0PxSmJhxZvWKYIdgxOQm8pNZ5dEOmmSLBVpP85ReeyRt6AS1QJNyo/oFFPeVA==
@@ -9800,7 +9754,7 @@ webpack-sources@^3.2.3:
   resolved "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz"
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
-"webpack@^4.0.0 || ^5.0.0", "webpack@^4.37.0 || ^5.0.0", "webpack@^4.4.0 || ^5.9.0", "webpack@^4.44.2 || ^5.47.0", webpack@^5.0.0, webpack@^5.1.0, webpack@^5.20.0, webpack@^5.64.4, "webpack@>= 4", webpack@>=2, "webpack@>=4.43.0 <6.0.0":
+webpack@^5.64.4:
   version "5.89.0"
   resolved "https://registry.npmjs.org/webpack/-/webpack-5.89.0.tgz"
   integrity sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==