fix franglish and small court

front/assets/court/half_court.svg

@@ -1,5 +1,4 @@
 <svg width="269" height="309" viewBox="0 0 269 309" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect y="254" width="250" height="269" transform="rotate(-90 0 254)" fill="#D9D9D9"/>
 <line x1="24" y1="236" x2="24" y2="26" stroke="black" stroke-width="2"/>
 <line x1="248" y1="25" x2="248" y2="236" stroke="black" stroke-width="2"/>
 <line x1="249" y1="237" x2="23" y2="237" stroke="black" stroke-width="2"/>

front/components/editor/SavingState.tsx

@@ -6,19 +6,19 @@ export interface SaveState {
 export class SaveStates {
     static readonly Guest: SaveState = {
         className: "save-state-guest",
-        message: "you are not connected, your changes will not be saved.",
+        message: "vous n'etes pas connectés, les changements seront sauvegardés sur votre navigateur.",
     }
     static readonly Ok: SaveState = {
         className: "save-state-ok",
-        message: "saved",
+        message: "sauvegardé",
     }
     static readonly Saving: SaveState = {
         className: "save-state-saving",
-        message: "saving...",
+        message: "sauvegarde...",
     }
     static readonly Err: SaveState = {
         className: "save-state-error",
-        message: "could not save tactic.",
+        message: "erreur lors de la sauvegarde.",
     }
 }
 

front/style/editor.css

@@ -47,6 +47,8 @@
     height: 100%;
 }
 
+
+
 #allies-rack,
 #opponent-rack {
     width: 125px;
@@ -95,8 +97,7 @@
 #court-image-div {
     position: relative;
     background-color: white;
-    height: 100%;
+    height: 80vh;
-    width: 100%;
 }
 
 .court-container {

front/style/new_tactic_panel.css

@@ -104,19 +104,8 @@
     background-color: var(--second-color);
 }
 
-.court-kind-button-name,
+.court-kind-button-name {
-.court-kind-button-details {
     user-select: none;
     font-family: var(--text-main-font);
 }
 
-.court-kind-button-details {
-    position: absolute;
-    z-index: -1;
-    top: 0;
-    transition: top 1s;
-}
-
-.court-kind-button:hover .court-kind-button-details {
-    top: -20px;
-}

front/views/NewTacticPanel.tsx

@@ -9,19 +9,17 @@ export default function NewTacticPanel() {
     return (
         <div id={"panel-root"}>
             <div id={"panel-top"}>
-                <p>Select a basket court</p>
+                <p>Selectionnez un terrain</p>
             </div>
             <div id={"panel-choices"}>
                 <div id={"panel-buttons"}>
                     <CourtKindButton
-                        name="Plain"
+                        name="Terrain complet"
-                        details="Select a plain basketball court"
                         image={plainCourt}
                         redirect="/tactic/new/plain"
                     />
                     <CourtKindButton
-                        name="Half"
+                        name="Demi-terrain"
-                        details="Select half a basketball court"
                         image={halfCourt}
                         redirect="/tactic/new/half"
                     />
@@ -34,19 +32,16 @@ export default function NewTacticPanel() {
 function CourtKindButton({
     name,
     image,
-    details,
     redirect,
 }: {
     name: string
     image: string
-    details: string
     redirect: string
 }) {
     return (
         <div
             className="court-kind-button"
             onClick={() => (location.href = BASE + redirect)}>
-            <div className="court-kind-button-details">{details}</div>
             <div className="court-kind-button-top">
                 <div className="court-kind-button-image-div">
                     <img