redesigned sighting list, removed info bar and made images same width

src/components/SightingsWidget/SightingWidget.tsx

@@ -8,7 +8,6 @@ import clsx from "clsx";
 import { useSightingFeedContext } from "../../context/SightingFeedContext";
 import SightingModal from "../SightingModal/SightingModal";
 import { useAlertHitContext } from "../../context/AlertHitContext";
-import InfoBar from "./InfoBar";
 import HotListImg from "/Hotlist_Hit.svg";
 import NPED_CAT_A from "/NPED_Cat_A.svg";
 import NPED_CAT_B from "/NPED_Cat_B.svg";
@@ -115,7 +114,7 @@ export default function SightingHistoryWidget({
     <>
       <Card
         className={clsx(
-          "overflow-y-auto min-h-[40vh] md:min-h-[60vh] max-h-[80vh] lg:w-[40%]",
+          "overflow-y-auto min-h-[40vh] md:min-h-[60vh] max-h-[80vh] lg:w-[40%] p-4",
           className
         )}
       >
@@ -140,14 +139,12 @@ export default function SightingHistoryWidget({
               return (
                 <div
                   key={obj.ref}
-                  className={`border border-neutral-700 rounded-md mb-2 p-2 cursor-pointer `}
+                  className={`border border-gray-700 rounded-md mb-2 p-2 cursor-pointer `}
                   onClick={() => onRowClick(obj)}
                 >
-                  <InfoBar obj={obj} />
-                  {/* Patch row */}
                   <div
                     className={`flex items-center gap-3 mt-2 justify-between ${
-                      isNPEDHitD ? "border border-amber-600" : ""
+                      isNPEDHitD ? " border-amber-600" : ""
                     }`}
                   >
                     <div
@@ -158,6 +155,7 @@ export default function SightingHistoryWidget({
                       <img
                         src={obj?.plateUrlColour || BLANK_IMG}
                         height={48}
+                        width={200}
                         alt="colour patch"
                         className={primaryIsColour ? "" : ""}
                       />