fix error for validator

client/src/components/NewMessage.tsx

@@ -36,10 +36,10 @@ const NewMessage = () => {
       >
         <div className="file">
           <label htmlFor="image" className="cursor-pointer block p-2">
-            <div className="rounded-full text-grey-dark bg-red-light text-lg p-2">
+            <span className="rounded-full text-grey-dark bg-red-light text-lg p-2 block">
               <FaPlus className="" />
-            </div>
-            <p className="sr-only">Ajouter une image</p>
+            </span>
+            <span className="sr-only">Ajouter une image</span>
           </label>
           <input
             type="file"
@@ -47,7 +47,7 @@ const NewMessage = () => {
             id="image"
             accept="image/*"
             className="hidden"
-            value={image}
+            {...(image !== '' && { value: image })}
             onChange={(e) => setImage(e.target.value)}
           />
         </div>

client/src/components/ScrollToBottom.tsx

@@ -40,9 +40,9 @@ const ScrollToBottom = ({ children, className = '' }: { children: ReactNode; cla
         className={'absolute right-3 ' + (show ? 'animate-show bottom-3 block' : 'animate-hide hidden bottom-0 -mb-10')}
         value="Scroll to bottom"
       >
-        <div className="popup-btn cursor-pointer rounded-full shadow-lg shadow-slate-900 bg-grey-dark hover:bg-grey-light transition-all">
+        <span className="popup-btn block cursor-pointer rounded-full shadow-lg shadow-slate-900 bg-grey-dark hover:bg-grey-light transition-all">
           <FaChevronDown className="fill-grey-light hover:fill-grey-dark transition-all text-xl w-10 h-10 p-2.5" />
-        </div>
+        </span>
       </button>
     </>
   );