fix typos and small nits

Author: bjohansebas

apps/site/components/Common/Partners/PartnerIcon/index.tsx

@@ -3,30 +3,28 @@ import Tooltip from '@node-core/ui-components/Common/Tooltip';
 import type { ComponentProps, FC } from 'react';
 import { cloneElement } from 'react';
 
+import Button from '#site/components/Common/Button';
 import type { Partners } from '#site/types';
 
 import style from './index.module.css';
-import Button from '../../Button';
 
-type ParnetsIconProps = Partners & ComponentProps<typeof Skeleton>;
+type PartnersIconProps = Partners & ComponentProps<typeof Skeleton>;
 
-const PartnersIcon: FC<ParnetsIconProps> = ({ name, href, logo, loading }) => {
-  return (
-    <Skeleton loading={loading} className="h-9 w-9 p-2">
-      <Tooltip content={<span className="px-2">{name}</span>}>
-        <Button
-          kind="secondary"
-          href={`${href}/?utm_source=nodejs-website&utm_medium=Link`}
-          className={style.partnerIcon}
-        >
-          {cloneElement(logo, {
-            width: 'auto',
-            height: '16px',
-          })}
-        </Button>
-      </Tooltip>
-    </Skeleton>
-  );
-};
+const PartnersIcon: FC<PartnersIconProps> = ({ name, href, logo, loading }) => (
+  <Skeleton loading={loading} className="size-9 p-2">
+    <Tooltip content={<span className="px-2">{name}</span>}>
+      <Button
+        kind="secondary"
+        href={`${href}/?utm_source=nodejs-website&utm_medium=Link`}
+        className={style.partnerIcon}
+      >
+        {cloneElement(logo, {
+          width: 'auto',
+          height: '16px',
+        })}
+      </Button>
+    </Tooltip>
+  </Skeleton>
+);
 
 export default PartnersIcon;

apps/site/components/Common/Partners/PartnerLogo/index.module.css

@@ -2,8 +2,8 @@
 
 .partnerIcon {
   @apply flex
-    h-[114px]
-    max-h-[114px]
+    h-28
+    max-h-28
     w-auto
     min-w-12
     items-center

apps/site/components/Common/Partners/PartnerLogo/index.tsx

@@ -2,28 +2,26 @@ import Skeleton from '@node-core/ui-components/Common/Skeleton';
 import type { ComponentProps, FC } from 'react';
 import { cloneElement } from 'react';
 
+import Button from '#site/components/Common/Button';
 import type { Partners } from '#site/types';
 
 import style from './index.module.css';
-import Button from '../../Button';
 
-type ParnetsIconProps = Partners & ComponentProps<typeof Skeleton>;
+type PartnersLogoProps = Partners & ComponentProps<typeof Skeleton>;
 
-const PartnersIcon: FC<ParnetsIconProps> = ({ href, logo, loading }) => {
-  return (
-    <Skeleton loading={loading} className="h-[114px] w-full p-2">
-      <Button
-        kind="secondary"
-        href={`${href}/?utm_source=nodejs-website&utm_medium=Link`}
-        className={style.partnerIcon}
-      >
-        {cloneElement(logo, {
-          width: 'auto',
-          height: '16px',
-        })}
-      </Button>
-    </Skeleton>
-  );
-};
+const PartnersLogo: FC<PartnersLogoProps> = ({ href, logo, loading }) => (
+  <Skeleton loading={loading} className="h-28 w-full p-2">
+    <Button
+      kind="secondary"
+      href={`${href}/?utm_source=nodejs-website&utm_medium=Link`}
+      className={style.partnerIcon}
+    >
+      {cloneElement(logo, {
+        width: 'auto',
+        height: '16px',
+      })}
+    </Button>
+  </Skeleton>
+);
 
-export default PartnersIcon;
+export default PartnersLogo;

apps/site/components/Common/Partners/PartnersIconList/index.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { useEffect, useRef, useState, type FC } from 'react';
+import { useEffect, useRef, useState } from 'react';
+import type { FC } from 'react';
 
 import { ICON_PARTNERS } from '#site/next.partners.constants';
 import type { PartnerCategory, Partners } from '#site/types';

apps/site/components/Common/Partners/PartnersLogoList/index.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { useEffect, useRef, useState, type FC } from 'react';
+import { useEffect, useRef, useState } from 'react';
+import type { FC } from 'react';
 
 import { LOGO_PARTNERS } from '#site/next.partners.constants';
 import type { PartnerCategory, Partners } from '#site/types';