Added empty component to the dashboard

src/components/Dashboards/AccountDashboard.jsx

@@ -0,0 +1,15 @@
+import React from 'react'
+
+const AccountDashboard = ({className}) => {
+  return (
+    <div className={`w-full min-h-[400px] md:grid grid-cols-2 lg:p-8 p-4 justify-between items-center gap-2 rounded-2xl overflow-hidden ${
+        className || ""
+      }`}>
+      <div className="w-full h-full flex items-center justify-center text-5xl text-center">
+        Account Dashboard
+      </div>
+    </div>
+  )
+}
+
+export default AccountDashboard

src/components/Dashboards/index.js

@@ -2,10 +2,12 @@ import FamilyParentDashboard from "./FamilyParentDashboard";
 import HomeDashboard from "./HomeDashboard";
 import JobOwnerDashboard from "./JobOwnerDashboard";
 import WorkerDashboard from "./WorkerDashboard";
+import AccountDashboard from "./AccountDashboard";
 
 export {
   FamilyParentDashboard,
   HomeDashboard,
   JobOwnerDashboard,
   WorkerDashboard,
+  AccountDashboard
 };