feat: add modal component for sighting details with content display

- Implemented ModalComponent for reusable modal functionality.
- Created SightingItemModal to manage modal state and display sighting details.
- Developed SightingModalContent to render sighting information including video feed and metadata.

src/features/dashboard/Dashboard.tsx

@@ -2,15 +2,19 @@ import PlateRead from "./components/plateRead/PlateRead";
 import SightingStack from "./components/sightingStack/SightingStack";
 import VideoFeed from "./components/videoFeed/VideoFeed";
 import { useSightingList } from "./hooks/useSightingList";
+import { useCameraSettingsContext } from "../../app/context/CameraSettingsContext";
 
 const Dashboard = () => {
   const { sightingList, isLoading } = useSightingList();
+  const { state: cameraSettings } = useCameraSettingsContext();
+  const size = cameraSettings.imageSize;
+
   const mostRecent = sightingList[0];
 
   return (
     <div className="grid gird-cols-1 md:grid-cols-2 gap-2 md:gap-5">
       <div>
-        <VideoFeed mostRecentSighting={mostRecent} isLoading={isLoading} />
+        <VideoFeed mostRecentSighting={mostRecent} isLoading={isLoading} size={size} />
         <PlateRead sighting={mostRecent} />
       </div>
       <SightingStack sightings={sightingList} />