updated forms along with addg tabs

src/components/UI/CardHeader.tsx

@@ -5,7 +5,7 @@ import clsx from "clsx";
 
 type CameraOverviewHeaderProps = {
   title: string;
-  icon: IconProp;
+  icon?: IconProp;
 };
 
 const CardHeader = ({ title, icon }: CameraOverviewHeaderProps) => {
@@ -15,7 +15,7 @@ const CardHeader = ({ title, icon }: CameraOverviewHeaderProps) => {
         "w-full border-b border-gray-600 flex flex-row items-center space-x-2 md:mb-6"
       )}
     >
-      <FontAwesomeIcon icon={icon} className="size-4" />
+      {icon && <FontAwesomeIcon icon={icon} className="size-4" />}
       <h2 className="text-xl">{title}</h2>
     </div>
   );