Integrate gorgias into app

dashboard/src/App.jsx

@@ -91,7 +91,6 @@ const DashboardLayout = () => {
         </div>
         <Navigation />
         <div className="p-4 space-y-4">
-          <GorgiasOverview />
           <div className="grid grid-cols-1 xl:grid-cols-6 gap-4">
             <div className="xl:col-span-4 col-span-6">
               <div className="space-y-4 h-full w-full">
@@ -123,6 +122,9 @@ const DashboardLayout = () => {
           <div id="meta-campaigns">
             <MetaCampaigns />
           </div>
+          <div id="gorgias-overview">
+            <GorgiasOverview />
+          </div>
           <div id="calls">
             <AircallDashboard />
           </div>

dashboard/src/components/dashboard/AircallDashboard.jsx

@@ -351,7 +351,7 @@ const AircallDashboard = () => {
         <CardHeader className="p-6">
           <div className="flex justify-between items-center">
             <div>
-              <CardTitle className="text-xl font-semibold text-gray-900 dark:text-gray-100">Aircall Analytics</CardTitle>
+              <CardTitle className="text-xl font-semibold text-gray-900 dark:text-gray-100">Calls</CardTitle>
               {lastUpdated && (
                 <CardDescription className="mt-1">
                   Last updated: {new Date(lastUpdated).toLocaleString()}

dashboard/src/components/dashboard/Navigation.jsx

@@ -28,7 +28,8 @@ const Navigation = () => {
     { id: "sales", label: "Sales Chart" },
     { id: "campaigns", label: "Campaigns" },
     { id: "meta-campaigns", label: "Meta Ads" },
-    { id: "calls", label: "Aircall" },
+    { id: "gorgias-overview", label: "Customer Service" },
+    { id: "calls", label: "Calls" },
   ];
 
   const sortSections = (sections) => {