refactor: update positioning of NumberPlate in SightingOverview and clean up unused variables in SightingWidget

src/components/SightingOverview/SightingOverview.tsx

@@ -28,14 +28,13 @@ const SightingOverview = () => {
 
   return (
     <div className="flex flex-col md:flex-row">
-      {mostRecent && (
-        <div className="z-30 px-1 pt-2">
-          <NumberPlate vrm={mostRecent?.vrm} size="sm" />
-        </div>
-      )}
-
       <NavigationArrow side={side} />
       <div className="w-full">
+        {mostRecent && (
+          <div className="absolute inset-0 z-50 px-1 pt-2">
+            <NumberPlate vrm={mostRecent?.vrm} size="sm" />
+          </div>
+        )}
         <img
           ref={imgRef}
           onLoad={() => {

src/components/SightingsWidget/SightingWidget.tsx

@@ -132,8 +132,6 @@ export default function SightingHistoryWidget({
               const isNPEDHitD =
                 obj?.metadata?.npedJSON?.["NPED CATEGORY"] === "D";
               const motionAway = (obj?.motion ?? "").toUpperCase() === "AWAY";
-              const primaryIsColour = obj?.srcCam === 1;
-              const secondaryMissing = (obj?.vrmSecondary ?? "") === "";
               const isHotListHit =
                 obj?.metadata?.hotlistMatches?.Hotlist0 === true;
               return (
@@ -147,17 +145,12 @@ export default function SightingHistoryWidget({
                       isNPEDHitD ? " border-amber-600" : ""
                     }`}
                   >
-                    <div
+                    <div className={`border p-1 `}>
-                      className={`border p-1 ${
-                        primaryIsColour ? "ring-2 ring-lime-400" : ""
-                      } ${secondaryMissing && primaryIsColour ? "" : ""}`}
-                    >
                       <img
                         src={obj?.plateUrlColour || BLANK_IMG}
                         height={48}
                         width={200}
                         alt="colour patch"
-                        className={primaryIsColour ? "" : ""}
                       />
                     </div>
                     {isHotListHit && (