add monthly rainfalls

resources/js/pages/Home.tsx

@@ -1,6 +1,7 @@
 import React from "react"
 import useAuthUser from "../hooks/AuthUser"
-import Rainfall from "./Rainfall"
+import YearRainfall from "../components/rainfall/YearRainfaill"
+import PageLayout from "../components/PageLayout"
 
 const Home = () => {
 
@@ -8,7 +9,9 @@ const Home = () => {
 
     return <div>
         {authUser
-            ? <Rainfall />
+            ? <PageLayout>
+                <YearRainfall />
+            </PageLayout>
             : <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>