- improved layouts across app

- adjusted card spacing

src/features/dashboard/components/DashboardGrid.tsx

@@ -35,7 +35,7 @@ const DashboardGrid = () => {
   const categoryC = statusCategories?.channelC ?? [];
 
   return (
-    <div className="grid grid-cols-1 md:grid-rows-2 md:grid-cols-2">
+    <div className="grid grid-cols-1 md:grid-rows-2 md:grid-cols-2 gap-4">
       <SystemStatusCard />
       <SystemHealthCard
         startTime={startTime}
@@ -46,7 +46,7 @@ const DashboardGrid = () => {
         dateUpdatedAt={dateUpdatedAt}
         refetch={refetch}
       />
-      <div className="grid grid-cols-1 md:col-span-2 md:grid-cols-3">
+      <div className="grid grid-cols-1 md:col-span-2 md:grid-cols-3 gap-x-4">
         <CameraStatus title="Camera A" category={categoryA} isError={isError} />
         <CameraStatus title="Camera B" category={categoryB} isError={isError} />
         <CameraStatus title="Camera C" category={categoryC} isError={isError} />