add eslint

resources/js/app.tsx

@@ -1,9 +1,8 @@
 //import './bootstrap';
-import '../css/app.css';
-import App from "./pages/App";
-
-import { createRoot } from 'react-dom/client';
-import React from 'react';
+import '../css/app.css'
+import App from "./pages/App"
+import { createRoot } from 'react-dom/client'
+import React from 'react'
 import './customPrototypes'
 
 

resources/js/components/Header.tsx

@@ -1,12 +1,12 @@
-import React from "react";
-import {Link} from "react-router-dom";
-import useAuthUser from "../hooks/AuthUser";
+import React from "react"
+import {Link} from "react-router-dom"
+import useAuthUser from "../hooks/AuthUser"
 
 const Header = () => {
 
     const {authUser, logout} = useAuthUser()
 
-    return <header className="bg-blue-700 text-white py-3 px-5 text-xl flex justify-between">
+    return <header className="flex justify-between py-3 px-5 bg-blue-700 text-white text-xl">
         <div>
             <Link to="/">Bermite</Link>
         </div>

resources/js/pages/App.tsx

@@ -1,10 +1,10 @@
 import React from "react"
-import {AuthUserProvider} from "../hooks/AuthUser";
-import Router from "./Router";
+import {AuthUserProvider} from "../hooks/AuthUser"
+import Router from "./Router"
 
 const App = () => {
 
-    return <main className="dark:bg-gray-900 dark:text-white h-screen overflow-scroll">
+    return <main className="h-screen overflow-scroll dark:bg-gray-900 dark:text-white">
         <AuthUserProvider>
             <Router />
         </AuthUserProvider>

resources/js/pages/Auth/Profile.tsx

@@ -1,6 +1,6 @@
-import React from "react";
-import useAuthUser from "../../hooks/AuthUser";
-import PageLayout from "../../components/PageLayout";
+import React from "react"
+import useAuthUser from "../../hooks/AuthUser"
+import PageLayout from "../../components/PageLayout"
 
 const Profile = () => {
 
@@ -8,9 +8,9 @@ const Profile = () => {
 
     return <PageLayout>
         <div className="flex justify-between">
-            <h1 className="text-lg font-bold mb-5">Profile de l'utilisateur</h1>
+            <h1 className="mb-5 text-lg font-bold">Profile de l&apos;utilisateur</h1>
             <div>
-                <button onClick={logout} className="btn-primary text-lg font-bold">Se déconnecter</button>
+                <button type="button" onClick={logout} className="btn-primary text-lg font-bold">Se déconnecter</button>
             </div>
         </div>
         <div>

resources/js/pages/Home.tsx

@@ -1,7 +1,6 @@
 import React from "react"
-import {Link} from "react-router-dom";
-import useAuthUser from "../hooks/AuthUser";
-import Rainfall from "./Rainfall";
+import useAuthUser from "../hooks/AuthUser"
+import Rainfall from "./Rainfall"
 
 const Home = () => {
 
@@ -10,7 +9,7 @@ const Home = () => {
     return <div>
         {authUser
             ? <Rainfall />
-            : <div className="pt-10 px-5">
+            : <div className="px-5 pt-10">
                 <h1 className="text-lg font-bold">Application pour enregistrer sa pluviométrie</h1>
                 <p className="mt-5">Un compte est nécessaire mais les inscriptions ne sont pas ouvertes.</p>
             </div>

resources/js/pages/Meteo.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import PageLayout from "../components/PageLayout";
+import PageLayout from "../components/PageLayout"
 
 const Meteo = () => {
 

resources/js/pages/Router.tsx

@@ -1,8 +1,8 @@
-import React, {lazy, Suspense} from "react";
-import {BrowserRouter, Route, Routes} from "react-router-dom";
-import useAuthUser from "../hooks/AuthUser";
-import Header from "../components/Header";
-import Meteo from "./Meteo";
+import React, {lazy, Suspense} from "react"
+import {BrowserRouter, Route, Routes} from "react-router-dom"
+import useAuthUser from "../hooks/AuthUser"
+import Header from "../components/Header"
+import Meteo from "./Meteo"
 
 const ForgotPassword = lazy(() => import('./Auth/ForgotPassword'))
 const Home = lazy(() => import('./Home'))