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/app/reducers/cameraSettingsReducer.ts

@@ -2,6 +2,7 @@ import type { CameraSettings, CameraSettingsAction } from "../../utils/types";
 
 export const initialState: CameraSettings = {
   mode: 0,
+  imageSize: { width: 1280, height: 960 },
 };
 
 export const cameraSettingsReducer = (state: CameraSettings, action: CameraSettingsAction) => {
@@ -11,6 +12,11 @@ export const cameraSettingsReducer = (state: CameraSettings, action: CameraSetti
         ...state,
         mode: action.payload,
       };
+    case "SET_IMAGE_SIZE":
+      return {
+        ...state,
+        imageSize: action.payload,
+      };
     default:
       return state;
   }