Dudo: translate rules to French

game/package.json

@@ -18,8 +18,8 @@
     "test": "pnpm vitest run src"
   },
   "dependencies": {
-    "@lefun/core": "1.4.0",
-    "@lefun/game": "1.4.0",
+    "@lefun/core": "1.5.0",
+    "@lefun/game": "1.5.0",
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {

ui/package.json

@@ -26,11 +26,11 @@
   },
   "devDependencies": {
     "@babel/preset-react": "^7.24.7",
-    "@lefun/core": "^1.4.0",
-    "@lefun/dev-server": "^1.4.0",
-    "@lefun/game": "^1.4.0",
-    "@lefun/ui": "^1.4.0",
-    "@lefun/ui-testing": "^1.4.0",
+    "@lefun/core": "^1.5.0",
+    "@lefun/dev-server": "^1.5.0",
+    "@lefun/game": "^1.5.0",
+    "@lefun/ui": "^1.5.0",
+    "@lefun/ui-testing": "^1.5.0",
     "@lingui/cli": "^4.11.1",
     "@lingui/conf": "^4.11.1",
     "@lingui/macro": "^4.11.1",

ui/src/Board.tsx

@@ -31,27 +31,13 @@ import {
 } from "dudo-game";
 
 import { Die } from "./Die";
+import { useFonts } from "./hooks";
 import {
   iAmAliveSelector,
   iHaveRolledSelector,
   itsMyTurnSelector,
 } from "./selectors";
 
-const useSetFont = () => {
-  // Add the google font. This is a bit hacky but we have no other way to control the
-  // "outer" HTML.
-  useEffect(() => {
-    const parent = document.getElementsByTagName("head")[0];
-    parent.insertAdjacentHTML(
-      "beforeend",
-      `
-      <link rel="preconnect" href="https://fonts.gstatic.com">
-      <link href="https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap" rel="stylesheet">
-      `,
-    );
-  }, []);
-};
-
 type PlayerColor = {
   text: string;
   bg: string;
@@ -867,7 +853,7 @@ const Header = () => {
 };
 
 const Board = () => {
-  useSetFont();
+  useFonts();
 
   const playerOrder = useSelectorShallow((state) => {
     return state.board.playerOrder;