Fixed Ttitles

app/dashboard/approve/page.tsx

@@ -1,13 +1,15 @@
 // This ensures this component is rendered only on the client side
 'use client';
 
+import Typography from '@mui/material/Typography';
 import React from 'react';
 
 export default function ApprovePage() {
   return (
     <div>
-      {/* This page will now be rendered on the client-side */}
-      <h1>Approve</h1>
+    <Typography variant="h4" gutterBottom>
+        Approve Overview
+      </Typography>
     </div>
   );
 }

app/dashboard/investigate/page.tsx

@@ -1,13 +1,15 @@
 // This ensures this component is rendered only on the client side
 'use client';
 
+import Typography from '@mui/material/Typography';
 import React from 'react';
 
 export default function InvestigatePage() {
   return (
-    <div>
-      {/* This page will now be rendered on the client-side */}
-      <h1>Investigate</h1>
+   <div>
+    <Typography variant="h4" gutterBottom>
+      Investigate Overview
+      </Typography>
     </div>
   );
 }

app/dashboard/page.tsx

@@ -9,7 +9,6 @@ const DashboardPage = () => {
       <Typography variant="h4" gutterBottom>
         Dashboard Overview
       </Typography>
-      {/* Add your dashboard content here */}
   </div>
   );
 };

app/dashboard/transactions/page.tsx

@@ -1,13 +1,15 @@
 // This ensures this component is rendered only on the client side
 'use client';
 
+import Typography from '@mui/material/Typography';
 import React from 'react';
 
 export default function TransactionPage() {
   return (
-    <div>
-      {/* This page will now be rendered on the client-side */}
-      <h1>Transactions</h1>
+   <div>
+    <Typography variant="h4" gutterBottom>
+        Transaction Overview
+      </Typography>
     </div>
   );
 }