Add first i18n stuff

src/app/components/SupporterMessage.tsx

@@ -3,8 +3,11 @@
 import React from "react";
 import confetti from "canvas-confetti";
 import { Star } from "lucide-react";
+import { useTranslations } from 'next-intl';
 
 export default function SupporterMessage({ tier }: { tier: string }) {
+    const t = useTranslations();
+
     return (
         <div className="relative flex items-center space-x-2 whitespace-nowrap group">
             <span
@@ -31,7 +34,7 @@ export default function SupporterMessage({ tier }: { tier: string }) {
             </span>
             <Star className="w-3 h-3"/>
             <div className="absolute left-1/2 transform -translate-x-1/2 -top-10 hidden group-hover:block  text-primary text-sm rounded-md border shadow-md px-4 py-2 pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity">
-                Thank you for supporting Pangolin as a {tier}!
+                {t('componentsSupporterMessage', {tier: tier})}
             </div>
         </div>
     );