resolve PR conflict

Author: Mohit5Upadhyay

apps/site/components/Downloads/DownloadReleasesTable/DetailsButton.tsx

@@ -4,7 +4,7 @@ import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
 import { use } from 'react';
 
-import LinkWithArrow from '#site/components/LinkWithArrow';
+import LinkWithArrow from '#site/components/Common/LinkWithArrow';
 import { ReleaseModalContext } from '#site/providers/releaseModalProvider';
 import type { NodeRelease } from '#site/types';
 
@@ -21,7 +21,6 @@ const DetailsButton: FC<DetailsButtonProps> = ({ versionData }) => {
     <LinkWithArrow
       onClick={() => openModal(versionData)}
       aria-label={t('details')}
-      className="cursor-pointer"
     >
       {t('details')}
     </LinkWithArrow>

apps/site/next.mdx.use.mjs

@@ -2,7 +2,10 @@
 
 import BadgeGroup from '@node-core/ui-components/Common/BadgeGroup';
 
+import Button from './components/Common/Button';
+import LinkWithArrow from './components/Common/LinkWithArrow';
 import DownloadReleasesTable from './components/Downloads/DownloadReleasesTable';
+import Link from './components/Link';
 import UpcomingMeetings from './components/MDX/Calendar/UpcomingMeetings';
 import WithBadgeGroup from './components/withBadgeGroup';
 import WithBanner from './components/withBanner';
@@ -25,4 +28,10 @@ export const mdxComponents = {
   BadgeGroup,
   // Renders an container for Upcoming Node.js Meetings
   UpcomingMeetings,
+  // Renders a Button Component for `button` tags
+  Button,
+  // Regular links (without arrow)
+  Link,
+  // Links with External Arrow
+  LinkWithArrow,
 };