Aiq-Lite-UI/src/features/dashboard/Dashboard.tsx

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 className="grid gird-cols-1 md:grid-cols-2 gap-20">
      <VideoFeed mostRecentSighting={mostRecent} isLoading={isLoading} />
      <SightingStack sightings={sightingList} />
    </div>
  );
};

export default Dashboard;