fix tyscript issue

app/panel/alerts/page.tsx

@@ -3,7 +3,7 @@ import { DashboardCard } from "@/components/panel/dashboard/DashboardCard/Dashbo
 export default function Page() {
   return (
     <div style={{ padding: "1rem" }}>
-      <DashboardCard title="Alerts" subtitle="Coming soon">
+      <DashboardCard title="Alerts" description="Coming soon">
         Your alerts center will appear here.
       </DashboardCard>
     </div>

app/panel/modules/page.tsx

+import { Suspense } from "react";
 import { ModulesPage } from "@/components/panel/modules/ModulesPage/ModulesPage";
 
 export default function Page() {
-  return <ModulesPage />;
+  return (
+    <Suspense fallback={<div>Loading modules...</div>}>
+      <ModulesPage />
+    </Suspense>
+  );
 }
 

app/panel/profile/page.tsx

@@ -3,7 +3,7 @@ import { DashboardCard } from "@/components/panel/dashboard/DashboardCard/Dashbo
 export default function Page() {
   return (
     <div style={{ padding: "1rem" }}>
-      <DashboardCard title="Profile" subtitle="Coming soon">
+      <DashboardCard title="Profile" description="Coming soon">
         Your profile page will appear here.
       </DashboardCard>
     </div>

components/panel/audits/AuditsDashboard/AuditsDashboard.tsx

@@ -46,7 +46,7 @@ export function AuditsDashboard() {
       </section>
 
       <section className="maf-auditDash__grid" aria-label="Audits dashboard content">
-        <DashboardCard title="Audit Dashboard Progress" subtitle="Completed vs incomplete">
+        <DashboardCard title="Audit Dashboard Progress" description="Completed vs incomplete">
           <DashboardTrendChart
             title="Audit Dashboard Progress"
             labels={months}
@@ -57,7 +57,7 @@ export function AuditsDashboard() {
           />
         </DashboardCard>
 
-        <DashboardCard title="Upcoming audits" subtitle="Next scheduled">
+        <DashboardCard title="Upcoming audits" description="Next scheduled">
           <div className="maf-auditDash__table" role="table" aria-label="Upcoming audits table">
             <div className="maf-auditDash__thead" role="row">
               <div role="columnheader">Audit</div>

components/panel/checklist/ChecklistDashboard/ChecklistDashboard.tsx

@@ -48,7 +48,7 @@ export function ChecklistDashboard() {
       </section>
 
       <section className="maf-checkDash__grid" aria-label="Checklist dashboard content">
-        <DashboardCard title="Checklist Dashboard Progress" subtitle="Completed vs incomplete">
+        <DashboardCard title="Checklist Dashboard Progress" description="Completed vs incomplete">
           <DashboardTrendChart
             title="Checklist Dashboard Progress"
             labels={months}
@@ -59,7 +59,7 @@ export function ChecklistDashboard() {
           />
         </DashboardCard>
 
-        <DashboardCard title="Upcoming checklist" subtitle="Next scheduled">
+        <DashboardCard title="Upcoming checklist" description="Next scheduled">
           <div className="maf-checkDash__table" role="table" aria-label="Upcoming checklist table">
             <div className="maf-checkDash__thead" role="row">
               <div role="columnheader">Checklist</div>

components/panel/incidents/IncidentsDashboard/IncidentsDashboard.tsx

@@ -38,7 +38,7 @@ export function IncidentsDashboard() {
       </section>
 
       <section className="maf-modDash__grid" aria-label="Incidents dashboard content">
-        <DashboardCard title="Incident Progress" subtitle="Major vs LTI trend">
+        <DashboardCard title="Incident Progress" description="Major vs LTI trend">
           <DualLineTrendChart
             title="Incident Progress"
             labels={months}

components/panel/inspection/InspectionDashboard/InspectionDashboard.tsx

@@ -46,7 +46,7 @@ export function InspectionDashboard() {
       </section>
 
       <section className="maf-inspDash__grid" aria-label="Inspection dashboard content">
-        <DashboardCard title="Inspection Dashboard Progress" subtitle="Completed vs incomplete">
+        <DashboardCard title="Inspection Dashboard Progress" description="Completed vs incomplete">
           <DashboardTrendChart
             title="Inspection Dashboard Progress"
             labels={months}
@@ -57,7 +57,7 @@ export function InspectionDashboard() {
           />
         </DashboardCard>
 
-        <DashboardCard title="Upcoming inspection" subtitle="Next scheduled">
+        <DashboardCard title="Upcoming inspection" description="Next scheduled">
           <div className="maf-inspDash__table" role="table" aria-label="Upcoming inspection table">
             <div className="maf-inspDash__thead" role="row">
               <div role="columnheader">Inspection</div>

components/panel/permit/PermitDashboard/PermitDashboard.tsx

@@ -58,7 +58,7 @@ export function PermitDashboard() {
       </section>
 
       <section className="maf-permitDash__grid" aria-label="Permit dashboard content">
-        <DashboardCard title="Review queue" subtitle="What needs attention">
+        <DashboardCard title="Review queue" description="What needs attention">
           <div className="maf-permitDash__queue">
             <div className="maf-permitDash__queueRow">
               <span>Pending approvals</span>

components/panel/suggestion/SuggestionDashboard/SuggestionDashboard.tsx

@@ -33,7 +33,7 @@ export function SuggestionDashboard() {
       </section>
 
       <section className="maf-suggestDash__grid" aria-label="Suggestion dashboard content">
-        <DashboardCard title="Focus" subtitle="What to prioritize">
+        <DashboardCard title="Focus" description="What to prioritize">
           <div className="maf-suggestDash__focus">
             <div className="maf-suggestDash__focusRow">
               <span>Pending approval</span>

components/panel/tracking/TrackingDashboard/TrackingDashboard.tsx

@@ -30,7 +30,7 @@ export function TrackingDashboard() {
       </section>
 
       <section className="maf-trackDash__grid" aria-label="Tracking dashboard content">
-        <DashboardCard title="Today" subtitle="What to tackle first">
+        <DashboardCard title="Today" description="What to tackle first">
           <div className="maf-trackDash__focus">
             <div className="maf-trackDash__focusRow">
               <span>Overdue</span>