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/main.tsx

@@ -4,12 +4,13 @@ import "./index.css";
 import { RouterProvider, createRouter } from "@tanstack/react-router";
 import { routeTree } from "./routeTree.gen.ts";
 import AppProviders from "./app/providers/AppProviders.tsx";
+import Modal from "react-modal";
 
 const router = createRouter({
   routeTree,
   basepath: "/aiq-lite",
 });
-
+Modal.setAppElement("#root");
 declare module "@tanstack/react-router" {
   interface Register {
     router: typeof router;