chore: allow classes to Skeleton component

Author: rjborba

apps/site/components/Common/Skeleton/index.tsx

@@ -3,10 +3,11 @@ import { isValidElement } from 'react';
 
 import styles from './index.module.css';
 
-type SkeletonProps = { hide?: boolean; loading?: boolean };
+type SkeletonProps = { hide?: boolean; loading?: boolean; className?: string };
 
 const Skeleton: FC<PropsWithChildren<SkeletonProps>> = ({
   children,
+  className,
   hide = false,
   loading = true,
 }) => {
@@ -26,7 +27,7 @@ const Skeleton: FC<PropsWithChildren<SkeletonProps>> = ({
     <span
       tabIndex={-1}
       aria-hidden="true"
-      className={styles.skeleton}
+      className={`${styles.skeleton} ${className}`}
       data-inline-skeleton={isValidElement(children) ? undefined : true}
     >
       {children}