Implement video feed feature with components, hooks, and utility functions

src/features/dashboard/components/sightingStack/SightingStack.tsx

@@ -0,0 +1,20 @@
+import CardHeader from "../../../../components/CardHeader";
+import Card from "../../../../components/ui/Card";
+import type { SightingType } from "../../../../utils/types";
+import SightingItem from "./SightingItem";
+
+type SightingStackProps = {
+  sightings: SightingType[];
+};
+const SightingStack = ({ sightings }: SightingStackProps) => {
+  return (
+    <Card className="p-4 w-full">
+      <CardHeader title="Sightings" />
+      {sightings.map((sighting) => (
+        <SightingItem key={sighting.ref} sighting={sighting} />
+      ))}
+    </Card>
+  );
+};
+
+export default SightingStack;