Move expand icon to the right of panel titles

components/dashboard/Campaigns.tsx

@@ -125,6 +125,9 @@ export default function Campaigns({ siteId, dateRange, filters, onFilter }: Camp
       <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-6 h-full flex flex-col">
         <div className="flex items-center justify-between mb-4">
           <div className="flex items-center gap-2">
+            <h3 className="text-lg font-semibold text-neutral-900 dark:text-white">
+              Campaigns
+            </h3>
             {showViewAll && (
               <button
                 onClick={() => setIsModalOpen(true)}
@@ -134,9 +137,6 @@ export default function Campaigns({ siteId, dateRange, filters, onFilter }: Camp
                 <FrameCornersIcon className="w-4 h-4" weight="bold" />
               </button>
             )}
-            <h3 className="text-lg font-semibold text-neutral-900 dark:text-white">
-              Campaigns
-            </h3>
           </div>
           <button
             onClick={() => setIsBuilderOpen(true)}

components/dashboard/ContentStats.tsx

@@ -99,6 +99,9 @@ export default function ContentStats({ topPages, entryPages, exitPages, domain,
       <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-6 h-full flex flex-col">
         <div className="flex items-center justify-between mb-6">
           <div className="flex items-center gap-2">
+            <h3 className="text-lg font-semibold text-neutral-900 dark:text-white">
+              Pages
+            </h3>
             {showViewAll && (
               <button
                 onClick={() => setIsModalOpen(true)}
@@ -108,9 +111,6 @@ export default function ContentStats({ topPages, entryPages, exitPages, domain,
                 <FrameCornersIcon className="w-4 h-4" weight="bold" />
               </button>
             )}
-            <h3 className="text-lg font-semibold text-neutral-900 dark:text-white">
-              Pages
-            </h3>
           </div>
           <div className="flex gap-1" role="tablist" aria-label="Pages view tabs" onKeyDown={handleTabKeyDown}>
             {(['top_pages', 'entry_pages', 'exit_pages'] as Tab[]).map((tab) => (

components/dashboard/Locations.tsx

@@ -203,6 +203,9 @@ export default function Locations({ countries, cities, regions, geoDataLevel = '
       <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-6 h-full flex flex-col">
         <div className="flex items-center justify-between mb-6">
           <div className="flex items-center gap-2">
+            <h3 className="text-lg font-semibold text-neutral-900 dark:text-white">
+              Locations
+            </h3>
             {showViewAll && (
               <button
                 onClick={() => setIsModalOpen(true)}
@@ -212,9 +215,6 @@ export default function Locations({ countries, cities, regions, geoDataLevel = '
                 <FrameCornersIcon className="w-4 h-4" weight="bold" />
               </button>
             )}
-            <h3 className="text-lg font-semibold text-neutral-900 dark:text-white">
-              Locations
-            </h3>
           </div>
           <div className="flex gap-1" role="tablist" aria-label="Location view tabs" onKeyDown={handleTabKeyDown}>
             {(['map', 'globe', 'countries', 'regions', 'cities'] as Tab[]).map((tab) => (

components/dashboard/TechSpecs.tsx

@@ -129,6 +129,9 @@ export default function TechSpecs({ browsers, os, devices, screenResolutions, co
       <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-6 h-full flex flex-col">
         <div className="flex items-center justify-between mb-6">
           <div className="flex items-center gap-2">
+            <h3 className="text-lg font-semibold text-neutral-900 dark:text-white">
+              Technology
+            </h3>
             {showViewAll && (
               <button
                 onClick={() => setIsModalOpen(true)}
@@ -138,9 +141,6 @@ export default function TechSpecs({ browsers, os, devices, screenResolutions, co
                 <FrameCornersIcon className="w-4 h-4" weight="bold" />
               </button>
             )}
-            <h3 className="text-lg font-semibold text-neutral-900 dark:text-white">
-              Technology
-            </h3>
           </div>
           <div className="flex gap-1" role="tablist" aria-label="Technology view tabs" onKeyDown={handleTabKeyDown}>
             {(['browsers', 'os', 'devices', 'screens'] as Tab[]).map((tab) => (

components/dashboard/TopReferrers.tsx

@@ -87,6 +87,9 @@ export default function TopReferrers({ referrers, collectReferrers = true, siteI
       <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-6 h-full flex flex-col">
         <div className="flex items-center justify-between mb-4">
           <div className="flex items-center gap-2">
+            <h3 className="text-lg font-semibold text-neutral-900 dark:text-white">
+              Referrers
+            </h3>
             {showViewAll && (
               <button
                 onClick={() => setIsModalOpen(true)}
@@ -96,9 +99,6 @@ export default function TopReferrers({ referrers, collectReferrers = true, siteI
                 <FrameCornersIcon className="w-4 h-4" weight="bold" />
               </button>
             )}
-            <h3 className="text-lg font-semibold text-neutral-900 dark:text-white">
-              Referrers
-            </h3>
           </div>
         </div>