added forms and refactored component names

src/components/FrontCameraSettings/OverviewVideoContainer.tsx

@@ -1,7 +1,8 @@
 import clsx from "clsx";
 import { SnapshotContainer } from "../CameraOverview/SnapshotContainer";
+import { faCamera } from "@fortawesome/free-regular-svg-icons";
 import Card from "../UI/Card";
-import CameraOverviewHeader from "../CameraOverview/CameraOverviewHeader";
+import CardHeader from "../UI/CardHeader";
 
 const OverviewVideoContainer = ({
   title,
@@ -13,7 +14,7 @@ const OverviewVideoContainer = ({
   return (
     <Card className={clsx("min-h-[40vh] md:min-h-[60vh] h-auto")}>
       <div className="relative flex flex-col space-y-3 h-full">
-        <CameraOverviewHeader title={title} />
+        <CardHeader title={title} icon={faCamera} />
         <SnapshotContainer side={side} />
       </div>
     </Card>