fix: footer link behaviour

inertia/components/dashboard/collection/item/collection_item.tsx

@@ -36,20 +36,11 @@ export default function CollectionItem({
 			title={collection.name}
 		>
 			<FolderIcon className={classes.linkIcon} />
-			<Text
-				lineClamp={1}
-				maw={'200px'}
-				w="100%"
-				style={{ wordBreak: 'break-all' }}
-			>
+			<Text lineClamp={1} maw={'200px'} style={{ wordBreak: 'break-all' }}>
 				{collection.name}
 			</Text>
 			{showLinks && (
-				<Text
-					style={{ whiteSpace: 'nowrap' }}
-					c="var(--mantine-color-gray-5)"
-					ml={4}
-				>
+				<Text style={{ whiteSpace: 'nowrap' }} c="dimmed" ml="sm">
 					— {linksCount}
 				</Text>
 			)}

inertia/components/footer/footer.tsx

@@ -1,4 +1,5 @@
 import PATHS from '#core/constants/paths';
+import { Link } from '@inertiajs/react';
 import { route } from '@izzyjs/route/client';
 import { Anchor, Group, Text } from '@mantine/core';
 import { useTranslation } from 'react-i18next';
@@ -12,15 +13,16 @@ export function MantineFooter() {
 	const { t } = useTranslation('common');
 
 	const links = [
-		{ link: route('privacy').url, label: t('privacy') },
-		{ link: route('terms').url, label: t('terms') },
-		{ link: PATHS.EXTENSION, label: 'Extension' },
+		{ link: route('privacy').path, label: t('privacy'), external: false },
+		{ link: route('terms').path, label: t('terms'), external: false },
+		{ link: PATHS.EXTENSION, label: 'Extension', external: true },
 	];
 
 	const items = links.map((link) => (
 		<Anchor
 			c="dimmed"
-			component={ExternalLink}
+			// @ts-expect-error
+			component={link.external ? ExternalLink : Link}
 			key={link.label}
 			href={link.link}
 			size="sm"