- added plate patch to alert item

- added hotlist name pick up on modals

src/components/HistoryList/AlertItem.tsx

@@ -43,9 +43,7 @@ const AlertItem = ({ item }: AlertItemProps) => {
       path: "alertHistory",
     });
     const oldArray = res?.result;
-    const updatedArray = oldArray?.filter(
-      (item: SightingType) => item?.ref !== deletedItem?.ref
-    );
+    const updatedArray = oldArray?.filter((item: SightingType) => item?.ref !== deletedItem?.ref);
 
     mutation.mutate({
       operation: "INSERT",
@@ -58,45 +56,14 @@ const AlertItem = ({ item }: AlertItemProps) => {
     <div className="flex flex-col w-full">
       <div className="border border-gray-600 rounded-lg items-center py-1">
         <InfoBar obj={item} />
-        <div
-          className=" flex flex-row p-4  w-full mx-auto justify-between"
-          onClick={handleClick}
-        >
-          {isHotListHit && (
-            <img
-              src={HotListImg}
-              alt="hotlistHit"
-              className="h-20 object-contain rounded-md"
-            />
-          )}
-          {isNPEDHitA && (
-            <img
-              src={NPED_CAT_A}
-              alt="NPEDHITicon"
-              className="h-20 object-contain rounded-md"
-            />
-          )}
-          {isNPEDHitB && (
-            <img
-              src={NPED_CAT_B}
-              alt="NPEDHITicon"
-              className="h-20 object-contain rounded-md"
-            />
-          )}
-          {isNPEDHitC && (
-            <img
-              src={NPED_CAT_C}
-              alt="NPEDHITicon"
-              className="h-20 object-contain rounded-md"
-            />
-          )}
-
-          <div className="flex flex-col">
-            <small>MAKE: {item.make}</small>
-            <small>MODEL: {item.model}</small>
-            <small>COLOUR: {item.color}</small>
+        <div className="flex flex-row p-4  w-full mx-auto justify-between" onClick={handleClick}>
+          {isHotListHit && <img src={HotListImg} alt="hotlistHit" className="h-20 object-contain rounded-md" />}
+          {isNPEDHitA && <img src={NPED_CAT_A} alt="NPEDHITicon" className="h-20 object-contain rounded-md" />}
+          {isNPEDHitB && <img src={NPED_CAT_B} alt="NPEDHITicon" className="h-20 object-contain rounded-md" />}
+          {isNPEDHitC && <img src={NPED_CAT_C} alt="NPEDHITicon" className="h-20 object-contain rounded-md" />}
+          <div className={`border p-1 hidden md:block`}>
+            <img src={item?.plateUrlColour} height={48} width={200} alt="colour patch" />
           </div>
-
           <NumberPlate vrm={item.vrm} motion={motionAway} />
         </div>
         <SightingModal