Merge branch 'develop' into features-21-08-24

src/dashboards/IconCard.tsx

@@ -9,6 +9,7 @@ interface Props {
   tooltip?: string;
   onClick?: () => void;
   isSelected?: boolean;
+  className?: string;
 }
 
 export default function IconCard({
@@ -18,6 +19,7 @@ export default function IconCard({
   color,
   tooltip,
   onClick,
+  className,
   isSelected,
 }: Props) {
   const colorClasses: { [key in typeof color]: string } = {
@@ -33,7 +35,8 @@ export default function IconCard({
       className={clsx(
         "bg-white rounded-xl shadow p-4 flex flex-col gap-4 items-center text-center w-52 h-52 justify-center cursor-pointer hover:shadow-xl transition ease-in-out duration-300",
         tooltip && "tooltip tooltip-bottom",
-        isSelected && `border border-solid border-${colorClasses[color]}`
+        isSelected && `border border-solid border-${colorClasses[color]}`,
+		className,
       )}
       data-tip={tooltip}
     >