- added new dashboard items

- added camera module statuses

src/features/dashboard/components/SystemHealth.tsx

@@ -29,12 +29,7 @@ const SystemHealth = ({ startTime, uptime, statuses, isLoading, isError, dateUpd
     },
   );
 
-  const convertObjtoArray = (obj: Record<string, SystemHealthStatus[]>) => {
-    if (!obj) return;
-    const statusCategoryArray = Object.entries(obj);
-    return statusCategoryArray;
-  };
-  const statusCategoryArray = convertObjtoArray(statusCategories);
+  const categoryDefault = statusCategories?.default ?? [];
 
   if (isError) {
     return <span className="text-red-500">Error loading system health.</span>;
@@ -52,10 +47,8 @@ const SystemHealth = ({ startTime, uptime, statuses, isLoading, isError, dateUpd
           <h3 className="text-lg">Up Time</h3> <span className="text-slate-300">{uptime}</span>
         </div>
       </div>
-      <div className="h-50 overflow-auto grid grid-cols-2 gap-4">
-        {statusCategoryArray?.map((status) => (
-          <StatusGridItem title={status[0]} statusCategory={status[1]} />
-        ))}
+      <div className="overflow-auto gap-4">
+        <StatusGridItem title={"Modules"} statusCategory={categoryDefault} />
       </div>
       <div className="border-t border-gray-500">
         <small className="italic text-gray-400">{`Last refeshed ${updatedDate}`}</small>