chore: apply prettier

Author: japboy

src/components/Balloon.tsx

@@ -11,7 +11,7 @@ const Balloon: FunctionComponent<Props> = ({ className = "", children }) => {
     <div
       className={classnames(
         'relative rounded bg-gray-800 p-4 text-gray-100 after:absolute after:left-[50%] after:top-full after:-ml-[6px] after:border-x-[12px] after:border-b-[12px] after:border-t-[12px] after:border-x-transparent after:border-b-transparent after:border-t-gray-800 after:content-[""] dark:bg-white dark:text-gray-800 dark:after:border-t-white',
-        className
+        className,
       )}
     >
       {children}

src/components/Hello.tsx

@@ -35,7 +35,7 @@ const Hello: FunctionComponent<Props> = () => {
           <img
             className={classnames(
               "origin-center rounded-full bg-gray-100 transition-transform duration-200 dark:bg-gray-700",
-              { "rotate-[10deg]": greeted, "rotate-0": !greeted }
+              { "rotate-[10deg]": greeted, "rotate-0": !greeted },
             )}
             height="100"
             src={`https://www.gravatar.com/avatar/${gravatarHash}?s=200`}
@@ -49,7 +49,7 @@ const Hello: FunctionComponent<Props> = () => {
             {
               "opacity-0": !initiated || greeted,
               "opacity-100": initiated && !greeted,
-            }
+            },
           )}
         >
           <a className="group mx-1 block" {...linkedinAttr}>
@@ -67,7 +67,7 @@ const Hello: FunctionComponent<Props> = () => {
           {
             "translate-y-0 opacity-100": greeted,
             "pointer-events-none translate-y-1 opacity-0": !greeted,
-          }
+          },
         )}
       >
         <p>