formatting changes

src/components/DynamicIcon.tsx

@@ -4,11 +4,13 @@ import * as MdIcons from 'react-icons/md';
 import * as AiIcons from 'react-icons/ai';
 import * as GiIcons from 'react-icons/gi';
 import * as IoIcons from 'react-icons/io';
-import * as CiIcons from "react-icons/ci";
-import * as FiIcons from "react-icons/fi";
-import * as LuIcons from "react-icons/lu";
+import * as CiIcons from 'react-icons/ci';
+import * as FiIcons from 'react-icons/fi';
+import * as LuIcons from 'react-icons/lu';
 import * as SiIcons from 'react-icons/si';
 
+// DynamicIcon.tsx - Load React Icon library dynamically from attributes from Directus
+
 const iconSets = {
   fa: FaIcons,
   md: MdIcons,
@@ -21,13 +23,25 @@ const iconSets = {
   si: SiIcons,
 };
 
-const DynamicIcon = ({ name, set = 'fa', size = 20, color = 'currentColor', className = '' }: {name: string, set: string, size: number, color: string, className: string }) => {
+const DynamicIcon = ({
+  name,
+  set = 'fa',
+  size = 20,
+  color = 'currentColor',
+  className = '',
+}: {
+  name: string;
+  set: string;
+  size: number;
+  color: string;
+  className: string;
+}) => {
   let IconComponent = FaIcons.FaAlignCenter;
 
-  if (name.startsWith("Fa")) {
-    IconComponent = iconSets["fa"][name]
-  } else if (name.startsWith("Si")) {
-    IconComponent = iconSets["si"][name]
+  if (name.startsWith('Fa')) {
+    IconComponent = iconSets['fa'][name];
+  } else if (name.startsWith('Si')) {
+    IconComponent = iconSets['si'][name];
   } else {
     IconComponent = iconSets[set][name];
   }