show validation msg prperly at contact form

src/components/Directory/ManageDirectory.jsx

@@ -362,7 +362,7 @@ const ManageDirectory = ({ submitContact, onCLosed }) => {
               {buckets?.map((item) => (
                 <li
                   key={item.id}
-                  className="list-inline-item flex-shrink-0 me-6 mb-2"
+                  className="list-inline-item flex-shrink-0 me-6 mb-1"
                 >
                   <div className="form-check ">
                     <input
@@ -381,12 +381,13 @@ const ManageDirectory = ({ submitContact, onCLosed }) => {
                   </div>
                 </li>
               ))}
+            
+            </ul>
               {errors.bucketIds && (
                 <small className="danger-text mt-0">
                   {errors.bucketIds.message}
                 </small>
               )}
-            </ul>
           </div>
         </div>
 

src/components/Layout/Header.jsx

@@ -86,7 +86,7 @@ const Header = () => {
     if (projects && selectedProject !== " ") {
       dispatch(setProjectId(projects[0]?.id));
     }
-  }, [projects, selectedProject]);
+  }, [projects, ]);
   const isProjectPath = /^\/projects\/[a-f0-9-]{36}$/.test(location.pathname);
   return (
     <nav