- Add SystemOverview component and related hooks;

- update Dashboard layout and introduce new UI components

src/features/dashboard/Dashboard.tsx

@@ -3,6 +3,7 @@ import SightingStack from "./components/sightingStack/SightingStack";
 import VideoFeed from "./components/videoFeed/VideoFeed";
 import { useSightingList } from "./hooks/useSightingList";
 import { useCameraSettingsContext } from "../../app/context/CameraSettingsContext";
+import SystemOverview from "./SystemOverview/SystemOverview";
 
 const Dashboard = () => {
   const { sightingList, isLoading } = useSightingList();
@@ -13,13 +14,15 @@ const Dashboard = () => {
 
   return (
     <div>
-      <div>system overview</div>
-      <div className="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-5">
-        <div>
+      <SystemOverview />
+      <div className="grid grid-cols-1 md:grid-cols-12 gap-2 md:gap-5">
+        <div className="col-span-7">
           <VideoFeed mostRecentSighting={mostRecent} isLoading={isLoading} size={size} />
           <PlateRead sighting={mostRecent} />
         </div>
-        <SightingStack sightings={sightingList} />
+        <div className="col-span-5">
+          <SightingStack sightings={sightingList} />
+        </div>
       </div>
     </div>
   );