added refresh button

src/components/Directory/ManageBucket.jsx

@@ -16,7 +16,7 @@ import ConfirmModal from "../common/ConfirmModal";
 const ManageBucket = () => {
   const [bucketList, setBucketList] = useState([]);
   const { employeesList } = useAllEmployees(false);
-  const { buckets, loading } = useBuckets();
+  const { buckets, loading,refetch } = useBuckets();
   const [action_bucket, setAction_bucket] = useState(false);
   const [isSubmitting, setSubmitting] = useState(false);
   const [selected_bucket, select_bucket] = useState(null);
@@ -166,14 +166,20 @@ const ManageBucket = () => {
               onClick={handleBack}
             ></i>
           ) : (
-            <div>
+            <div className="d-flex align-items-center gap-2">
               <input
                 type="search"
                 className="form-control form-control-sm"
                 placeholder="Search Bucket ..."
                 value={searchTerm}
                 onChange={(e) => setSearchTerm(e.target.value)}
-              />
+                />
+                   <i
+            className={`bx bx-refresh cursor-pointer fs-4 ${loading  ? "spin" : ""
+              }`}
+            title="Refresh"
+            onClick={() => rrefetch()}
+          />
             </div>
           )}