added cosmetic changes

src/components/Project/AboutProject.jsx

@@ -71,8 +71,8 @@ const AboutProject = ({ data }) => {
       </div>
       {data && (
         <div className="card mb-6">
-          <div class="card-header text-start">
-            <h6 class="card-action-title mb-0">
+          <div className="card-header text-start">
+            <h6 className="card-action-title mb-0">
               {" "}
               <i className="fa fa-building rounded-circle text-primary"></i>
               <span className="ms-2">Project Profile</span>

src/data/menuData.json

@@ -50,7 +50,7 @@
                     {
                         "text": "Daily Expenses",
                         "available": true,
-                        "link": "/activities/gallary"
+                        "link": "/activities/reports"
                     }
                 ]
             },

src/pages/Gallary/ImageGallary.jsx

@@ -366,7 +366,7 @@ const ImageGallery = () => {
 
   const renderFilterCategory = (label, items, type) => (
     <div className={`dropdown my-2 ${collapsedFilters[type] ? "collapsed" : ""}`}>
-      <div className="dropdown-header" onClick={() => toggleCollapse(type)}>
+      <div className="dropdown-header bg-label-primary" onClick={() => toggleCollapse(type)}>
         <strong>{label}</strong>
         <div className="header-controls">
           {type === "dateRange" && (selectedFilters.startDate || selectedFilters.endDate) && (

src/pages/Gallary/ImageGallery.css

@@ -194,9 +194,6 @@
   transition: background 0.2s;
 }
 
-.dropdown-content label:hover {
-  background-color: #eef2ff;
-}
 
 .dropdown-content input[type="checkbox"] {
   -webkit-appearance: none;