Merge branch 'Bradley'

src/components/UI/CardHeader.tsx

@@ -1,22 +1,27 @@
 import type { IconProp } from "@fortawesome/fontawesome-svg-core";
-
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import clsx from "clsx";
 
 type CameraOverviewHeaderProps = {
   title: string;
   icon?: IconProp;
+  img?: string;
 };
 
-const CardHeader = ({ title, icon }: CameraOverviewHeaderProps) => {
+const CardHeader = ({ title, icon, img }: CameraOverviewHeaderProps) => {
   return (
     <div
       className={clsx(
         "w-full border-b border-gray-600 flex flex-row items-center space-x-2 md:mb-6 relative"
       )}
     >
-      {icon && <FontAwesomeIcon icon={icon} className="size-4" />}
-      <h2 className="text-xl">{title}</h2>
+      <div className="flex items-center space-x-2">
+        {icon && <FontAwesomeIcon icon={icon} className="size-4" />}
+        <h2 className="text-xl">{title}</h2>
+      </div>
+      {img && (
+        <img src={img} alt="Logo" width={100} height={50} className="ml-auto" />
+      )}
     </div>
   );
 };