added sighting feed

src/pages/Dashboard.tsx

@@ -1,8 +1,9 @@
 import FrontCameraOverviewCard from "../components/FrontCameraOverview/FrontCameraOverviewCard";
-import Sightings from "../components/PlateStack/Sightings";
 import RearCameraOverviewCard from "../components/RearCameraOverview/RearCameraOverviewCard";
 import { useNavigate } from "react-router";
 import { useSwipeable } from "react-swipeable";
+import SightingHistoryWidget from "../components/SightingsWidget/SightingWidget";
+import { SightingFeedProvider } from "../context/SightingFeedContext";
 
 const Dashboard = () => {
   const navigate = useNavigate();
@@ -17,10 +18,15 @@ const Dashboard = () => {
       className="mx-auto grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-2 gap-2 px-2 sm:px-4 lg:px-0 w-full"
       {...handlers}
     >
-      <FrontCameraOverviewCard />
-      <RearCameraOverviewCard />
-      <Sightings title="Front Camera Sightings" />
-      <Sightings title="Rear Camera Sightings" />
+      <SightingFeedProvider baseUrl={"http://100.82.205.44/SightingListFront"}>
+        <FrontCameraOverviewCard className="order-1" />
+        <SightingHistoryWidget className="order-3" />
+      </SightingFeedProvider>
+
+      <SightingFeedProvider baseUrl="http://100.82.205.44/SightingListRear">
+        <RearCameraOverviewCard className="order-2" />
+        <SightingHistoryWidget className="order-4" />
+      </SightingFeedProvider>
     </div>
   );
 };