feat(candidate): add pictogram on the no organism page and improve wording and style

Author: cedricss

packages/reva-candidate/src/app/(project)/(accompagne)/set-organism/page.tsx

@@ -14,6 +14,7 @@ import { useCandidacy } from "@/components/candidacy/candidacy.context";
 import { SearchBar } from "@/components/legacy/molecules/SearchBar/SearchBar";
 import { OrganismCard } from "@/components/legacy/organisms/OrganismCard/OrganismCard";
 import { OrganismFilters } from "@/components/legacy/organisms/OrganismFilters/OrganismFilters";
+import { PICTOGRAMS } from "@/components/pictograms/Pictograms";
 
 import { useSetOrganism } from "./set-organism.hooks";
 import { graphqlErrorToast } from "@/components/toast/toast";
@@ -161,12 +162,15 @@ export default function SetOrganism() {
                     : `Résultats filtrés : ${organisms.totalRows} accompagnateurs`}
                 </p>
               ) : (
-                <div className="min-h-80 h-full flex flex-col items-center justify-center">
-                  <h3 className="text-2xl font-bold mb-4">Pas de résultats</h3>
-                  <p className="text-lg max-w-md text-center leading-relaxed">
-                    Nous ne trouvons pas d’accompagnateurs sur votre diplôme
-                    avec les critères sélectionnés.
-                  </p>
+                <div className="min-h-80 h-full flex flex-col items-center">
+                  <div className="my-12">{PICTOGRAMS.searchLG}</div>
+                  <h3>Aucun résultat trouvé</h3>
+                  <div className="max-w-md [&_p]:text-lg  text-center text-balance leading-relaxed">
+                    <p>
+                      Nous ne trouvons pas d’accompagnateurs qui correspondent
+                      aux critères sélectionnés.
+                    </p>
+                  </div>
                 </div>
               )}
             </>

packages/reva-candidate/src/components/pictograms/Pictograms.tsx

@@ -113,6 +113,7 @@ export const PICTOGRAMS = {
   internet: generateSvg(internet),
   mailSend: generateSvg(mailSend),
   search: generateSvg(search),
+  searchLG: generateSvg(search, { width: 98, height: 98 }),
   contract: generateSvg(contract),
   documentDownload: generateSvg(documentDownload),
   documentSignature: generateSvg(documentSignature),