- Refactored Dashboard layout

- enhanced PlatesProcessed component display

src/features/dashboard/Dashboard.tsx

@@ -15,7 +15,7 @@ const Dashboard = () => {
   return (
     <div>
       <SystemOverview />
-      <div className="grid grid-cols-1 md:grid-cols-12 gap-2 md:gap-5">
+      <div className="grid grid-cols-1 md:grid-cols-12 gap-2 md:gap-5 mt-4">
         <div className="col-span-7">
           <VideoFeed mostRecentSighting={mostRecent} isLoading={isLoading} size={size} />
           <PlateRead sighting={mostRecent} />

src/features/dashboard/SystemOverview/PlatesProcessed.tsx

@@ -11,6 +11,10 @@ const PlatesProcessed = ({ platesProcessed }: PlatesProcessedProps) => {
   const toastReceived = platesProcessed?.totalReceived || 0;
 
   return (
+    <>
+      <div className="flex flex-row items-center border-b border-gray-500">
+        <h3 className="text-lg ">Reads</h3>
+      </div>
       <div className="grid grid-cols-2 gap-2">
         <div>
           <h4 className="text-md">Total Active</h4>
@@ -30,6 +34,7 @@ const PlatesProcessed = ({ platesProcessed }: PlatesProcessedProps) => {
           <span className="bg-[#151b22] py-1 px-2  rounded-md font-bold text-red-500">{totalFailed}</span>
         </div>
       </div>
+    </>
   );
 };
 

src/features/dashboard/SystemOverview/SystemOverview.tsx

@@ -28,7 +28,6 @@ const SystemOverview = () => {
           <h3 className="text-lg">Active Sightings</h3>
         </Card>
         <Card className="p-4 hover:bg-[#233241] cursor-pointer">
-          <h3 className="text-lg">Reads</h3>
           <PlatesProcessed platesProcessed={platesProcessed} />
         </Card>
         <Card className="p-4 hover:bg-[#233241] cursor-pointer">

src/features/dashboard/components/sightingStack/sightingItemModal/SightingModalContent.tsx

@@ -51,9 +51,7 @@ const SightingModalContent = ({ sighting }: SightingModalContentProps) => {
             </div>
           </div>
         </>
-      ) : (
+      ) : null}
-        <p className="text-gray-300">No sighting data available.</p>
-      )}
     </div>
   );
 };