added Breadcrumb for image gallary

src/pages/Gallary/ImageGallary.jsx

@@ -8,6 +8,7 @@ import ImagePop from "./ImagePop";
 import Avatar from "../../components/common/Avatar";
 import DateRangePicker from "../../components/common/DateRangePicker";
 import eventBus from "../../services/eventBus";
+import Breadcrumb from "../../components/common/Breadcrumb";
 
 const PAGE_SIZE = 10;
 const SCROLL_THRESHOLD = 5;
@@ -436,7 +437,13 @@ const ImageGallery = () => {
   );
 
   return (
-    <div className={`gallery-container ${isFilterPanelOpen ? "filter-panel-open-end" : ""}`}>
+    <div className={`gallery-container container-fluid ${ isFilterPanelOpen ? "filter-panel-open-end" : "" }`}>
+       <Breadcrumb
+          data={[
+            { label: "Home", link: "/" },
+            { label: "Gallary", link: null },
+          ]}
+      ></Breadcrumb>
       <div className="main-content">
         <button
           className={`filter-button btn-primary ${isFilterPanelOpen ? "closed-icon" : ""}`}

src/pages/Gallary/ImageGallery.css

@@ -1,7 +1,7 @@
 .gallery-container {
   display: grid;
   gap: 4px;
-  padding: 25px;
+  /* padding: 25px; */
   font-family: sans-serif;
   box-sizing: border-box;
   transition: grid-template-columns 0.3s ease-in-out;