feat: cleaner name select

src/main.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import {Outlet} from "react-router";
 import {createHashRouter, RouterProvider} from "react-router-dom"
-import {ListeResistants, resistantsLoader} from "./routes/ListeResistants"
+import {ListeResistants, resistantsLoader} from "./routes/Liste"
 import NotFound from "./routes/NotFound";
 import { PageResistant } from "./routes/PageResistant";
 import './style/SquareSpace/vars.css'

src/routes/Liste/index.tsx

@@ -2,8 +2,9 @@ import React from "react";
 import {Outlet, useLoaderData} from "react-router";
 import {ResistantRow} from "../ResistantRow";
 import {Resistant} from "../../Resistant";
-import {Group} from "@mantine/core";
+import {Group, TextInput} from "@mantine/core";
 import {FiltreDepartement} from "./FiltreDepartement";
+import {IconUsers} from "@tabler/icons-react";
 
 export const resistantsLoader = async () => {
     const spreadsheetId = '1GL1MBChnwNn0t8WtKK5M3PbtCJ_bTJRhoTwAI9jeWck'
@@ -29,8 +30,7 @@ export const ListeResistants = () => {
         <>
             <div id="listeResistants">
                 <Group>
-                    Nom: <input type="text" name="nom" value={nom} onChange={filtreNom}/>
-                    &nbsp;
+                    <TextInput icon={<IconUsers />} placeholder="Nom" onChange={filtreNom}/>
                     <FiltreDepartement onChange={setDepartement}/>
                 </Group>