diff --git a/src/app/pages/dashboard/DashboardWrapper.tsx b/src/app/pages/dashboard/DashboardWrapper.tsx
index cafc1bb..5b51b99 100644
--- a/src/app/pages/dashboard/DashboardWrapper.tsx
+++ b/src/app/pages/dashboard/DashboardWrapper.tsx
@@ -1,7 +1,7 @@
-import {FC} from 'react'
-import {useIntl} from 'react-intl'
-import {toAbsoluteUrl} from '../../../_digifi/helpers'
-import {PageTitle} from '../../../_digifi/layout/core'
+import { FC } from 'react';
+import { useIntl } from 'react-intl';
+import { toAbsoluteUrl } from '../../../_digifi/helpers';
+import { PageTitle } from '../../../_digifi/layout/core';
 import {
   ListsWidget2,
   ListsWidget3,
@@ -15,116 +15,90 @@ import {
   CardsWidget20,
   ListsWidget26,
   EngageWidget10,
-} from '../../../_digifi/partials/widgets'
-import { ToolbarWrapper } from '../../../_digifi/layout/components/toolbar'
-import { Content } from '../../../_digifi/layout/components/content'
+} from '../../../_digifi/partials/widgets';
+import { ToolbarWrapper } from '../../../_digifi/layout/components/toolbar';
+import { Content } from '../../../_digifi/layout/components/content';
 
 const DashboardPage: FC = () => (
   <>
     <ToolbarWrapper />
     <Content>
-    {/* begin::Row */}
-    <div className='row g-5 g-xl-10 mb-5 mb-xl-10'>
-      {/* begin::Col */}
-      <div className='col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10'>
-        <CardsWidget20
-          className='h-md-50 mb-5 mb-xl-10'
-          description='Active Projects'
-          color='#F1416C'
-          img={toAbsoluteUrl('media/patterns/vector-1.png')}
-        />
-        <CardsWidget7
-          className='h-md-50 mb-5 mb-xl-10'
-          description='Professionals'
-          icon={false}
-          stats={357}
-          labelColor='dark'
-          textColor='gray-300'
-        />
-      </div>
-      {/* end::Col */}
+      {/* begin::Row */}
+      <div className="row g-5 g-xl-10 mb-5 mb-xl-10">
+        {/* begin::Col */}
+        <div className="col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10">
+          <CardsWidget20
+            className="h-md-50 mb-5 mb-xl-10"
+            description="Active Projects"
+            color="#F1416C"
+            img={toAbsoluteUrl('media/patterns/vector-1.png')}
+          />
+          <CardsWidget7
+            className="h-md-50 mb-5 mb-xl-10"
+            description="Professionals"
+            icon={false}
+            stats={357}
+            labelColor="dark"
+            textColor="gray-300"
+          />
+        </div>
+        {/* end::Col */}
 
-      {/* begin::Col */}
-      <div className='col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10'>
-        <CardsWidget17 className='h-md-50 mb-5 mb-xl-10' />
-        <ListsWidget26 className='h-lg-50' />
-      </div>
-      {/* end::Col */}
+        {/* begin::Col */}
+        <div className="col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10">
+          <CardsWidget17 className="h-md-50 mb-5 mb-xl-10" />
+          <ListsWidget26 className="h-lg-50" />
+        </div>
+        {/* end::Col */}
 
-      {/* begin::Col */}
-      <div className='col-xxl-6'>
-        <EngageWidget10 className='h-md-100' />
+        {/* begin::Col */}
+        <div className="col-xxl-6">
+          <EngageWidget10 className="h-md-100" />
+        </div>
+        {/* end::Col */}
       </div>
-      {/* end::Col */}
-    </div>
-    {/* end::Row */}
+      {/* end::Row */}
 
-    {/* begin::Row */}
-    <div className='row gx-5 gx-xl-10'>
-      {/* begin::Col */}
-      <div className='col-xxl-6 mb-5 mb-xl-10'>
-        {/* <app-new-charts-widget8 cssclassName="h-xl-100" chartHeight="275px" [chartHeightNumber]="275"></app-new-charts-widget8> */}
-      </div>
-      {/* end::Col */}
+      {/* begin::Row */}
+      <div className="row gx-5 gx-xl-10">
+        {/* begin::Col */}
+        <div className="col-xxl-6 mb-5 mb-xl-10">
+          {/* <app-new-charts-widget8 cssclassName="h-xl-100" chartHeight="275px" [chartHeightNumber]="275"></app-new-charts-widget8> */}
+        </div>
+        {/* end::Col */}
 
-      {/* begin::Col */}
-      <div className='col-xxl-6 mb-5 mb-xl-10'>
-        {/* <app-cards-widget18 cssclassName="h-xl-100" image="./assetsmedia/stock/600x600/img-65.jpg"></app-cards-widget18> */}
+        {/* begin::Col */}
+        <div className="col-xxl-6 mb-5 mb-xl-10">
+          {/* <app-cards-widget18 cssclassName="h-xl-100" image="./assetsmedia/stock/600x600/img-65.jpg"></app-cards-widget18> */}
+        </div>
+        {/* end::Col */}
       </div>
-      {/* end::Col */}
-    </div>
-    {/* end::Row */}
+      {/* end::Row */}
 
-    {/* begin::Row */}
-    <div className='row gy-5 gx-xl-8'>
-      <div className='col-xxl-4'>
-        <ListsWidget3 className='card-xxl-stretch mb-xl-3' />
+      {/* begin::Row */}
+      <div className="row gy-5 gx-xl-8">
+        <div className="col-xxl-4">
+          <ListsWidget3 className="card-xxl-stretch mb-xl-3" />
+        </div>
+        <div className="col-xl-8">
+          <TablesWidget10 className="card-xxl-stretch mb-5 mb-xl-8" />
+        </div>
       </div>
-      <div className='col-xl-8'>
-        <TablesWidget10 className='card-xxl-stretch mb-5 mb-xl-8' />
-      </div>
-    </div>
-    {/* end::Row */}
-
-    {/* begin::Row */}
-    <div className='row gy-5 g-xl-8'>
-      <div className='col-xl-4'>
-        <ListsWidget2 className='card-xl-stretch mb-xl-8' />
-      </div>
-      <div className='col-xl-4'>
-        <ListsWidget6 className='card-xl-stretch mb-xl-8' />
-      </div>
-      <div className='col-xl-4'>
-        <ListsWidget4 className='card-xl-stretch mb-5 mb-xl-8' items={5} />
-        {/* partials/widgets/lists/_widget-4', 'class' => 'card-xl-stretch mb-5 mb-xl-8', 'items' => '5' */}
-      </div>
-    </div>
-    {/* end::Row */}
-
-    <div className='row g-5 gx-xxl-8'>
-      <div className='col-xxl-4'>
-        <MixedWidget8
-          className='card-xxl-stretch mb-xl-3'
-          chartColor='success'
-          chartHeight='150px'
-        />
-      </div>
-      <div className='col-xxl-8'>
-        <TablesWidget5 className='card-xxl-stretch mb-5 mb-xxl-8' />
-      </div>
-    </div>
+      {/* end::Row */}
     </Content>
   </>
-)
+);
 
 const DashboardWrapper: FC = () => {
-  const intl = useIntl()
+  const intl = useIntl();
   return (
     <>
-      <PageTitle breadcrumbs={[]}>{intl.formatMessage({id: 'MENU.DASHBOARD'})}</PageTitle>
+      <PageTitle breadcrumbs={[]}>
+        {intl.formatMessage({ id: 'MENU.DASHBOARD' })}
+      </PageTitle>
       <DashboardPage />
     </>
-  )
-}
+  );
+};
 
-export {DashboardWrapper}
+export { DashboardWrapper };