Implement first removal

dev-front/src/mech/squad/Member.tsx

@@ -2,7 +2,13 @@ import React from 'react';
 import logo from '../../logo.svg';
 import Mech from '../../Mech';
 
-function Member({mech} : Record<'mech', Mech>) {
+type MemberProps = {
+    mech: Mech;
+    remover: (index: number) => void;
+    index: number;
+};
+
+function Member({mech, remover, index} : MemberProps) {
     return (
         <div className='mech-member'>
             <h3>{mech.name}</h3>
@@ -13,7 +19,7 @@ function Member({mech} : Record<'mech', Mech>) {
                     <li>Health : {mech.health}</li>
                 </ul>
             </div>
-            <button>Remove</button>
+            <button onClick={event => remover(index)}>Remove</button>
         </div>
     )
 }

dev-front/src/mech/squad/Squad.tsx

@@ -3,19 +3,35 @@ import Member from './Member';
 import logo from '../../logo.svg';
 import Mech from '../../Mech';
 
+function instead<T>(array: T[], index: number, newItem: T): T[] {
+    return array.map((item, i) => {
+        if (i === index) {
+            return newItem;
+        } else {
+            return item;
+        }
+    });
+}
+
+
 function Squad() {
 
     const it1: Mech = {id: 1, name: 'HelloType', kind: 'K1', health: 3};
     const it2: Mech = {id: 2, name: 'Giant Mech', kind: 'K1', health: 3};
     const it3: Mech = {id: 3, name: 'Techno-prop', kind: 'K1', health: 4};
+    const placeHolder: Mech = {id: -1, name: 'Empty slot', kind: '_', health: 0};
     const [squadMechs, setSquadMechs] = useState([it1, it2, it3]);
 
+    function removeFromSquad(index: number) {
+        setSquadMechs(instead(squadMechs, index, placeHolder));
+    }
+
     return (
         <article className='custom-squad'>
             <h2>Custom squad</h2>
             <div className='mech-members'>
-                {squadMechs.map(m => (
-                    <Member mech={m}/>
+                {squadMechs.map((m, index) => (
+                    <Member mech={m} remover={removeFromSquad} index={index}/>
                 ))}
             </div>
             <div className='squad-description'>