fix: solve various lint warnings

components/BlogBlocks.tsx

@@ -88,7 +88,9 @@ export function BlogPost(
 function NewsTags({ tags }: Pick<BlogProps, 'tags'>) {
 	return (
 		<div class='components__blog_block__tags'>
-			{tags ? tags.map((tag) => <span>{tag}</span>) : <span>Aucun tag</span>}
+			{tags
+				? tags.map((tag, index) => <span key={index}>{tag}</span>)
+				: <span>Aucun tag</span>}
 		</div>
 	)
 }
@@ -116,7 +118,7 @@ function NewsLinks({ links }: Pick<BlogProps['options'], 'links'>) {
 			{links
 				? links.flatMap(Object.entries).map((
 					[name, link],
-				) => <a href={link} target='_blank' title={name}>{name}</a>)
+				) => <a href={link} key={link} target='_blank' title={name}>{name}</a>)
 				: <span>Aucun lien rapide</span>}
 		</div>
 	)

components/Header.tsx

@@ -57,7 +57,7 @@ export function Header() {
 				<SearchBox />
 				<MoreBox>
 					<ThemePicker />
-					<a href='/profil' title={'Accéder à mon compte'}>
+					<a href='/profil' title='Accéder à mon compte'>
 						<i class='ri-user-line'></i>
 					</a>
 					<AiChatBox />

components/MachineCard.tsx

@@ -21,7 +21,7 @@ export function MachineCard(
 				<span>{name}</span>
 			</h3>
 			<div class='components__machine_card__tags'>
-				{tags.map((tag) => <span>{tag}</span>)}
+				{tags.map((tag, index) => <span key={index}>{tag}</span>)}
 			</div>
 			<div class='components__machine_card__footer'>
 				<a href={`/machines/${id}`}>Infos</a>

components/MemberCard.tsx

@@ -16,7 +16,7 @@ export function MemberCard(
 					<a href={`/membres/${id}`}>{name}</a>
 				</h3>
 				<div class='components__member_card__groups'>
-					{groups.map((group) => <span>{group}</span>)}
+					{groups.map((group, index) => <span key={index}>{group}</span>)}
 				</div>
 			</div>
 		</div>

components/ProjectCard.tsx

@@ -25,7 +25,7 @@ export function ProjectCard(
 					{toStateSpan(state)}
 				</div>
 				<div class='components__project_card__tags'>
-					{tags.map((tag) => <span>{tag}</span>)}
+					{tags.map((tag, index) => <span key={index}>{tag}</span>)}
 				</div>
 				<div class='components__project_card__summary'>
 					{`${summary.slice(0, 150)} ...`}

components/SponsorCards.tsx

@@ -17,7 +17,7 @@ function SponsorCard(
 			<Picture
 				src={asset(src)}
 				alt={alt}
-				loading={'lazy'}
+				loading='lazy'
 				formats={['avif']}
 			/>
 		</a>

islands/AiChatBox.tsx

@@ -86,9 +86,10 @@ export default function AiChatBox() {
 	return (
 		<>
 			<button
+				type='button'
 				class='islands__ai_chat_box__button'
 				onClick={() => dialog.current?.showModal()}
-				title={'Ouvrir la chat box IA'}
+				title='Ouvrir la chat box IA'
 			>
 				<i class='ri-bard-line'></i>
 			</button>
@@ -104,7 +105,7 @@ export default function AiChatBox() {
 						autoFocus
 						autoComplete='off'
 					/>
-					<button>
+					<button type='button'>
 						<i class='ri-send-plane-2-line'></i>
 					</button>
 				</form>

islands/MoreBox.tsx

@@ -15,9 +15,10 @@ export default function MoreBox({ children }: { children: VNode | VNode[] }) {
 	return (
 		<>
 			<button
+				type='button'
 				class='islands__more_box__button'
 				onClick={() => dialog.current?.showModal()}
-				title={"Afficher plus d'options"}
+				title="Afficher plus d'options"
 			>
 				<i class='ri-more-2-line'></i>
 			</button>

islands/SearchBox.tsx

@@ -14,9 +14,10 @@ export default function SearchBox() {
 	return (
 		<>
 			<button
+				type='button'
 				class='islands__search_box__button'
 				onClick={() => dialog.current?.showModal()}
-				title={'Ouvrir la recherche'}
+				title='Ouvrir la recherche'
 			>
 				<i class='ri-search-line'></i>
 				<span>&nbsp;Rechercher</span>

islands/ThemePicker.tsx

@@ -39,7 +39,7 @@ export default function ThemePicker() {
 	})
 
 	return (
-		<label class='islands__theme_picker' title={'Sélectionner un thème'}>
+		<label class='islands__theme_picker' title='Sélectionner un thème'>
 			<span>{themeIcon}</span>
 			<select
 				value={theme}

routes/membres/index.tsx

@@ -10,8 +10,8 @@ export default function Membres() {
 				<AutoGrid columnWidth='15rem'>
 					<MemberCardList
 						filters={[['group', 'user.admin']]}
-						usePlaceholder={true}
+						usePlaceholder
-						useObserver={true}
+						useObserver
 					/>
 				</AutoGrid>
 			</section>
@@ -20,8 +20,8 @@ export default function Membres() {
 				<AutoGrid columnWidth='15rem'>
 					<MemberCardList
 						filters={[['group', 'user.member']]}
-						usePlaceholder={true}
+						usePlaceholder
-						useObserver={true}
+						useObserver
 					/>
 				</AutoGrid>
 			</section>