Settings tweaks

components/Settings/ExternalLinks.tsx

@@ -1,14 +1,11 @@
 'use client';
 
-import { useAppContext } from '@/app/AppContext';
 import BuyMeACoffee from '@/components/BuyMeACoffee';
 import GitHubButton from '@/components/GitHubButton';
 
-export default function CardStyle() {
-	const { isDM } = useAppContext();
-
+export default function CardStyle({ className }: { className?: string }) {
 	return (
-		<span className={`w-full flex flex-row ${isDM ? 'justify-evenly' : 'justify-between'}`}>
+		<span className={`w-full flex flex-row justify-between ${className}`}>
 			<GitHubButton className="h-[35px] w-[125px]" />
 			<BuyMeACoffee className="h-[35px] w-[125px]" />
 		</span>