changed class for container "container-xxl" to "container-fluid"

src/components/Dashboard/Dashboard.jsx

@@ -17,7 +17,7 @@ const Dashboard = () => {
   const { tasksCardData } = useDashboardTasksCardData();
 
   return (
-    <div className="container-xxl flex-grow-1 container-p-y">
+    <div className="container-fluid">
       <div className="row gy-4">
         {/* Projects Card */}
         <div className="col-sm-6 col-lg-4">

src/components/Employee/DemoTable.jsx

@@ -3,7 +3,7 @@ import React from "react";
 const DemoTable = () => {
   return (
     <div className="content-wrapper">
-      <div className="container-xxl flex-grow-1 container-p-y">
+      <div className="container-fluid">
         <div className="card">
           <div className="card-datatable table-responsive">
             <table className="datatables-basic table border-top">

src/components/Layout/Header.jsx

@@ -145,7 +145,7 @@ const Header = () => {
   }, [handler]);
   return (
     <nav
-      className="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
+      className="layout-navbar container-fluid mb-3  navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
       id="layout-navbar"
     >
       <div className="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">

src/pages/Activities/AttendancePage.jsx

@@ -185,7 +185,7 @@ const AttendancePage = () => {
         </div>
       )}
 
-      <div className="container-xxl flex-grow-1 container-p-y">
+      <div className="container-fluid">
         <Breadcrumb
           data={[
             { label: "Home", link: "/dashboard" },

src/pages/Activities/DailyTask.jsx

@@ -180,7 +180,7 @@ const DailyTask = () => {
         </GlobalModel>
       )}
 
-      <div className="container-xxl flex-grow-1 container-p-y">
+      <div className="container-fluid">
         <Breadcrumb
           data={[
             { label: "Home", link: "/dashboard" },

src/pages/Activities/TaskPlannng.jsx

@@ -108,7 +108,7 @@ const TaskPlannng = () => {
 
   return (
     <>
-      <div className="container-xxl flex-grow-1 container-p-y">
+      <div className="container-fluid">
         <Breadcrumb
           data={[
             { label: "Home", link: "/dashboard" },

src/pages/Directory/Directory.jsx

@@ -254,7 +254,7 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
   }, [prefernceContacts]);
 
   return (
-    <div className="container-xxl flex-grow-1 container-p-y">
+    <div className="container-fluid">
       {IsPage && (
         <Breadcrumb
           data={[

src/pages/employee/EmployeeList.jsx

@@ -305,7 +305,7 @@ const EmployeeList = () => {
         </div>
       )}
 
-      <div className="container-xxl flex-grow-1 container-p-y">
+      <div className="container-fluid">
         <Breadcrumb
           data={[
             { label: "Home", link: "/dashboard" },

src/pages/employee/EmployeeProfile.jsx

@@ -123,7 +123,7 @@ const EmployeeProfile = () => {
           </div>
         </div>
       )}
-      <div className="container-xxl flex-grow-1 container-p-y">
+      <div className="container-fluid">
         <Breadcrumb
           data={[
             { label: "Home", link: "/dashboard" },

src/pages/master/MasterPage.jsx

@@ -103,7 +103,7 @@ const MasterPage = () => {
        
       )}
 
-      <div className="container-xxl flex-grow-1 container-p-y">
+      <div className="container-fluid">
         <Breadcrumb
           data={[
             { label: "Home", link: "/dashboard" },

src/pages/project/ProjectDetails.jsx

@@ -166,7 +166,7 @@ const ProjectDetails = () => {
   return (
     <>
       {}
-      <div className="container-xxl flex-grow-1 container-p-y">
+      <div className="container-fluid">
         <Breadcrumb
           data={[
             { label: "Home", link: "/dashboard" },

src/pages/project/ProjectList.jsx

@@ -195,7 +195,7 @@ const ProjectList = () => {
         />
       </div>
 
-      <div className="container-xxl flex-grow-1 container-p-y">
+      <div className="container-fluid">
         <Breadcrumb
           data={[
             { label: "Home", link: "/dashboard" },