Rename summary component and move it to the dashboard

app/dashboard/expenses/page.tsx

@@ -1,7 +1,6 @@
 /* Copyright (C) 2024 Manuel Bustillo*/
 
 import { lusitana } from '@/app/ui/fonts';
-import ExpenseSummary from '@/app/ui/expenses/summary';
 import ExpensesTable from '@/app/ui/expenses/table';
  
 export default  function Page () {
@@ -10,7 +9,6 @@ export default  function Page () {
       <div className="w-full items-center justify-between">
         <h1 className={`${lusitana.className} text-2xl`}>Expenses</h1>
         <h2 className={`${lusitana.className} text-xl`}>Summary</h2>
-        <ExpenseSummary />
         <ExpensesTable />
       </div>
     </div>

app/dashboard/page.tsx

@@ -1,5 +1,9 @@
 /* Copyright (C) 2024 Manuel Bustillo*/
 
+import GlobalSummary from '@/app/ui/dashboard/global-summary';
+
 export default function Page() {
-  return <p>Dashboard Page</p>;
+  return(
+    <GlobalSummary />
+  );
 }

app/ui/dashboard/global-summary.tsx

@@ -2,7 +2,7 @@
 
 import { MainCard, SecondaryCard } from '../components/dashboard-cards';
 
-export default async function ExpenseSummary() {
+export default async function GlobalSummary() {
     return (
         <div className="my-4">