fix twMerge syntax

src/components/Socials.tsx

@@ -9,7 +9,7 @@ interface ISocials {
     logo: any
     url: string
     className: string
-    option?: any
+    options?: any
 }
 
 const Socials = (props: ISocials) => {
@@ -41,7 +41,7 @@ const Socials = (props: ISocials) => {
 
     const dataSocials = dataDirectus.directus.socials
 
-    const { layout, className, option } = props
+    const { layout, className } = props
 
     const options = props.options ?? {}
     const oClass = options.class || {}
@@ -49,7 +49,8 @@ const Socials = (props: ISocials) => {
     return (
         <div
             className={twMerge(
-                `flex ${layout == "col" ? "w-8 flex-col" : ""} gap-2`,
+                "flex gap-2",
+                layout == "col" ? "w-8 flex-col" : "",
                 oClass.main
             )}
         >
@@ -57,11 +58,8 @@ const Socials = (props: ISocials) => {
                 return (
                     <div
                         className={twMerge(
-                            `tooltip ${
-                                layout == "row"
-                                    ? "tooltip-top"
-                                    : "tooltip-right"
-                            } `,
+                            "tooltip",
+                            layout == "row" ? "tooltip-top" : "tooltip-right",
                             oClass.social
                         )}
                         data-tip={item.name}