Add PlateRead component and integrate it into the Dashboard; refactor VideoFeed and SightingStack for improved layout

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

@@ -6,7 +6,6 @@ type SightingItemProps = {
 };
 
 const SightingItem = ({ sighting }: SightingItemProps) => {
-  console.log(sighting);
   const motion = sighting.motion.toLowerCase() === "away" ? true : false;
   return (
     <div className="flex flex-row items-center border p-2 mb-2 rounded-lg border-gray-500 justify-between hover:bg-[#233241] hover:cursor-pointer">

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

@@ -8,7 +8,7 @@ type SightingStackProps = {
 };
 const SightingStack = ({ sightings }: SightingStackProps) => {
   return (
-    <Card className="p-4 w-full">
+    <Card className="p-4 w-full h-full md:h-[65%]">
       <CardHeader title="Sightings" />
       {sightings.map((sighting) => (
         <SightingItem key={sighting.ref} sighting={sighting} />