added forms and refactored component names

src/components/CameraSettings/CameraSettings.tsx

@@ -1,11 +1,14 @@
 import Card from "../UI/Card";
-import CameraOverviewHeader from "../CameraOverview/CameraOverviewHeader";
+import CardHeader from "../UI/CardHeader";
+import CameraSettingFields from "./CameraSettingFields";
+import { faWrench } from "@fortawesome/free-solid-svg-icons";
 
 const CameraSettings = ({ title }: { title: string }) => {
   return (
     <Card>
       <div className="relative flex flex-col space-y-3 h-full">
-        <CameraOverviewHeader title={title} />
+        <CardHeader title={title} icon={faWrench} />
+        <CameraSettingFields />
       </div>
     </Card>
   );