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

src/features/dashboard/Dashboard.tsx

@@ -1,10 +1,15 @@
+import SightingStack from "./components/sightingStack/SightingStack";
 import VideoFeed from "./components/videoFeed/VideoFeed";
+import { useSightingList } from "./hooks/useSightingList";
 
 const Dashboard = () => {
+  const { sightingList, isLoading } = useSightingList();
+  const mostRecent = sightingList[0];
+
   return (
-    <div>
-      Dashboard
-      <VideoFeed />
+    <div className="grid gird-cols-1 md:grid-cols-2 gap-20">
+      <VideoFeed mostRecentSighting={mostRecent} isLoading={isLoading} />
+      <SightingStack sightings={sightingList} />
     </div>
   );
 };