added forms and refactored component names

src/components/RearCameraOverview/RearCameraOverviewCard.tsx

@@ -3,7 +3,8 @@ import Card from "../UI/Card";
 import { SnapshotContainer } from "../CameraOverview/SnapshotContainer";
 import { useSwipeable } from "react-swipeable";
 import { useNavigate } from "react-router";
-import CameraOverviewHeader from "../CameraOverview/CameraOverviewHeader";
+import CardHeader from "../UI/CardHeader";
+import { faCamera } from "@fortawesome/free-regular-svg-icons";
 
 const RearCameraOverviewCard = () => {
   const navigate = useNavigate();
@@ -15,7 +16,7 @@ const RearCameraOverviewCard = () => {
   return (
     <Card className={clsx("min-h-[40vh] md:min-h-[60vh] h-auto")}>
       <div className="flex flex-col space-y-3 h-full" {...handlers}>
-        <CameraOverviewHeader title="Rear Overiew" />
+        <CardHeader title="Rear Overiew" icon={faCamera} />
         <SnapshotContainer side="TargetDetectionRear" />
       </div>
     </Card>