initial commit

src/components/SightingOverview/SightingCanvas.tsx

@@ -0,0 +1,15 @@
+import { useLatestSighting } from "../../hooks/useLatestSighting";
+
+const SightingCanvas = () => {
+  const { canvasRef } = useLatestSighting();
+  return (
+    <div className="w-70 flex flex-col">
+      <canvas
+        ref={canvasRef}
+        className="items-center w-full h-10 object-contain block"
+      />
+    </div>
+  );
+};
+
+export default SightingCanvas;